hugo: Modified blue tint for base styling

The blue tint used for the blue button has been brightened to match the blue tint used in info block. Several other base elements have had their blue tint modified accordingly to match. To compare, see: https://cuelang.org/examples/shortcodes/info/ https://cuelang.org/examples/shortcodes/buttons/ Fixes cue-lang/cue#3503 Signed-off-by: Wies de Graaf <[email protected]>
cue-lang · Oct 25, 2024 · 0730520 · 0730520
1 parent 567a376
commit 0730520
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/hugo/assets/scss/base/base.scss b/hugo/assets/scss/base/base.scss
@@ -11,8 +11,8 @@
 
 :root {
     --text-color: #{ $c-grey--darkest };
-    --heading-color: #{ $c-blue };
-    --text-link-color: #{ $c-blue };
+    --heading-color: #{ $c-blue--light };
+    --text-link-color: #{ $c-blue--light };
     --caption-color: #{ transparentize($c-grey--darkest, 0.3) };
     --dialog-animation-settings: 401ms ease;
     --form-input-background: #{ $c-white };
@@ -22,7 +22,7 @@
     --form-input-color: #{ $c-grey--dark };
     --form-label-color: #{ $c-grey--darkest };
     --hr-color: #{ transparentize($c-blue--darker, 0.8) };
-    --list-color: #{ $c-blue };
+    --list-color: #{ $c-blue--light };
     --mark-background-color: #{ $c-yellow };
     --mark-color: #{ $c-grey--darkest };
     --pre-background-color: #{ $c-white };

diff --git a/hugo/assets/scss/components/authors.scss b/hugo/assets/scss/components/authors.scss
@@ -7,11 +7,11 @@
     $self: &;
 
     --author-img-size: 24px;
-    --author-icon-color: #{ $c-blue };
+    --author-icon-color: #{ $c-blue--light };
     --author-icon-size: 20px;
     --author-popover-bg-color: #{ $c-blue--lightest };
     --author-popover-border-color: #{ $c-grey-blue };
-    --author-text-color: #{ $c-blue };
+    --author-text-color: #{ $c-blue--light };
 
     align-items: center;
     display: flex;

diff --git a/hugo/assets/scss/components/button.scss b/hugo/assets/scss/components/button.scss
@@ -122,8 +122,8 @@
     }
 
     &--blue {
-        --button-background: #{ $c-blue };
-        --button-border: #{ $c-blue };
+        --button-background: #{ $c-blue--light };
+        --button-border: #{ $c-blue--light };
         --button-color: #{ $c-white };
         --button-background-hover: #{ $c-yellow };
         --button-border-hover: #{ $c-yellow };

diff --git a/hugo/assets/scss/components/cards.scss b/hugo/assets/scss/components/cards.scss
@@ -7,7 +7,7 @@
 .cards {
     $self: &;
 
-    --cards-icon-color: #{ $c-blue };
+    --cards-icon-color: #{ $c-blue--light };
     --cards-link-border-color: #{ $c-yellow };
     --cards-border-width: 2px;