Updated issues with Lightmode, Fixed Link issue with cards.

harsxv · Oct 23, 2024 · fb93e66 · fb93e66
1 parent e2831a8
commit fb93e66
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/history.html.theme b/history.html.theme
@@ -21,6 +21,8 @@
             --card-shadow: rgba(0,0,0,0.1);
             --footer-color: #7f8c8d;
             --link-color: #3498db;
+            --secondary-bg-color: #fff;
+            --status-down-color: #e74c3c;
         }
         @media (prefers-color-scheme: dark) {
             :root {
@@ -32,6 +34,7 @@
                 --footer-color: #888;
                 --link-color: #5dade2;
                 --secondary-bg-color: #27272a;
+                --status-down-color: #FF9185;
             }
         }
         body {
@@ -72,7 +75,7 @@
             justify-content: space-between;
         }
         .status-up { color: #27ae60; }
-        .status-down { color: #FF9185; }
+        .status-down { color: var(--status-down-color); }
         .footer {
             text-align: center;
             font-size: .9em;

diff --git a/index.html.theme b/index.html.theme
@@ -25,6 +25,8 @@
             --card-shadow: rgba(0,0,0,0.1);
             --footer-color: #7f8c8d;
             --link-color: #3498db;
+            --secondary-bg-color: #fff;
+            --status-down-color: #e74c3c;
         }
         @media (prefers-color-scheme: dark) {
             :root {
@@ -36,6 +38,7 @@
                 --footer-color: #888;
                 --link-color: #5dade2;
                 --secondary-bg-color: #27272a;
+                --status-down-color: #FF9185;
             }
             a,
             a:link,
@@ -125,11 +128,11 @@
             fill: #27ae60;
             justify-content: center;
          }
-        .status-down { color: #FF9185; 
+        .status-down { color: var(--status-down-color); 
             display: flex;
             align-items: center;
             gap: 5px;
-            fill: #FF9185;
+            fill: var(--status-down-color);
             justify-content: center;
         }
         .incidents {
@@ -154,14 +157,17 @@
         a:link,
         a:visited {
             cursor: pointer;
-            color: rgb(255, 255, 255);
+            color: var(--link-color);
             text-decoration: none !important;
         }
 
+        .status-item h3, .icons a {
+            color: var(--text-color) !important;
+        }
+
         a:hover {
             color: rgb(86, 86, 86);
         }
-
     </style>
 </head>
 <body>