From dd38e100c97884354ca6db23d3385e3f5b3a4441 Mon Sep 17 00:00:00 2001
From: mishamyrt <misha@myrt.co>
Date: Wed, 10 Apr 2024 23:23:01 +0300
Subject: [PATCH] feat: add matcha keyboard theme

---
 CHANGELOG.md                                  |  1 +
 ui/src/entities/keys/lib/themes.ts            | 26 +++++++++++++++++--
 .../keys/select-theme/lib/constants.ts        |  1 +
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3e81bd0..e63296e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning][].
 ### Added
 
 - Adaptive keyboard theme.
+- Matcha keyboard theme.
 
 ### Fixed
 
diff --git a/ui/src/entities/keys/lib/themes.ts b/ui/src/entities/keys/lib/themes.ts
index 8334a12..38d33d7 100644
--- a/ui/src/entities/keys/lib/themes.ts
+++ b/ui/src/entities/keys/lib/themes.ts
@@ -1,6 +1,6 @@
 import type { KeyboardTheme } from '../model/types'
 
-export const defaultTheme: KeyboardTheme = {
+const defaultTheme: KeyboardTheme = {
   dark: {
     dark: '#4b4b4b',
     light: '#5b5b5b',
@@ -21,7 +21,7 @@ export const defaultTheme: KeyboardTheme = {
   },
 }
 
-export const lightGrayAndWhiteTheme: KeyboardTheme = {
+const lightGrayAndWhiteTheme: KeyboardTheme = {
   dark: {
     dark: '#adadad',
     light: '#cfcfcf',
@@ -42,9 +42,31 @@ export const lightGrayAndWhiteTheme: KeyboardTheme = {
   },
 }
 
+const matchaTheme: KeyboardTheme = {
+  dark: {
+    dark: '#454b42',
+    light: '#5b6258',
+    mint: '#454b42',
+    orange: '#454b42',
+    yellow: '#5b6258',
+    textDark: '#dcffcd',
+    textLight: '#dcffcd',
+  },
+  light: {
+    dark: '#cce3b2',
+    light: '#fcfff1',
+    mint: '#cce3b2',
+    orange: '#cce3b2',
+    yellow: '#fcfff1',
+    textDark: '#3d5423',
+    textLight: '#3d5423',
+  },
+}
+
 export const keyboardThemes = {
   defaultTheme,
   lightGrayAndWhiteTheme,
+  matchaTheme,
 }
 
 export type KeyboardThemeName = keyof typeof keyboardThemes
diff --git a/ui/src/features/keys/select-theme/lib/constants.ts b/ui/src/features/keys/select-theme/lib/constants.ts
index eef8c45..ca807d4 100644
--- a/ui/src/features/keys/select-theme/lib/constants.ts
+++ b/ui/src/features/keys/select-theme/lib/constants.ts
@@ -3,4 +3,5 @@ import type { KeyboardThemeOption } from '../model'
 export const themeOptions: KeyboardThemeOption[] = [
   { title: 'Default', value: 'defaultTheme' },
   { title: 'Light Gray And White', value: 'lightGrayAndWhiteTheme' },
+  { title: 'Matcha', value: 'matchaTheme' },
 ]