Promote colour to a variable

I refuse to try and type this variable name freehand.

Author: turt2live

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"
 

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;