diff --git a/text/user.css b/text/user.css index 35d026e..63e039d 100644 --- a/text/user.css +++ b/text/user.css @@ -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,