refactor: finished converting sass colors in _quote.scss

stylesheets/_quote.scss

@@ -74,11 +74,11 @@
 }
 
 .module-quote__reference-warning {
-  background-color: var(--color-black-color)-06;
+  background-color: var(--color-darkest-black-color);
 }
 
 .module-quote__reference-warning__icon {
-  @include color-svg('../images/broken-link.svg', $color-dark-30);
+  @include color-svg('../images/broken-link.svg', var(--color-light-gray-color));
 }
 
 .module-quote__reference-warning__text {
@@ -258,7 +258,7 @@
     flex-direction: row;
     align-items: center;
 
-    background-color: $color-white-085;
+    background-color: var(--color-darkest-white-color);
     padding-inline-start: 8px;
     padding-inline-end: 8px;
     margin-inline-end: 8px;

stylesheets/_theme_dark.scss

@@ -198,7 +198,7 @@
   // Module: Contact List Item
 
   .module-contact-list-item {
-    color: $color-dark-30;
+    color: var(--color-light-gray-color);
   }
 
   // Module: Message Detail

stylesheets/_variables.scss

@@ -15,12 +15,10 @@ $color-white-06: rgba(var(--color-white-color), 0.6);
 $color-white-07: rgba(var(--color-white-color), 0.7);
 $color-white-075: rgba(var(--color-white-color), 0.75);
 $color-white-08: rgba(var(--color-white-color), 0.8);
-$color-white-085: rgba(var(--color-white-color), 0.85);
 $color-light-20: #c1c5cd;
 $color-light-60: #62656a;
 $color-light-90: #070c14;
 
-$color-dark-30: #a8a9aa;
 $color-dark-55: #88898c;
 $color-dark-60: #797a7c;
 $color-dark-72: #31343c;
@@ -31,7 +29,6 @@ $color-black-008-no-tranparency: #ededed;
 $color-black-016-no-tranparency: #d9d9d9;
 $color-black-012: rgba(var(--color-black-color), 0.12);
 $color-black-04: rgba(var(--color-black-color), 0.4);
-$color-black-06: rgba(var(--color-black-color), 0.6);
 
 // Old colors
 

ts/themes/SessionTheme.tsx

@@ -372,9 +372,12 @@ export const SessionGlobalStyles = createGlobalStyle`
     --color-black-color: ${black};
     --color-light-black-color: ${`rgba(${black}, 0.2)`};
     --color-lighter-black-color: ${`rgba(${black}, 0.15)`};
+    --color-darkest-black-color: ${`rgba(${black}, 0.6)`};
     --color-session-green-color: ${sessionGreenColor};
 
     --color-white-color: ${white};
+    --color-darkest-white-color: ${`rgba(${white}, 0.85)`};
+
     --color-gray-color: ${grayColor};
     --color-light-gray-color: ${lightGrayColor};
     --color-lighter-gray-color: ${lighterGrayColor};