From dca67c374f33b1ff536ba8fec6d7321289396270 Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Mon, 24 Mar 2025 21:10:53 +0100
Subject: [PATCH] Fix grey colour var names.

---
 assets/sass/_colors.scss                   | 10 +++++-----
 assets/sass/components/button/_button.scss |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/assets/sass/_colors.scss b/assets/sass/_colors.scss
index 21c6544..34a80c3 100644
--- a/assets/sass/_colors.scss
+++ b/assets/sass/_colors.scss
@@ -34,7 +34,7 @@
   // Text colours.
   --color-text:                   var(--color-black);
   --color-text-bg:                var(--color-white);
-  --color-text-meta:              var(--color-grey-dark);
+  --color-text-meta:              var(--color-grey-600);
   --color-headings:               var(--color-nearblack);
   --color-code:                   var(--color-nearblack);
 
@@ -57,7 +57,7 @@
   --color-header-bg:              var(--color-white);
   --color-body-bg:                var(--color-white);
   --color-footer-bg:              var(--color-white);
-  --color-backdrop:               var(--color-grey-extra-light);
+  --color-backdrop:               var(--color-grey-200);
 
   // Mobil menu colours.
   --color-mobile-menu:            var(--color-brand);
@@ -68,7 +68,7 @@
   --color-button-hover:           var(--color-brand-dark);
   --color-button-text:            var(--color-white);
   --color-button-text-hover:      var(--color-white);
-  --color-button-disabled:        var(--color-grey);
+  --color-button-disabled:        var(--color-grey-400);
 
   // Row (e.g. in table) colours.
   --color-row-header:             transparent;
@@ -91,6 +91,6 @@
   --color-mark-bg:                var(--color-yellow);
 
   // Misc colours.
-  --color-watermark:              var(--color-grey-extra-light);
-  --color-debug-color:            var(--color-grey-extra-light);
+  --color-watermark:              var(--color-grey-200);
+  --color-debug-color:            var(--color-grey-200);
 }
diff --git a/assets/sass/components/button/_button.scss b/assets/sass/components/button/_button.scss
index f35a97c..218273e 100644
--- a/assets/sass/components/button/_button.scss
+++ b/assets/sass/components/button/_button.scss
@@ -107,7 +107,7 @@ button,
 // other variations.
 %button--disabled[disabled] {
   @extend %disabled;
-  background-color: var(--color-grey-extra-light);
+  background-color: var(--color-grey-200);
   border: 1px solid var(--color-button-disabled);
   background-image: none;
   text-shadow: none;