Fixed styles for ImprovedTube -> Appearance

code-charity · Aug 5, 2020 · 8c3109f · 8c3109f
1 parent d1195dd
commit 8c3109f
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 15 deletions.
diff --git a/manifest.json b/manifest.json
@@ -2,7 +2,7 @@
     "manifest_version": 2,
     "short_name" : "ImprovedTube",
     "name": "Improve YouTube! (Open-Source for YouTube)",
-    "version": "3.70",
+    "version": "3.71",
     "icons": {
         "16": "assets/icons/16.png",
         "32": "assets/icons/32.png",

diff --git a/popup.css b/popup.css
@@ -1017,7 +1017,8 @@ html[it-it-analyzer='false'] .satus-folder--analyzer
     height: 40px;
     min-height: auto;
 
-    background-color: var(--satus-theme-surface, #fff);
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
 }
 
 .satus-main__container[data-appearance='appearance'] .satus-folder--header:hover
@@ -1060,7 +1061,8 @@ html[it-it-analyzer='false'] .satus-folder--analyzer
     height: 56px;
     min-height: auto;
 
-    background-color: var(--satus-theme-surface, #fff);
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
 }
 
 .satus-main__container[data-appearance='appearance'] .satus-folder--description
@@ -1072,7 +1074,8 @@ html[it-it-analyzer='false'] .satus-folder--analyzer
     height: 3.5rem;
     min-height: 3.5rem;
 
-    background-color: var(--satus-theme-surface, #fff);
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
 }
 
 .satus-main__container[data-appearance='appearance'] .satus-folder--comments
@@ -1084,7 +1087,8 @@ html[it-it-analyzer='false'] .satus-folder--analyzer
     height: 80px;
     min-height: auto;
 
-    background-color: var(--satus-theme-surface, #fff);
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
 }
 
 .satus-main__container[data-appearance='appearance'] .satus-folder--footer
@@ -1096,7 +1100,8 @@ html[it-it-analyzer='false'] .satus-folder--analyzer
     height: 64px;
     min-height: auto;
 
-    background-color: var(--satus-theme-surface, #fff);
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
 }
 
 .satus-main__container[data-appearance='appearance'] .satus-folder--sidebar
@@ -1107,8 +1112,10 @@ html[it-it-analyzer='false'] .satus-folder--analyzer
     width: calc(30% - 8px);
     height: 160px;
 
-    background-color: var(--satus-theme-surface, #fff);
-}
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
+}
+
 /*-----------------------------------------------------------------------------
 # THEMES CATEGORY
 -----------------------------------------------------------------------------*/

diff --git a/src/template/css/template-parts/appearance.css b/src/template/css/template-parts/appearance.css
@@ -41,7 +41,8 @@
     height: 40px;
     min-height: auto;
 
-    background-color: var(--satus-theme-surface, #fff);
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
 }
 
 .satus-main__container[data-appearance='appearance'] .satus-folder--header:hover
@@ -84,7 +85,8 @@
     height: 56px;
     min-height: auto;
 
-    background-color: var(--satus-theme-surface, #fff);
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
 }
 
 .satus-main__container[data-appearance='appearance'] .satus-folder--description
@@ -96,7 +98,8 @@
     height: 3.5rem;
     min-height: 3.5rem;
 
-    background-color: var(--satus-theme-surface, #fff);
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
 }
 
 .satus-main__container[data-appearance='appearance'] .satus-folder--comments
@@ -108,7 +111,8 @@
     height: 80px;
     min-height: auto;
 
-    background-color: var(--satus-theme-surface, #fff);
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
 }
 
 .satus-main__container[data-appearance='appearance'] .satus-folder--footer
@@ -120,7 +124,8 @@
     height: 64px;
     min-height: auto;
 
-    background-color: var(--satus-theme-surface, #fff);
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
 }
 
 .satus-main__container[data-appearance='appearance'] .satus-folder--sidebar
@@ -131,5 +136,6 @@
     width: calc(30% - 8px);
     height: 160px;
 
-    background-color: var(--satus-theme-surface, #fff);
-}
+    background-color: var(--satus-theme-dialog);
+    color: var(--satus-theme-dialog-text);
+}