fix(text): make a few style changes (#1100)

This commit is contained in:
darkthemer 2024-08-09 00:30:22 +08:00 committed by GitHub
parent 37c6348144
commit 11e89d411b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -48,6 +48,7 @@
--border-radius: 0px;
--border-width: 1px;
--border-style: solid; /* dotted | dashed | solid | double | groove | ridge | inset | outset */
--border-transition: 0.2s ease; /* 'none' to disable */
}
/* font */
@ -273,15 +274,18 @@
.Root__main-view,
.Root__now-playing-bar,
.Root__right-sidebar:has(aside:not(:empty)) {
border: var(--border-width) var(--border-style) var(--spice-border-inactive);
border: var(--border-width) var(--border-style);
border-color: var(--spice-border-inactive);
border-radius: var(--border-radius);
background-color: var(--spice-main);
transition: border-color var(--border-transition);
}
.main-yourLibraryX-entryPoints:hover,
.Root__main-view:hover,
.Root__now-playing-bar:hover,
.Root__right-sidebar:has(aside:not(:empty)):hover {
border: var(--border-width) var(--border-style) var(--spice-border-active);
border: var(--border-width) var(--border-style);
border-color: var(--spice-border-active);
}
/* pane headers */
@ -299,6 +303,7 @@
background: var(--spice-main);
padding: 0 3px;
z-index: 9;
transition: color var(--border-transition);
}
.Root__nav-bar .main-yourLibraryX-entryPoints:nth-child(1)::before {
content: "Pages";
@ -597,6 +602,14 @@
width: 32px !important;
}
/* left nowplaying text */
.main-nowPlayingBar-left {
padding-inline-start: 0;
}
.main-nowPlayingWidget-trackInfo {
margin: 0;
}
/* volume bar */
.volume-bar__slider-container .x-progressBar-fillColor,
.volume-bar__slider-container
@ -629,6 +642,7 @@
.player-controls__buttons,
.main-nowPlayingBar-extraControls {
opacity: 0.25;
transition: opacity var(--border-transition);
}
.player-controls__buttons:hover,
.main-nowPlayingBar-extraControls:hover {
@ -672,7 +686,7 @@
content: "\21BB\2474";
}
.main-shuffleButton-button > svg,
.ecHWOS svg,
.player-controls__left .ecHWOS svg,
.main-skipBackButton-button > svg,
.main-playPauseButton-button > svg,
.main-skipForwardButton-button > svg,