add new Light Theme

src/theme/DefaultTheme.ts

@@ -1,32 +0,0 @@
-import { Theme } from "./Theme";
-
-// https://colorhunt.co/palette/7d5a50b4846ce5b299fcdec0
-const colors = {
-  primary: "#7D5A50",
-  secondary: "#B4846C",
-  tertiary: "#E5B299",
-  quaternary: "#FCDEC0",
-};
-
-const colorSpecial = "#F6A9A9";
-
-const defaultTheme: Theme = {
-  id: "1",
-  name: "Default Light Theme",
-  background: "#EEEEEE",
-  appBarBgColor: colors.quaternary,
-  primary: colors.primary,
-  primaryLight: colors.quaternary,
-  playerTurnColor: colors.secondary,
-  boardColor: colors.secondary,
-  holeColor: colors.quaternary,
-  pitSelectedColor: colors.tertiary,
-  stoneColor: colors.primary,
-  stoneLightColor: colors.tertiary,
-  pitGameMoveAnimateColor: colors.tertiary,
-  pitEmptyPitAnimateColor: colorSpecial,
-  pitLastStoneInBankPitAnimateColor: colorSpecial,
-  pitGetRivalStonePitAnimateColor: colorSpecial,
-};
-
-export default defaultTheme;

src/theme/LightTheme.ts

@@ -0,0 +1,24 @@
+import { Theme } from "./Theme";
+
+const colorSpecial = "#8B8B8B";
+
+const lightTheme: Theme = {
+  id: "1",
+  name: "Light Theme",
+  background: "#BBBBBB",
+  appBarBgColor: "#7B7B7B",
+  textColor: "#5B5B5B",
+  textLightColor: "#EBEBEB",
+  playerTurnColor: "#6B6B6B",
+  boardColor: "#9B9B9B",
+  holeColor: "#B8B8B8",
+  pitSelectedColor: "#9B9B9B",
+  stoneColor: "#5B5B5B",
+  stoneLightColor: "#3B3B3B",
+  pitGameMoveAnimateColor: "#ABABAB",
+  pitEmptyPitAnimateColor: colorSpecial,
+  pitLastStoneInBankPitAnimateColor: colorSpecial,
+  pitGetRivalStonePitAnimateColor: colorSpecial,
+};
+
+export default lightTheme;