From 9552ea9e8bbad828e2833025a6ed7d4ba2268983 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Sat, 5 Apr 2025 14:33:01 +0700 Subject: [PATCH] add sansevieria theme --- public/images/sansivieria.svg | 752 ++++++++++++++++++ src/constants/themes/index.ts | 10 + .../settings/ThemeSwitcher/index.tsx | 2 +- src/styles/_global.scss | 2 + src/styles/themes/_sanseviria.scss | 51 ++ src/utils/providers/ThemeProvider.tsx | 1 + 6 files changed, 817 insertions(+), 1 deletion(-) create mode 100644 public/images/sansivieria.svg create mode 100644 src/styles/themes/_sanseviria.scss diff --git a/public/images/sansivieria.svg b/public/images/sansivieria.svg new file mode 100644 index 00000000..ff60a0da --- /dev/null +++ b/public/images/sansivieria.svg @@ -0,0 +1,752 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/constants/themes/index.ts b/src/constants/themes/index.ts index ab72f641..b32d2266 100644 --- a/src/constants/themes/index.ts +++ b/src/constants/themes/index.ts @@ -1,6 +1,7 @@ export enum Theme { Default = 'Default', Horizon = 'Horizon', + Sansevieria = 'Sansevieria', } interface ThemeColors { @@ -28,4 +29,13 @@ export const themeColors: Record = { ], background: 'url("/images/horizon_bg.svg") 50% 50% / cover rgb(28, 30, 38)', }, + [Theme.Sansevieria]: { + name: 'Сансевирия', + colors: [ + 'linear-gradient(165deg, #f4e7aa -50%, #a23500 150%)', + 'linear-gradient(165deg, #ff7e56 -50%, #280003 150%)', + 'linear-gradient(170deg, #476695, #22252d)', + ], + background: '#1f2625', + }, }; diff --git a/src/containers/settings/ThemeSwitcher/index.tsx b/src/containers/settings/ThemeSwitcher/index.tsx index cca45663..1ecb45c2 100644 --- a/src/containers/settings/ThemeSwitcher/index.tsx +++ b/src/containers/settings/ThemeSwitcher/index.tsx @@ -28,7 +28,7 @@ const ThemeSwitcher: FC = () => { >
- {item.colors.map((color) => ( + {[...item.colors].reverse().map((color) => (
= { [Theme.Default]: '', [Theme.Horizon]: 'theme-horizon', + [Theme.Sansevieria]: 'theme-sansevieria', }; const ThemeProvider: FC = ({ children }) => {