Improve contrast, particularly of subheadings and links

denny · Apr 30, 2021 · 54c354c · 54c354c
1 parent ef33b6c
commit 54c354c
Showing 1 changed file with 17 additions and 13 deletions.
diff --git a/themes/halcyonic/stylesheets/halcyonic/shinycms.scss b/themes/halcyonic/stylesheets/halcyonic/shinycms.scss
@@ -6,10 +6,14 @@
 
 // Additional styles & overrides for the ShinyCMS Halcyonic theme
 
-$blue:              #2668ac;
-$light-blue:        #368aee;
-$lighter-blue:      #99ddff;
-$lightest-blue:     #aaeeff;
+$dark-blue-grey:    #1c2833;
+$grey-blue:         #2e343b;
+$nearly-white:      #e0ffff;
+
+$blue:              #0f4880;
+$light-blue:        #89C4F4;
+$lighter-blue:      #66ccdd;
+$lightest-blue:     #00eeff;
 
 $red:               #ed391b;
 $light-red:         #fd492b;
@@ -197,7 +201,7 @@ strong, b {
 }
 
 .white-text {
-  color:        $white !important;
+  color:        $nearly-white !important;
 }
 
 a.button:hover {
@@ -232,7 +236,7 @@ nav .sm li li {
 }
 
 nav .sm li li a {
-  color:                $dark-grey !important;
+  color:                $dark-blue-grey !important;
   padding:              0.6em !important;
 }
 
@@ -241,7 +245,7 @@ nav .sm li li:last-child a {
 }
 
 nav .sm li li a:hover {
-  color:                $blue !important;
+  color:                $light-blue !important;
 }
 
 nav .sm li li li {
@@ -253,7 +257,7 @@ nav .sm li li li {
 .header .alerts {
   background:           $alert-bg;
   border-radius:        3px;
-  color:                $nearly-black;
+  color:                $dark-blue-grey;
   margin:               0.5em !important;
   padding:              0.5em;
   text-shadow:          none;
@@ -262,7 +266,7 @@ nav .sm li li li {
 .header .notices {
   background:           $notice-bg;
   border-radius:        3px;
-  color:                $nearly-black;
+  color:                $dark-blue-grey;
   margin:               0.5em !important;
   padding:              0.5em;
   text-shadow:          none;
@@ -306,11 +310,11 @@ nav .sm li li li {
 }
 
 #content h2 {
-  color:                $nearly-black;
+  color:                $nearly-black !important;
 }
 
 #content h3 {
-  color:                $dark-grey;
+  color:                $dark-blue-grey !important;
 }
 
 // ===== ( sidebars ) =====
@@ -351,11 +355,11 @@ nav .sm li li li {
 // ===== ( page footer ) =====
 
 #footer {
-  color:                $dark-grey !important;
+  color:                $dark-blue-grey !important;
 }
 
 #footer a {
-  color:                $dark-grey !important;
+  color:                $dark-blue-grey !important;
   text-decoration:      none;
 }