From 54c354cc42979d91c8e87f3ebae2e439a446b005 Mon Sep 17 00:00:00 2001 From: Denny de la Haye <2021@denny.me> Date: Fri, 30 Apr 2021 16:09:43 +0100 Subject: [PATCH] Improve contrast, particularly of subheadings and links --- .../stylesheets/halcyonic/shinycms.scss | 30 +++++++++++-------- 1 file changed, 17 insertions(+), 13 deletions(-) diff --git a/themes/halcyonic/stylesheets/halcyonic/shinycms.scss b/themes/halcyonic/stylesheets/halcyonic/shinycms.scss index ee88b27d6..e3a8ad9cd 100644 --- 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; }