Bilibili-Evolved/registry/lib/components/style/dark-mode/dark-navbar.scss
2021-10-26 13:19:37 +08:00

86 lines
2.3 KiB
SCSS

@import "./dark-definitions";
.bili-header-m .nav-menu .nav-con .nav-item:hover,
.right-part > .shortcuts-ctnr .shortcut-item:hover,
#link-navbar-vm > .link-navbar .nav-item:hover,
.z_top .z_top_nav ul li:hover,
.uns_box ul.menu li:not(.b-post):hover,
.link-navbar .nav-item:hover,
.shortcuts-ctnr .shortcut-item:hover,
.search-bar-ctnr .search-bar,
.nav-header-wrapper .nav-header .nav-header-search-bar {
@include background-color("2");
}
.bili-header-m .nav-menu .nav-mask,
.bili-header-m .nav-menu.blur-black .nav-mask,
#navbar-vm > .link-navbar,
#link-navbar-vm > .link-navbar,
#app > .link-navbar,
#app > .nav-header-wrapper,
.b-header-mask-wrp .b-header-mask,
.link-navbar {
@include background-color("3");
}
.z_top .i-link:hover,
.z_top .z_top_nav ul li.home:hover {
@include background-color();
}
#app > .nav-header-wrapper > .nav-header {
@include background();
}
#app {
& > .link-navbar {
.main-ctnr .nav-logo,
.nav-item.selected .label,
.nav-item:hover .icon-font {
@include color("e");
}
}
& > .nav-header-wrapper > .nav-header {
.nav-header-mainsite,
.order-center {
@include color("e");
}
}
}
.bili-header-m .nav-menu .nav-con .nav-item .t,
#link-navbar-vm > .link-navbar .main-ctnr .nav-logo,
#link-navbar-vm > .link-navbar .nav-item:hover,
.right-part > .shortcuts-ctnr,
.right-part > .shortcuts-ctnr .shortcut-item:hover,
.z_top.b-header-blur .z_top_nav li a.i-link,
.z_top.b-header-blur .uns_box li.u-i a.i-link,
.z_top a,
.my-link-btn .label,
.uns_box li.u-i a.i-link,
.shortcuts-ctnr .shortcut-item,
.link-navbar .main-ctnr .custom-link > a,
.shortcut-item .list-item span,
.link-navbar .main-ctnr .nav-logo,
.search-bar-ctnr .search-bar input,
.nav-header-wrapper .nav-header .nav-header-search-bar {
@include color("e");
}
.search-bar-ctnr .search-bar {
.placeholder,
.search-btn,
input::placeholder {
@include color("87");
}
}
.uns_box li.u-i:hover a.i-link,
.z_top .i-link:hover {
color: var(--theme-color);
}
.link-navbar-ctnr,
.link-navbar {
box-shadow: none !important;
}
.link-navbar .main-ctnr .nav-logo::before,
.nav-header-wrapper .nav-header .order-icon {
filter: brightness(0) invert(1) !important;
}
.search-bar-ctnr .search-bar {
border-color: transparent !important;
box-shadow: 0px 2px 10px 1px #0002;
}