Added overlay colors to vars

Timur233 · Oct 3, 2024 · c3d32aa · c3d32aa
1 parent eef02e0
commit c3d32aa
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/client/src/components/ui/Avatar/Avatar.scss b/packages/client/src/components/ui/Avatar/Avatar.scss
@@ -21,7 +21,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: $c_overlay-background;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -48,11 +48,11 @@
     cursor: pointer;
     padding: 8px 16px;
     border-radius: 20px;
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: $c_overlay-background;
     transition: background-color 0.3s ease;
 
     &:hover {
-      background-color: rgba(0, 0, 0, 0.7);
+      background-color: $c_overlay-background-hover;
     }
   }
 }
diff --git a/packages/client/src/scss/vars.scss b/packages/client/src/scss/vars.scss
@@ -31,6 +31,8 @@ $c_input-default-border-hover: #b1b1b1;
 $c_input-default-label: #a5a5a5;
 
 $c_avatar-border-color: #313131;
+$c_overlay-background: rgba(0, 0, 0, 0.5);
+$c_overlay-background-hover: rgba(0, 0, 0, 0.7);
 
 $c_success: #48c548;