From 81bcfabc73001eb253c8e56cc969d83ddd1a1428 Mon Sep 17 00:00:00 2001 From: Halit Aksoy Date: Sat, 9 Jul 2022 18:45:51 +0300 Subject: [PATCH] add dark grey theme --- src/theme/DarkGrey.ts | 32 ++++++++++++++++++++++++++++++++ src/theme/ThemeManager.ts | 3 ++- 2 files changed, 34 insertions(+), 1 deletion(-) create mode 100644 src/theme/DarkGrey.ts diff --git a/src/theme/DarkGrey.ts b/src/theme/DarkGrey.ts new file mode 100644 index 0000000..ae8b4d2 --- /dev/null +++ b/src/theme/DarkGrey.ts @@ -0,0 +1,32 @@ +import { Theme } from "./Theme"; + +// https://colorhunt.co/palette/525252414141313131ec625f +const colors = { + primary: "#414141", + secondary: "#313131", + tertiary: "#606060", + quaternary: "#808080", +}; + +const colorSpecial = "#337a44"; + +const darkGreyTheme: Theme = { + id: "3", + name: "Dark Grey Theme", + background: colors.primary, + appBarBgColor: colors.secondary, + primary: colors.primary, + primaryLight: "#aaaaaa", + playerTurnColor: colors.secondary, + boardColor: colors.secondary, + holeColor: colors.tertiary, + pitSelectedColor: colors.secondary, + stoneColor: "#252525", + stoneLightColor: "#252525", + pitGameMoveAnimateColor: colors.quaternary, + pitEmptyPitAnimateColor: colorSpecial, + pitLastStoneInBankPitAnimateColor: colorSpecial, + pitGetRivalStonePitAnimateColor: colorSpecial, +}; + +export default darkGreyTheme; diff --git a/src/theme/ThemeManager.ts b/src/theme/ThemeManager.ts index 6c9458f..fe6a791 100644 --- a/src/theme/ThemeManager.ts +++ b/src/theme/ThemeManager.ts @@ -1,9 +1,10 @@ +import darkGreyTheme from "./DarkGrey"; import darkTheme from "./DarkTheme"; import defaultTheme from "./DefaultTheme"; import oldTheme from "./OldTheme"; import { Theme } from "./Theme"; -export const themes = [defaultTheme, darkTheme, oldTheme]; +export const themes = [defaultTheme, darkGreyTheme, darkTheme, oldTheme]; const THEME_ID = "theme_id";