just some extra things

Author: ktg5

css/2006.css

@@ -337,10 +337,16 @@
 /* MUTE */
 .ytp-button.ytp-mute-button[title="Unmute (m)"] {
 	background: url('chrome-extension://__MSG_@@extension_id__/img/2006/volume-button-mute.png') !important;
+    background-position: center center !important;
+	background-repeat: no-repeat !important;
+	background-size: 20px !important;
 }
 
 .ytp-button.ytp-mute-button[data-title-no-tooltip="Unmute"]:hover {
-	background: url('chrome-extension://__MSG_@@extension_id__/img/2006/volume-button.png');
+	background: url('chrome-extension://__MSG_@@extension_id__/img/2006/volume-button.png') !important;
+    background-position: center center !important;
+	background-repeat: no-repeat !important;
+	background-size: 20px !important;
 }
 
 /* ################################# */

css/2010.css

@@ -408,8 +408,6 @@
     top: 37.5%;
 }
 
-/* TODO: Weirdness happening here, investigate further! */
-
 .ytp-volume-slider-handle::before {
 	width: 58px;
 	background: var(--pt-volume-slider);
@@ -427,16 +425,16 @@
     margin-top: 0px !important;
     height: 14px !important;
     width: 5px !important;
-    background: rgb(226, 226, 226);
+    background: rgb(220, 220, 220);
     border-radius: 0px !important;
 }
 
 .ytp-big-mode .ytp-volume-slider-handle::after {
-	left: 0px;
+	left: 6px;
 }
 
 .ytp-big-mode .ytp-volume-slider-handle:before {
-    width: 93px;
+    width: 88px;
 	height: 4px !important;
 }
 

html/popup.css

@@ -122,6 +122,8 @@ body {
 
 
 #yt-html5-menu .menu-option select {
+    color: black;
+    background: white;
     position: relative;
     width: 8em;
     left: calc(100% - 8em);
@@ -218,6 +220,7 @@ body {
 
 
 #yt-html5-menu .menu-apply-overwrite-button {
+    color: white;
     background: #f48c8c;
     font-weight: bold;
     width: 100%;

html/update.html

@@ -30,18 +30,11 @@
             <div class="text">
                 <!-- <b>New updates to the <a href="extensions.html">Extension Support page</a>! Please check it to see if you need to do manual configuration for your extensions!</b>
                 <br> -->
-                <div class="v1dot8">
+                <div class="v1dot8dot1">
                     <h1>PlayerTube has been updated!</h1>
-                    <h3>Some year names have been changed and they are listed below.</h3>
-                    <div style="margin-bottom: 12px;">This update shouldn't have taken so long, but I've working on other stuff recently!!</div>
                     <ul>
-                        <li><b>Renamed the 2012 theme to 2013 & 2011 to 2012</b> because of <a href="https://i.imgur.com/jqa9TkR.jpeg">this image</a> (that's new to me).</li>
-                        <li>Change of placement for the <kbd>Change year of Player</kbd> settings option.</li>
-                        <li><b>Fixed the "TrustedTypes" issue with the resize script.</b></li>
-                        <li><b>Added <a href="https://vorapis.pages.dev/#/">Project V3</a> support</b>, somewhat. Only the 2013 & 2012 theme & custom themes are supported. As of currently. There is no manual configuration needed for this extension.</li>
-                        <li>Added <a href="https://github.com/ktg5/PlayerTube/issues/28">#28 -- "[ Feature Request ] add a toggle for the custom loading icon"</a> under <kbd>Toggle the loading spinner [...]</kbd>.</li>
-                        <li>(Added in 1.8.0.1)Fixed <a href="https://github.com/ktg5/PlayerTube/issues/31">#31 -- "[ Bug ] When in theater mode theres a slight black bar under the player"</a>.</li>
-                        <li>A lot of CSS improvements.</li>
+                        <li>Added <a href="https://github.com/ktg5/PlayerTube/pull/32">#32 -- Fix volume sliders for all themes</a> + additional fixes by myself. (hi ladd you're on here now)</li>
+                        <li>Fixed styling on extension popup.</li>
                     </ul>
                 </div>
 
@@ -59,6 +52,22 @@ <h3>Some year names have been changed and they are listed below.</h3>
                 <br>
 
                 <h2>Past versions...</h2>
+                <div class="v1dot8">
+                    <div style="font-weight: 600;">v1.8</div>
+                    <div style="margin-bottom: 12px;">This update shouldn't have taken so long, but I've working on other stuff recently!!</div>
+                    <ul>
+                        <li><b>Renamed the 2012 theme to 2013 & 2011 to 2012</b> because of <a href="https://i.imgur.com/jqa9TkR.jpeg">this image</a> (that's new to me).</li>
+                        <li>Change of placement for the <kbd>Change year of Player</kbd> settings option.</li>
+                        <li><b>Fixed the "TrustedTypes" issue with the resize script.</b></li>
+                        <li><b>Added <a href="https://vorapis.pages.dev/#/">Project V3</a> support</b>, somewhat. Only the 2013 & 2012 theme & custom themes are supported. As of currently. There is no manual configuration needed for this extension.</li>
+                        <li>Added <a href="https://github.com/ktg5/PlayerTube/issues/28">#28 -- "[ Feature Request ] add a toggle for the custom loading icon"</a> under <kbd>Toggle the loading spinner [...]</kbd>.</li>
+                        <li>(Added in 1.8.0.1) Fixed <a href="https://github.com/ktg5/PlayerTube/issues/31">#31 -- "[ Bug ] When in theater mode theres a slight black bar under the player"</a>.</li>
+                        <li>A lot of CSS improvements.</li>
+                    </ul>
+                </div>
+
+                <br>
+
                 <div class="v1dot7dot2">
                     <div style="font-weight: 600;">v1.7.2</div>
                     <ul>

manifest.json

@@ -2,7 +2,7 @@
     "manifest_version": 3,
     "name": "PlayerTube",
     "description": "The secret ingredient for a older (and better) looking YouTube.",
-    "version": "1.8.0.1",
+    "version": "1.8.1",
     "homepage_url": "https://github.com/ktg5/PlayerTube",
 
     "background": {