Добавил тему "Веспера"

src/containers/main/Header/index.tsx

@@ -52,9 +52,10 @@ const Header: FC<HeaderProps> = observer(() => {
     [borisCommentedAt, isUser, user.last_seen_boris],
   );
 
-  const hasLabUpdates = useMemo(() => labStats.updates.length > 0, [
-    labStats.updates,
-  ]);
+  const hasLabUpdates = useMemo(
+    () => labStats.updates.length > 0,
+    [labStats.updates],
+  );
   const hasFlowUpdates = useMemo(() => flowUpdates.length > 0, [flowUpdates]);
 
   // Needed for SSR
@@ -113,12 +114,7 @@ const Header: FC<HeaderProps> = observer(() => {
         )}
 
         {!isUser && (
-          <Button
-            className={styles.user_button}
-            onClick={onLogin}
-            round
-            color="secondary"
-          >
+          <Button className={styles.user_button} onClick={onLogin} round>
             ВДОХ
           </Button>
         )}

src/containers/main/Header/styles.module.scss

@@ -1,4 +1,4 @@
-@import "../../../styles/variables";
+@import '../../../styles/variables';
 
 @keyframes appear {
   from {
@@ -28,7 +28,7 @@
   }
 
   &.is_scrolled {
-    @include blur();
+    @include blur;
   }
 }
 
@@ -86,7 +86,7 @@
   white-space: nowrap;
 
   &:hover {
-    color: $red;
+    color: $color_link;
   }
 
   &::before {
@@ -109,7 +109,7 @@
     width: 6px;
     height: 6px;
     border-radius: 4px;
-    background: lighten($red, 10%);
+    background: $color_link;
     right: 12px;
     top: 6px;
     transition: opacity 0.5s;
@@ -123,11 +123,11 @@
   }
 
   &.lab::after {
-    background: lighten($blue, 10%);
+    background: $color_lab;
   }
 
   &.boris::after {
-    background: lighten($wisegreen, 10%);
+    background: $color_primary;
   }
 
   @include tablet {