Browse Source

feat: Global link color and :hover variable added bs-link-color-rgb, color is matching the Stride Web

Vaclav Elias 2 years ago
parent
commit
cbaf44a8b5
1 changed files with 6 additions and 6 deletions
  1. 6 6
      en/template/public/main.css

+ 6 - 6
en/template/public/main.css

@@ -4,11 +4,8 @@
 :root {
     --stride-red: #FC365B;
     --stride-red-web: #da0830;
-}
-
-body {
-    --bs-link-color-rgb: 66, 184, 131 !important;
-    --bs-link-hover-color-rgb: 64, 180, 128 !important;
+    --bs-link-color-rgb: 218, 8, 48 !important;
+    --bs-link-hover-color-rgb: 174, 6, 38 !important;
 }
 
 .navbar-brand #logo {
@@ -28,10 +25,13 @@ body {
 }
 
 /* ToDo: JavaScipt needs to be hooked to theme selector to switch logo */
+
 [data-bs-theme=dark] {
     --logo: url(../media/stride-logo-dark-theme.svg) no-repeat;
+    --bs-link-color-rgb: 245, 122, 122 !important;
+    --bs-link-hover-color-rgb: 247, 149, 149 !important;
 }
 
 footer .link-danger {
     color: var(--stride-red-web);
-}
+}