refactor: started converting sass colors in _session_password.scss

consolidated grays

stylesheets/_session.scss

@@ -163,7 +163,7 @@ textarea {
       @include transparent-background(var(--color-text));
     }
     &.primary {
-      @include transparent-background($session-color-primary);
+      @include transparent-background(var(--color-dark-gray-color));
     }
     &.secondary {
       @include transparent-background($session-color-secondary);
@@ -232,7 +232,7 @@ textarea {
   border-radius: 2px;
   text-align: center;
   &.primary {
-    background-color: $session-color-primary;
+    background-color: var(--color-dark-gray-color);
   }
   &.secondary {
     background-color: $session-color-secondary;

stylesheets/_session_constants.scss

@@ -98,7 +98,6 @@ $session-shade-1: #0c0c0c;
 $session-shade-1-alt: #0f1011;
 $session-shade-2: #161616;
 $session-shade-3: #191818;
-$session-shade-4: #1b1b1b;
 $session-shade-5: #222325;
 $session-shade-6: #232323;
 $session-shade-6-alt: #2c2c2c;
@@ -108,7 +107,6 @@ $session-shade-9: #313131;
 $session-shade-10: #3e3e3e;
 $session-shade-11: #3f3f3f;
 $session-shade-12: #3f4146;
-$session-shade-13: #474646;
 $session-shade-14: #535865;
 $session-shade-15: #5b6c72;
 $session-shade-16: #979797;
@@ -122,7 +120,6 @@ $session-color-success: #35d388;
 $session-color-error: #edd422;
 $session-color-warning: var(--color-light-gray-color);
 $session-color-warning-alt: #ff9d00;
-$session-color-primary: $session-shade-13;
 $session-color-secondary: $session-shade-6;
 
 // Opacity and Shadow

stylesheets/_session_password.scss

@@ -37,7 +37,7 @@
 
       .session-label {
         &.primary {
-          background-color: rgba($session-color-primary, 0.3);
+          background-color: rgba(var(--color-dark-gray-color), 0.3);
         }
         padding: var(--margins-xs) var(--margins-sm);
         text-align: center;
@@ -56,7 +56,7 @@
       min-width: 420px;
       padding: 3 * $session-margin-lg 2 * $session-margin-lg;
       box-sizing: border-box;
-      background-color: $session-shade-4;
+      background-color: var(--color-darker-gray-color);
       border: 1px solid $session-shade-8;
       border-radius: 2px;
 

ts/themes/SessionTheme.tsx

@@ -59,7 +59,7 @@ const darkInputBackground = darkColorCellBackground;
 const darkFilterSessionText = 'none';
 const darkUnreadBorder = `4px solid ${accentDarkTheme}`;
 
-const darkScrollbarThumb = '#474646';
+const darkScrollbarThumb = darkGrayColor;
 const darkScrollbarTrack = '#1b1b1b';
 const darkFakeChatBubbleBg = '#212121';
 
@@ -71,7 +71,7 @@ const darkConversationList = '#1b1b1b';
 
 const darkTextHighlight = `${white}88`;
 const darkForegroundPrimary = white;
-const darkBackgroundPrimary = '#474646';
+const darkBackgroundPrimary = darkGrayColor;
 const darkButtonGreen = accentDarkTheme;
 const darkModalBackground = '#101011';
 
@@ -206,7 +206,7 @@ const lightInputBackground = '#efefef';
 const lightFilterSessionText = 'brightness(0) saturate(100%)';
 const lightUnreadBorder = `4px solid ${accentLightTheme}`;
 
-const lightScrollbarThumb = '#474646';
+const lightScrollbarThumb = darkGrayColor;
 const lightScrollbarTrack = '#fcfcfc';
 const lightFakeChatBubbleBg = '#f5f5f5';