fix(text): make various fixes (#1044)

* fix(text): make page icons consistent

* fix(text): correct topbar button icons

* chore(text): update readme

* fix(text): fix hovered volume slider bg color

text/README.md

@@ -6,26 +6,10 @@
 
 ##### with images
 
-```css
---display-card-image: block;
---display-coverart-image: block;
---display-header-image: block;
---display-library-image: block;
---display-tracklist-image: block;
-```
-
 ![withimg](screenshots/withimg.png)
 
 ##### without images
 
-```css
---display-card-image: none;
---display-coverart-image: none;
---display-header-image: none;
---display-library-image: none;
---display-tracklist-image: none;
-```
-
 ![withoutimg](screenshots/withoutimg.png)
 
 ### Spotify
@@ -123,7 +107,6 @@ xpui.js_repl_8008 = ,${1}32,
     -   https://github.com/nordtheme/nord
     -   https://github.com/Rigellute/rigel/
     -   https://github.com/rose-pine/rose-pine-theme
-    -   https://github.com/rose-pine/rose-pine-theme
     -   https://github.com/altercation/solarized
     -   https://github.com/enkia/tokyo-night-vscode-theme
 
@@ -184,15 +167,10 @@ body::after {
     backdrop-filter: brightness(2.12);
     /* page zoom [ctrl][+] or [ctrl][-]
        edit width and height accordingly
-        69%  = 194px 45px
+       this size is set for 100% zoom
-        76%  = 177px 40.5px
-        83%  = 162px 37.5px
-        91%  = 148px 34px
-        100% = 135px 31px (default)
-        110% = 123px 28.5px
     */
     width: 135px;
-    height: 31px;
+    height: 40px;
 }
 ```
 

text/user.css

@@ -398,10 +398,7 @@ section.main-buddyFeed-container {
     height: 24px;
     gap: 8px;
 }
-.main-yourLibraryX-navLink .home-icon,
+.main-yourLibraryX-navLink > svg,
-.main-yourLibraryX-navLink .search-icon,
-.main-yourLibraryX-navLinkActive .home-active-icon,
-.main-yourLibraryX-navLinkActive .search-active-icon,
 .main-yourLibraryX-header .main-yourLibraryX-collapseButtonWrapper > span {
     transform: scale(0.6);
 }
@@ -478,13 +475,13 @@ section.main-buddyFeed-container {
 .main-topBar-buddyFeed {
     background-color: transparent;
 }
-.main-topBar-button:first-child:before {
+.main-topBar-historyButtons > .main-topBar-button:first-child::before {
     content: "<";
 }
 .main-topBar-button.main-topBar-responsiveForward::before {
     content: ">";
 }
-.main-topBar-button:first-child > svg,
+.main-topBar-historyButtons > .main-topBar-button:first-child > svg,
 .main-topBar-button.main-topBar-responsiveForward > svg {
     display: none;
 }
@@ -548,7 +545,8 @@ section.main-buddyFeed-container {
 .lyrics-lyrics-contentContainer {
     justify-content: start;
 }
-.lyrics-lyrics-container, .main-nowPlayingView-section {
+.lyrics-lyrics-container,
+.main-nowPlayingView-section {
     --lyrics-color-active: var(--spice-text) !important;
     --lyrics-color-inactive: var(--spice-subtext) !important;
     --lyrics-color-passed: var(--spice-subtext) !important;
@@ -563,9 +561,7 @@ section.main-buddyFeed-container {
     opacity: 0.7;
     transition: none;
 }
-.lyrics-lyricsContent-lyric.lyrics-lyricsContent-active:not(
+.lyrics-lyricsContent-lyric.lyrics-lyricsContent-active:not(:empty) {
-        :empty
-    ) {
     background-color: var(--lyrics-color-background);
     color: var(--spice-main);
     opacity: 1;
@@ -576,9 +572,7 @@ section.main-buddyFeed-container {
     opacity: 0;
     white-space: break-spaces;
 }
-.lyrics-lyricsContent-lyric.lyrics-lyricsContent-active:not(
+.lyrics-lyricsContent-lyric.lyrics-lyricsContent-active:not(:empty)::before {
-        :empty
-    )::before {
     content: ">> ";
     opacity: 1;
     white-space: break-spaces;
@@ -660,7 +654,7 @@ section.main-buddyFeed-container {
 .volume-bar__slider-container .x-progressBar-fillColor,
 .volume-bar__slider-container
     .playback-progressbar-isInteractive
-    .DuvrswZugGajIFNXObAr
+    .progress-bar--isDragging
     .x-progressBar-fillColor,
 .volume-bar__slider-container
     .playback-progressbar-isInteractive
@@ -668,7 +662,6 @@ section.main-buddyFeed-container {
     .x-progressBar-fillColor,
 .volume-bar__slider-container
     .playback-progressbar-isInteractive
-    .volume-bar__slider-container
     .progress-bar:hover
     .x-progressBar-fillColor,
 .volume-bar__slider-container