feat: add matcha keyboard theme

mishamyrt · Apr 10, 2024 · dd38e10 · dd38e10
1 parent 9a53de5
commit dd38e10
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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' },
 ]