/* 我技术有限，没能力参悟品葱的源码，只能玩一玩换肤了。 css 代码如下，浏览器安装了stylus插件可以套用 */
*|*:root {
--purple-lighten-5: #f3e5f5;
--purple-lighten-4: #e1bee7;
--purple-lighten-3: #ce93d8;
--purple-lighten-2: #ba68c8;
--purple-lighten-1: #ab47bc;
--purple: #9c27b0;
--purple-darken-1: #8e24aa;
--purple-darken-2: #7b1fa2;
--purple-darken-3: #6a1b9a;
--purple-darken-4: #4a148c;
--scrollbar-bg: #f0f0f0;
--scrollbar-fg: var(--purple-darken-4);
}
@media (prefers-color-scheme: dark) {
*|*:root {
--scrollbar-bg: #232327;
--scrollbar-fg: var(--purple);
}
}
html, .aw-dropdown-list {
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-fg) var(--scrollbar-bg);
}
*::-webkit-scrollbar {
width: .5rem;
background-color: var(--scrollbar-bg);
}
*::-webkit-scrollbar-track {
background-color: var(--scrollbar-bg);
}
*::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-fg);
}
::selection {
color: #fff;
background: var(--purple-darken-2);
}
.aw-nav-tabs > li > a, .nav > li > a:hover, .nav > li > a:focus
, .aw-nav-tabs > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus
{
background: none;
}
.aw-verified
{
background-color: var(--purple);
}
.btn-success, .btn-gray.active
{
background-color: var(--purple-lighten-2);
}
.btn-success:hover, .btn-gray.active:hover
, .btn-success:active, .btn-success:focus
{
background-color: var(--purple) !important;
}
.aw-nav-tabs > li.active a
{
border-bottom: 2px solid var(--purple-darken-3);
}
.aw-nav-tabs > li > a:hover
{
border-bottom: 2px solid var(--purple-lighten-2);
}
.badge.badge-important {
background-color: var(--purple);
}
