fix: paper-icon-button-light hover on focus

.editorconfig

@@ -18,4 +18,5 @@ indent_size = 2
 
 # documentation, utils
 [*.{md,mdx,diff}]
+indent_size = 4
 trim_trailing_whitespace = false

README.md

@@ -18,20 +18,20 @@
 ## Previews
 
 <details>
-<summary>🌻 Latte</summary>
-<img src="/assets/latte.webp"/>
+    <summary>🌻 Latte</summary>
+    <img src="/assets/latte.webp"/>
 </details>
 <details>
-<summary>🪴 Frappé</summary>
-<img src="/assets/frappe.webp"/>
+    <summary>🪴 Frappé</summary>
+    <img src="/assets/frappe.webp"/>
 </details>
 <details>
-<summary>🌺 Macchiato</summary>
-<img src="/assets/macchiato.webp"/>
+    <summary>🌺 Macchiato</summary>
+    <img src="/assets/macchiato.webp"/>
 </details>
 <details>
-<summary>🌿 Mocha</summary>
-<img src="/assets/mocha.webp"/>
+    <summary>🌿 Mocha</summary>
+    <img src="/assets/mocha.webp"/>
 </details>
 
 ## Usage
@@ -42,20 +42,14 @@
     ```
 2. Open settings, navigate to Display and paste the CSS into the section called "Custom CSS code"
 3. Copy your preferred flavor's import rule and paste it **after** the theme import:
-  - 🌻 Latte
     ```css
+    /* 🌻 Latte */
     @import url('https://adamperkowski.github.io/jellyfin/latte.css');
-    ```
-  - 🪴 Frappé
-    ```css
+    /* 🪴 Frappé */
     @import url('https://adamperkowski.github.io/jellyfin/frappe.css');
-    ```
-  - 🌺 Macchiato
-    ```css
+    /* 🌺 Macchiato */
     @import url('https://adamperkowski.github.io/jellyfin/macchiato.css');
-    ```
-  - 🌿 Mocha
-    ```css
+    /* 🌿 Mocha */
     @import url('https://adamperkowski.github.io/jellyfin/mocha.css');
     ```
 4. Press save and you're done!
@@ -70,8 +64,8 @@ The accent color can be overrided by adding the following **after** the imports:
 ```
 
 <details>
-<summary>Preview</summary>
-<img src="/assets/mauve.webp"/>
+    <summary>Preview</summary>
+    <img src="/assets/mauve.webp"/>
 </details>
 
 There is also an everything-rounded extension available:
@@ -79,9 +73,9 @@ There is also an everything-rounded extension available:
 @import url('https://adamperkowski.github.io/jellyfin/rounding.css');
 ```
 <details>
-<summary>Preview</summary>
-<img src="/assets/rounding0.webp"/>
-<img src="/assets/rounding1.webp"/>
+    <summary>Preview</summary>
+    <img src="/assets/rounding0.webp"/>
+    <img src="/assets/rounding1.webp"/>
 </details>
 
 ## 💝 Thanks to

themes/theme.css

@@ -100,7 +100,6 @@ html {
 }
 
 .paper-icon-button-light:hover:not(:disabled),
-.paper-icon-button-light:focus,
 .listItem:hover,
 .listItem:focus,
 .navMenuOption:hover,