Mirrors/spicetify-themes
1
0
Fork 0
mirror of https://github.com/morpheusthewhite/spicetify-themes.git synced 2024-11-21 18:32:45 +01:00
Code Issues Projects Releases Activity

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

Browse Source
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
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
text/user.css
View File

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