From 4a1175ed2134cef786ded4933ebb7efca9ed3649 Mon Sep 17 00:00:00 2001 From: moist-webDev Date: Tue, 6 Jun 2023 00:16:50 -0400 Subject: [PATCH] more themes --- lib/theme.ts | 115 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 115 insertions(+) diff --git a/lib/theme.ts b/lib/theme.ts index 9ce8c6d..01f2d3c 100644 --- a/lib/theme.ts +++ b/lib/theme.ts @@ -6,6 +6,25 @@ export type Theme = { secondary: string, accent: string, statusbar: 'light' | 'dark', + textInput: { + background: string, + } + switch: { + track: { + true: string, + false: string, + }, + thumb: { + true: string, + false: string, + }, + } + danger: string, + success: string, + warning: string, + lowLight: string, + highLight: string, + dropDown: "LIGHT" | "DARK", } export const dark: Theme = { @@ -16,6 +35,25 @@ export const dark: Theme = { secondary: "#1f141e", accent: "#31202f", statusbar: 'light', + textInput: { + background: "#1f141e", + }, + switch: { + track: { + true: "#60496f", + false: "#1f141e", + }, + thumb: { + true: "#edecf3", + false: "#edecf3", + }, + }, + danger: "#ff0000", + success: "#00ff00", + warning: "#ffff00", + lowLight: "rgba(31,20,30,0.2)", + highLight: "rgba(96,73,111,0.4)", + dropDown: "DARK", } export const light: Theme = { @@ -26,5 +64,82 @@ export const light: Theme = { secondary: "#ebf5f1", accent: "#5dac92", statusbar: 'dark', + textInput: { + background: "#ebf5f1", + }, + switch: { + track: { + true: "#519e85", + false: "#ebf5f1", + }, + thumb: { + true: "#0e1b17", + false: "#0e1b17", + }, + }, + danger: "#ff0000", + success: "#00ff00", + warning: "#ffff00", + lowLight: "rgba(14,27,23,0.2)", + highLight: "rgba(81,158,133,0.4)", + dropDown: "LIGHT", } +export const solorizedDark: Theme = { + name: 'solorizedDark', + text: "#fbfdfe", + background: "#0d1c26", + primary: "#234d67", + secondary: "#081117", + accent: "#2a5b7a", + statusbar: 'light', + textInput: { + background: "#081117", + }, + switch: { + track: { + true: "#234d67", + false: "#081117", + }, + thumb: { + true: "#fbfdfe", + false: "#fbfdfe", + }, + }, + danger: "#ff0000", + success: "#00ff00", + warning: "#ffff00", + lowLight: "rgba(8,17,23,0.2)", + highLight: "rgba(35,77,103,0.4)", + dropDown: "DARK", +} + + +export const oled: Theme = { + name: 'oled', + text: "#ffffff", + background: "#000000", + primary: "#2f2f2f", + secondary: "#1f1f1f", + accent: "#000000", + statusbar: 'light', + textInput: { + background: "#000000", + }, + switch: { + track: { + true: "#000000", + false: "#000000", + }, + thumb: { + true: "#ffffff", + false: "#ffffff", + }, + }, + danger: "#ff0000", + success: "#00ff00", + warning: "#ffff00", + lowLight: "rgba(0,0,0,0.2)", + highLight: "rgba(0,0,0,0.4)", + dropDown: "DARK", +} \ No newline at end of file