diff --git a/src/redux/settings/settings.reducer.js b/src/redux/settings/settings.reducer.js index ad36ee93..864bcf09 100644 --- a/src/redux/settings/settings.reducer.js +++ b/src/redux/settings/settings.reducer.js @@ -12,6 +12,8 @@ import { midnightDuskTheme, limeTheme, irisBlueTheme, + hotPinkTheme, + strawberryDaiquiri, } from "../../theme/theme"; const themes = { @@ -21,6 +23,8 @@ const themes = { 3: midnightDuskTheme, 4: limeTheme, 5: irisBlueTheme, + 6: hotPinkTheme, + 7: strawberryDaiquiri, }; /** diff --git a/src/screens/More/components/ThemeModal.js b/src/screens/More/components/ThemeModal.js index 7fd82c84..abd6b75b 100644 --- a/src/screens/More/components/ThemeModal.js +++ b/src/screens/More/components/ThemeModal.js @@ -13,6 +13,8 @@ const ThemeModal = ({ themeModalVisible, hidethemeModal, dispatch, theme }) => { { id: 2, name: "Dark", statusBar: "light" }, { id: 3, name: "Midnight Dusk", statusBar: "light" }, { id: 4, name: "Lime", statusBar: "light" }, + { id: 6, name: "Hot Pink", statusBar: "light" }, + { id: 7, name: "Strawberry Daiquiri", statusBar: "dark" }, { id: 5, name: "Iris Blue", statusBar: "light" }, ]; @@ -27,7 +29,7 @@ const ThemeModal = ({ themeModalVisible, hidethemeModal, dispatch, theme }) => { color={theme.colorAccent} onPress={() => { dispatch(setAppTheme(item.id)); - // setStatusBarStyle(item.statusBar); + setStatusBarStyle(item.statusBar); ImmersiveMode.setBarColor(item.colorPrimary); }} /> diff --git a/src/theme/theme.js b/src/theme/theme.js index 1dbd5b3f..55e358fd 100644 --- a/src/theme/theme.js +++ b/src/theme/theme.js @@ -45,7 +45,7 @@ export const darkTheme = { textColorPrimary: "#FFFFFF", textColorSecondary: "rgba(255,255,255,0.7)", textColorHint: "rgba(255,255,255,0.5)", - rippleColor: "rgba(255,255,255,0.06)", + rippleColor: "rgba(41,121,255,0.12)", searchBarColor: "#303135", menuColor: "#242529", filterColor: "#FFEB3B", @@ -67,7 +67,7 @@ export const amoledDarkTheme = { textColorPrimary: "#FFFFFF", textColorSecondary: "rgba(255,255,255,0.7)", textColorHint: "rgba(255,255,255,0.5)", - rippleColor: "rgba(255,255,255,0.12)", + rippleColor: "rgba(41,121,255,0.12)", searchBarColor: "#1F1F1F", menuColor: "#242529", filterColor: "#FFEB3B", @@ -89,7 +89,7 @@ export const midnightDuskTheme = { textColorPrimary: "#FFFFFF", textColorSecondary: "rgba(255,255,255,0.7)", textColorHint: "rgba(255,255,255,0.5)", - rippleColor: "rgba(255,255,255,0.06)", + rippleColor: "rgba(240,36,117,0.12)", searchBarColor: "#201F27", menuColor: "#201F27", filterColor: "#FFEB3B", @@ -108,11 +108,11 @@ export const limeTheme = { name: "Lime", colorPrimary: "#201F27", colorPrimaryDark: "#16151D", - colorAccent: "#4AF88A", + colorAccent: "#48E484", textColorPrimary: "#FFFFFF", textColorSecondary: "rgba(255,255,255,0.7)", textColorHint: "rgba(255,255,255,0.5)", - rippleColor: "rgba(255,255,255,0.06)", + rippleColor: "rgba(72,228,132,0.12)", searchBarColor: "#201F27", menuColor: "#201F27", filterColor: "#FFEB3B", @@ -122,6 +122,52 @@ export const limeTheme = { statusBar: "light", }; +/** + * Hot Pink Theme + */ + +export const hotPinkTheme = { + id: 6, + name: "Hot Pink", + colorPrimary: "#000000", + colorPrimaryDark: "#000000", + colorAccent: "#FF3399", + textColorPrimary: "#FFFFFF", + textColorSecondary: "rgba(255,255,255,0.7)", + textColorHint: "rgba(255,255,255,0.5)", + rippleColor: "rgba(255,51,153,0.12)", + searchBarColor: "#1F1F1F", + menuColor: "#242529", + filterColor: "#FFEB3B", + dividerColor: "rgba(255,255,255,0.15)", + colorDisabled: "rgba(33,33,33,255)", + colorButtonText: "#FFFFFF", + statusBar: "light", +}; + +/** + * Strawberry Daiquiri + */ + +export const strawberryDaiquiri = { + id: 7, + name: "Strawberry Daiquiri", + colorPrimary: "#FFFFFF", + colorPrimaryDark: "#FAFAFA", + colorAccent: "#ED4A65", + textColorPrimary: "#000000", + textColorSecondary: "rgba(0,0,0,0.54)", + textColorHint: "rgba(0,0,0,0.38)", + rippleColor: "rgba(237,74,101,0.12)", + searchBarColor: "#FFFFFF", + menuColor: "#FFFFFF", + dividerColor: "rgba(0,0,0,0.1)", + filterColor: "#FFC107", + colorDisabled: "rgba(220,220,220,255)", + colorButtonText: "#FFFFFF", + statusBar: "dark", +}; + export const irisBlueTheme = { id: 5, name: "Iris Blue",