mirror of
https://github.com/BewlyBewly/BewlyBewly.git
synced 2025-04-14 13:15:29 +00:00
5c0148a2b0
* chore: format css * update * update * chore: eslint-skip * update * update * chore: enforce the use of double quotes in `--at-apply` values * refactor: rename `--at-apply` into `--uno` * fix: fix dark theme userSpace search page css (#811) * fix userSpace search css * add new fix * add new fix * fix(adaptedStyles): adapt unadapted contents --------- Co-authored-by: hakadao <a578457889743@gmail.com> Co-authored-by: 夜晚的鸡鸣 <110297461+MidnightCrowing@users.noreply.github.com>
122 lines
2.3 KiB
SCSS
122 lines
2.3 KiB
SCSS
.bewly-design * {
|
|
outline-color: var(--bew-theme-color-80);
|
|
outline-width: 2px;
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
.bewly-design.dark * {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
html.bewly-design > ::-webkit-scrollbar-track {
|
|
background: var(--bew-bg);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgba(120, 120, 140, 0.44);
|
|
border-radius: 20px;
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background: transparent;
|
|
}
|
|
|
|
::selection {
|
|
background: var(--bew-fill-3) !important;
|
|
color: revert !important;
|
|
}
|
|
|
|
html.bewly-design,
|
|
.bewly-design body {
|
|
// font-size: 14px !important;
|
|
min-width: unset !important;
|
|
filter: none !important;
|
|
color: var(--bew-text-1);
|
|
line-height: unset;
|
|
background-image: none;
|
|
}
|
|
|
|
.dark.bewly-design body,
|
|
html.dark.bewly-design {
|
|
background-color: var(--bew-bg);
|
|
}
|
|
|
|
.keep-two-lines {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
line-break: anywhere;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
.bewly-design {
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
--uno: "color-$bew-text-1";
|
|
}
|
|
}
|
|
|
|
// Change OverlayScrollbar color
|
|
.os-scrollbar .os-scrollbar-handle {
|
|
--os-handle-bg: rgba(120, 120, 140, 0.44);
|
|
--os-handle-bg-hover: rgba(120, 120, 140, 0.55);
|
|
--os-handle-bg-active: rgba(120, 120, 140, 0.66);
|
|
}
|
|
|
|
/* Color Mode transition */
|
|
::view-transition-old(root),
|
|
::view-transition-new(root) {
|
|
animation: none !important;
|
|
mix-blend-mode: normal;
|
|
transition: none !important;
|
|
}
|
|
::view-transition-old(*),
|
|
::view-transition-new(*),
|
|
::view-transition-old(*::after),
|
|
::view-transition-new(*::before) {
|
|
transition: none !important;
|
|
}
|
|
::view-transition-old(root) {
|
|
z-index: 1;
|
|
}
|
|
::view-transition-new(root) {
|
|
z-index: 2147483646;
|
|
}
|
|
.dark::view-transition-old(root) {
|
|
z-index: 2147483646;
|
|
}
|
|
.dark::view-transition-new(root) {
|
|
z-index: 1;
|
|
}
|
|
|
|
// Adapt the colors of the two Bilibili Evolved's buttons on the left side to BewlyBewly theme
|
|
.bewly-design {
|
|
.be-settings > .sidebar > * {
|
|
background-color: var(--bew-elevated-solid-1) !important;
|
|
opacity: 0.4;
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.be-settings > .sidebar > * .be-icon {
|
|
color: var(--bew-text-1) !important;
|
|
fill: var(--bew-text-1) !important;
|
|
}
|
|
}
|