From fb93e66dc14c07d4634d3b2aa01c365d66696cdf Mon Sep 17 00:00:00 2001 From: AalokeCode Date: Thu, 24 Oct 2024 00:23:29 +0530 Subject: [PATCH] Updated issues with Lightmode, Fixed Link issue with cards. --- history.html.theme | 5 ++++- index.html.theme | 14 ++++++++++---- 2 files changed, 14 insertions(+), 5 deletions(-) diff --git a/history.html.theme b/history.html.theme index 1b0a1e8..76428ea 100644 --- 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 index c650158..414294c 100644 --- 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); } -