Fix dark/light mode footer message box colors (#1157)

yomidevs · Jul 1, 2024 · fafa196 · fafa196
1 parent dd7a4de
commit fafa196
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/ext/css/display.css b/ext/css/display.css
@@ -168,11 +168,11 @@
     --progress-bar-indicator-color: var(--accent-color);
     --entry-current-indicator-color: var(--accent-color);
 
-    --notification-text-color: #ffffff;
-    --notification-background-color: #333333;
-    --notification-background-color-light: #555555;
-    --notification-background-color-lighter: #666666;
-    --notification-shadow-color: rgba(0, 0, 0, 0.5);
+    --notification-text-color: #2f2f2f;
+    --notification-background-color: #f1f1f1;
+    --notification-background-color-light: #e1e1e1;
+    --notification-background-color-lighter: #bbbbbb;
+    --notification-shadow-color: rgba(255, 255, 255, 0.25);
 
     --action-button-hover-color: #dddddd;
     --action-button-active-color: #c1c1c1;
@@ -236,11 +236,11 @@
     --progress-bar-indicator-color: var(--accent-color);
     --entry-current-indicator-color: var(--accent-color);
 
-    --notification-text-color: #2f2f2f;
-    --notification-background-color: #e1e1e1;
-    --notification-background-color-light: #bbbbbb;
-    --notification-background-color-lighter: #aaaaaa;
-    --notification-shadow-color: rgba(255, 255, 255, 0.25);
+    --notification-text-color: #ffffff;
+    --notification-background-color: #333333;
+    --notification-background-color-light: #555555;
+    --notification-background-color-lighter: #666666;
+    --notification-shadow-color: rgba(0, 0, 0, 0.5);
 
     --action-button-hover-color: #282828;
     --action-button-active-color: #444444;

diff --git a/ext/templates-display.html b/ext/templates-display.html
@@ -167,7 +167,7 @@
 <template id="tag-with-body-template"><span class="tag tag-has-body"><span class="tag-label"><span class="tag-label-content"></span></span><span class="tag-body"><span class="tag-body-content"></span></span></span></template>
 
 <!-- Extra -->
-<template id="footer-notification-template"><div class="footer-notification scrollbar-inverse">
+<template id="footer-notification-template"><div class="footer-notification scrollbar">
     <div class="footer-notification-body"></div>
     <div class="footer-notification-close-button-container">
         <button type="button" class="footer-notification-close-button"><span class="footer-notification-close-button-icon icon" data-icon="cross"></span></button>