Change theme colours

More contrast-y red and greens
mysociety · Jul 9, 2024 · 4177e80 · 4177e80
1 parent d520da7
commit 4177e80
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/www/docs/style/sass/_settings.scss b/www/docs/style/sass/_settings.scss
@@ -72,8 +72,9 @@ $column-gutter: 3%;
 $row-width: em-calc(1140);
 $block-grid-default-spacing: 3%;
 
-$primary-color: #62b356;
+$primary-color: #4b6947;
 $secondary-color: #A94CA6;
+$color-red: #dc3545;
 
 $body-bg: #f3f1eb;
 $body-font-color: #333333;

diff --git a/www/docs/style/sass/_twfy-mixins.scss b/www/docs/style/sass/_twfy-mixins.scss
@@ -9,7 +9,7 @@ $medium-screen: 48em;
 $large-screen: 65em;
 $huge-screen: 71.25em;
 
-$colour_primary: #62b356 !default;
+$colour_primary: #4b6947 !default;
 $colour_black: #222222;
 $colour_dark_grey: #666361;
 $colour_grey: #7E7B78;
@@ -230,10 +230,10 @@ $weight_bold: 700;
 
 
 .site-nav a.donate-button {
-    background-color: darken($colour_pale_red, 10%);
+    background-color: $color-red;
     &:hover,
     &:focus {
-        background-color: darken($colour_pale_red, 15%);
+        background-color: darken($color-red, 5%);
     };
     color: #FFF;
     font-weight: $weight_bold;

diff --git a/www/docs/style/sass/layout/_footer.scss b/www/docs/style/sass/layout/_footer.scss
@@ -1,5 +1,5 @@
 $mysoc-footer-donate-background-color: $body-bg;
-$mysoc-footer-donate-button-background-color: $colour_primary;
+$mysoc-footer-donate-button-background-color: $color-red;
 
 $mysoc-footer-breakpoint-sm: $medium-screen;