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

src/containers/dialogs/LoginDialog/styles.module.scss

@@ -1,10 +1,4 @@
-@import "src/styles/variables";
-
-$secondary_color: darken(desaturate($blue, 100%), 30%);
-$vk_color: $secondary_color;
-
-.dialog {
-}
+@import 'src/styles/variables';
 
 .wrap {
   display: flex;
@@ -17,32 +11,6 @@ $vk_color: $secondary_color;
   }
 }
 
-.secondary_button {
-  background: $content_bg;
-  box-shadow: inset $vk_color 0 0 0 2px;
-  color: $vk_color;
-
-  svg {
-    fill: $vk_color;
-    margin-right: $gap;
-  }
-}
-
 .forgot_button {
   opacity: 0.5;
 }
-
-.buttons {
-  margin: $gap * 2 0 0 0 !important;
-  padding: $gap * 2 0 0 0;
-  border-top: 1px solid black;
-}
-
-.links {
-  font: $font_14_regular;
-  text-align: center;
-
-  a {
-    color: lighten($content_bg, 40%);
-  }
-}

src/containers/dialogs/LoginSocialRegisterDialog/styles.module.scss

@@ -1,4 +1,4 @@
-@import "src/styles/variables";
+@import 'src/styles/variables';
 
 .wrap {
   padding: $login_dialog_padding;
@@ -13,6 +13,6 @@
 
   span {
     padding-left: $gap;
-    color: darken(white, 50%);
+    color: $gray_50;
   }
 }

src/containers/dialogs/RestorePasswordDialog/styles.module.scss

@@ -1,4 +1,4 @@
-@import "src/styles/variables";
+@import 'src/styles/variables';
 
 .wrap {
   padding: $gap $gap $gap * 4;
@@ -11,7 +11,7 @@
 .text {
   font: $font_14_regular;
   padding: $gap;
-  color: darken(white, 50%);
+  color: $gray_50;
 }
 
 .shade,
@@ -34,18 +34,18 @@
   text-transform: uppercase;
   font: $font_18_semibold;
   text-align: center;
-  color: $wisegreen;
+  color: $color_primary;
 
   svg {
-    fill: $wisegreen;
+    fill: $color_primary;
   }
 }
 
 .error_shade {
-  color: $red;
+  color: $color_danger;
 
   svg {
-    fill: $red;
+    fill: $color_danger;
   }
 }
 

src/containers/dialogs/RestoreRequestDialog/index.tsx

@@ -15,24 +15,24 @@ import styles from './styles.module.scss';
 
 interface RestoreRequestDialogProps extends DialogComponentProps {}
 
-const RestoreRequestDialog: VFC<RestoreRequestDialogProps> = ({ onRequestClose }) => {
+const RestoreRequestDialog: VFC<RestoreRequestDialogProps> = ({
+  onRequestClose,
+}) => {
   useCloseOnEscape(onRequestClose);
 
   const [isSent, setIsSent] = useState(false);
   const onSent = useCallback(() => setIsSent(true), [setIsSent]);
 
-  const { isSubmitting, handleSubmit, handleChange, errors, values } = useRestoreRequestForm(
-    apiRequestRestoreCode,
-    onSent
-  );
+  const { isSubmitting, handleSubmit, handleChange, errors, values } =
+    useRestoreRequestForm(apiRequestRestoreCode, onSent);
 
   const buttons = useMemo(
     () => (
       <Group className={styles.buttons}>
-        <Button color="secondary">Восстановить</Button>
+        <Button>Восстановить</Button>
       </Group>
     ),
-    []
+    [],
   );
 
   const header = useMemo(() => <div className={styles.illustration} />, []);
@@ -58,7 +58,8 @@ const RestoreRequestDialog: VFC<RestoreRequestDialogProps> = ({ onRequestClose }
             />
 
             <div className={styles.text}>
-              Введите имя пользователя или адрес почты. Мы пришлем ссылку для сброса пароля.
+              Введите имя пользователя или адрес почты. Мы пришлем ссылку для
+              сброса пароля.
             </div>
           </Group>
         </div>

src/containers/dialogs/RestoreRequestDialog/styles.module.scss

@@ -1,4 +1,4 @@
-@import "src/styles/variables";
+@import 'src/styles/variables';
 
 .wrap {
   padding: $gap $gap $gap * 4;
@@ -11,7 +11,7 @@
 .text {
   font: $font_14_regular;
   padding: $gap;
-  color: darken(white, 50%);
+  color: $gray_50;
 }
 
 .illustration {