Исправил цвета в альтернативной теме

src/components/menu/VerticalMenu/index.tsx

@@ -19,9 +19,12 @@ function VerticalMenu({
   ...props
 }: PropsWithChildren<VerticalMenuProps>) {
   return (
-    <Card {...props} className={classNames(styles.menu, styles[appearance], props.className)}>
+    <div
+      {...props}
+      className={classNames(styles.menu, styles[appearance], props.className)}
+    >
       {children}
-    </Card>
+    </div>
   );
 }
 

src/components/menu/VerticalMenu/styles.module.scss

@@ -2,6 +2,7 @@
 @import 'src/styles/mixins';
 
 .menu {
+  background: $content_bg_backdrop;
   border-radius: $radius;
   padding: 0 !important;
   display: flex;

src/constants/themes/index.ts

@@ -15,6 +15,7 @@ export const themeColors: Record<Theme, ThemeColors> = {
     colors: [
       'linear-gradient(170deg, #00ac35 -50%, #007962 150%)',
       'linear-gradient(165deg, #ff7549 -50%, #ff3344 150%)',
+      'linear-gradient(170deg, #582cd0, #592071)',
     ],
     background: `url('/images/noise_top.png') 0% 0% #23201f`,
   },

src/containers/settings/ThemeSwitcher/index.tsx

@@ -27,15 +27,15 @@ const ThemeSwitcher: FC<ThemeSwitcherProps> = () => {
           onClick={() => setTheme(id as Theme)}
         >
           <Group>
-            <Group horizontal>
-              {item.colors.map((color) => (
+            <div className={styles.palette}>
+              {item.colors.reverse().map((color) => (
                 <div
                   key={color}
                   className={styles.sample}
                   style={{ background: color }}
                 />
               ))}
-            </Group>
+            </div>
             <div className={styles.title}>{item.name}</div>
           </Group>
         </Card>

src/containers/settings/ThemeSwitcher/styles.module.scss

@@ -25,6 +25,16 @@
   @include outer_shadow;
 
   border-radius: 100%;
-  flex: 0 1 20px;
-  height: 20px;
+  flex: 0 1 24px;
+  height: 24px;
+
+  &:not(:last-child) {
+    margin-left: -8px;
+  }
+}
+
+.palette {
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
 }

src/styles/_inputs.scss

@@ -7,5 +7,5 @@ $input_shadow_error: inset $color_danger 0 0 0 1px;
 $input_shadow_filled: $input_shadow;
 $input_font: $font_16_medium;
 $input_placeholder_font: $font_16_medium;
-$input_bg_color: $content_bg_dark;
+$input_bg_color: $content_bg;
 $input_grey_color: #444444;

src/styles/themes/_horizon.scss

@@ -73,7 +73,7 @@ $_ocean: #25b0bc;
     --content_bg_info: #{transparentize($_lemon, 0.7)};
     --content_bg_danger: #{transparentize($_red, 0.5)};
     --content_bg_backdrop: 50% 50% / cover no-repeat
-      url('/images/horizon_bg.svg') #{transparentize($_cold, 0.4)};
+      url('/images/horizon_backdrop.svg') #{transparentize($_cold, 0.2)};
 
     // white shades (move to --vars)
     --white: white;