1 files changed, 48 insertions, 0 deletions
diff --git a/src/lib/hooks/usePalette.ts b/src/lib/hooks/usePalette.ts
new file mode 100644
index 000000000..5b9929c7d
--- /dev/null
+++ b/src/lib/hooks/usePalette.ts
@@ -0,0 +1,48 @@
+import {TextStyle, ViewStyle} from 'react-native'
+import {useTheme, PaletteColorName, PaletteColor} from '../ThemeContext'
+
+export interface UsePaletteValue {
+  colors: PaletteColor
+  view: ViewStyle
+  btn: ViewStyle
+  border: ViewStyle
+  borderDark: ViewStyle
+  text: TextStyle
+  textLight: TextStyle
+  textInverted: TextStyle
+  link: TextStyle
+  icon: TextStyle
+}
+export function usePalette(color: PaletteColorName): UsePaletteValue {
+  const palette = useTheme().palette[color]
+  return {
+    colors: palette,
+    view: {
+      backgroundColor: palette.background,
+    },
+    btn: {
+      backgroundColor: palette.backgroundLight,
+    },
+    border: {
+      borderColor: palette.border,
+    },
+    borderDark: {
+      borderColor: palette.borderDark,
+    },
+    text: {
+      color: palette.text,
+    },
+    textLight: {
+      color: palette.textLight,
+    },
+    textInverted: {
+      color: palette.textInverted,
+    },
+    link: {
+      color: palette.link,
+    },
+    icon: {
+      color: palette.icon,
+    },
+  }
+}