fixed condensing scss issue

Author: davidsklar99

pages/dev/test-site/checkin/main.sass

@@ -75,7 +75,7 @@ h1, p
   margin: auto
   position: absolute
   z-index: 2
-  background-color: var(--translucent-panel-background-color)  
+  background-color: var(--translucent-background)  
   width: 60%
   height: 25vh
   align-items: center

pages/dev/test-site/colors.scss

@@ -10,6 +10,8 @@ $colors: (
   scrollbar-thumb-hover: rgba(100, 100, 100, 0.8),
   panel-background: #fff,
   panel-text: #333,
+  semi-translucent-background: rgba(255, 255, 255, 0.8),
+  translucent-background: rgba(255, 255, 255, 0.5),
 );
 
 $dark-background: #141a1e;
@@ -25,4 +27,6 @@ $dark-colors: (
   scrollbar-thumb-hover: rgba(180, 180, 180, 0.8),
   panel-background: #333,
   panel-text: #fff,
+  semi-translucent-background: rgba(20, 26,30, 0.8),
+  translucent-background: rgba(20, 26,30, 0.5),
 );

pages/dev/test-site/explore/main.sass

@@ -322,7 +322,7 @@ body
     color: var(--text-emphasized-color)
 
 .sidebox
-  background-color: var(--translucent-panel-background-color)
+  background-color: var(--semi-translucent-background)
 
   .title
     background-color: var(--panel-background-color)