diff --git a/src/theme/DarkTheme.ts b/src/theme/DarkTheme.ts new file mode 100644 index 0000000..7544f28 --- /dev/null +++ b/src/theme/DarkTheme.ts @@ -0,0 +1,32 @@ +import { Theme } from "./Theme"; + +// from https://colorhunt.co/palette/0f0e0e5412128b9a46eeeeee +const colors = { + primary: "#541212", + secondary: "#0F0E0E", + tertiary: "#8B9A46", + quaternary: "#EEEEEE", +}; + +const colorSpecial = "#990000"; + +const darkTheme: Theme = { + id: "2", + name: "Dark Theme", + background: colors.primary, + appBarBgColor: colors.secondary, + primary: colors.primary, + primaryLight: colors.quaternary, + playerTurnColor: colors.secondary, + boardColor: colors.secondary, + holeColor: colors.tertiary, + pitSelectedColor: colors.tertiary, + stoneColor: colors.primary, + stoneLightColor: colors.tertiary, + pitGameMoveAnimateColor: colors.quaternary, + pitEmptyPitAnimateColor: colorSpecial, + pitLastStoneInBankPitAnimateColor: colorSpecial, + pitGetRivalStonePitAnimateColor: colorSpecial, +}; + +export default darkTheme; diff --git a/src/theme/ThemeManager.ts b/src/theme/ThemeManager.ts index 2b943d0..6c9458f 100644 --- a/src/theme/ThemeManager.ts +++ b/src/theme/ThemeManager.ts @@ -1,8 +1,9 @@ +import darkTheme from "./DarkTheme"; import defaultTheme from "./DefaultTheme"; import oldTheme from "./OldTheme"; import { Theme } from "./Theme"; -export const themes = [defaultTheme, oldTheme]; +export const themes = [defaultTheme, darkTheme, oldTheme]; const THEME_ID = "theme_id";