add dark theme

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;

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";