From 570c082573942a65fd1cf6052d498138c97f5f15 Mon Sep 17 00:00:00 2001
From: Travis Ralston <travisr@matrix.org>
Date: Wed, 5 May 2021 09:58:45 -0600
Subject: [PATCH] Promote colour to a variable

I refuse to try and type this variable name freehand.
---
 res/themes/dark/css/_dark.scss   | 7 ++++---
 res/themes/light/css/_light.scss | 3 ++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/res/themes/dark/css/_dark.scss b/res/themes/dark/css/_dark.scss
index 334bf581f3..d31b67d4ab 100644
--- a/res/themes/dark/css/_dark.scss
+++ b/res/themes/dark/css/_dark.scss
@@ -9,6 +9,7 @@ $header-panel-text-primary-color: #B9BEC6;
 $header-panel-text-secondary-color: #c8c8cd;
 $text-primary-color: #ffffff;
 $text-secondary-color: #B9BEC6;
+$quaternary-fg-color: #6F7882;
 $search-bg-color: #181b21;
 $search-placeholder-color: #61708b;
 $room-highlight-color: #343a46;
@@ -42,11 +43,11 @@ $preview-bar-bg-color: $header-panel-bg-color;
 $groupFilterPanel-bg-color: rgba(38, 39, 43, 0.82);
 $inverted-bg-color: $base-color;
 
-$voice-record-stop-border-color: #6F7882; // "Quartary"
+$voice-record-stop-border-color: $quaternary-fg-color;
 $voice-record-waveform-bg-color: #394049; // "Dark Tile"
 $voice-record-waveform-fg-color: $secondary-fg-color;
-$voice-record-waveform-incomplete-fg-color: #6F7882; // "Quartary"
-$voice-record-icon-color: #6F7882; // "Quartary"
+$voice-record-waveform-incomplete-fg-color: $quaternary-fg-color;
+$voice-record-icon-color: $quaternary-fg-color;
 $voice-playback-button-bg-color: $tertiary-fg-color;
 $voice-playback-button-fg-color: #21262C; // "Separator"
 
diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
index 193b7f816c..240e78b1e2 100644
--- a/res/themes/light/css/_light.scss
+++ b/res/themes/light/css/_light.scss
@@ -21,6 +21,7 @@ $notice-primary-bg-color: rgba(255, 75, 85, 0.16);
 $primary-fg-color: #2e2f32;
 $secondary-fg-color: #737D8C;
 $tertiary-fg-color: #8D99A5;
+$quaternary-fg-color: #C1C6CD;
 $header-panel-bg-color: #f3f8fd;
 
 // typical text (dark-on-white in light skin)
@@ -190,7 +191,7 @@ $voice-record-live-circle-color: #ff4b55;
 $voice-record-stop-border-color: #E3E8F0; // "Separator"
 $voice-record-waveform-bg-color: #E3E8F0; // "Separator"
 $voice-record-waveform-fg-color: $secondary-fg-color;
-$voice-record-waveform-incomplete-fg-color: #C1C6CD; // "Quartary"
+$voice-record-waveform-incomplete-fg-color: $quaternary-fg-color;
 $voice-record-icon-color: $tertiary-fg-color;
 $voice-playback-button-bg-color: $primary-bg-color;
 $voice-playback-button-fg-color: $secondary-fg-color;