From 82b10ef5e24306a1abae9b6832d52539014cbecd Mon Sep 17 00:00:00 2001 From: charlie Date: Sat, 19 Apr 2025 16:32:10 -0600 Subject: [PATCH 1/3] add Mono theme --- utils/theme-presets.ts | 105 +++++++++++++++++++++++++++++++++++++---- 1 file changed, 97 insertions(+), 8 deletions(-) diff --git a/utils/theme-presets.ts b/utils/theme-presets.ts index 7d0aad16..5ed895c4 100644 --- a/utils/theme-presets.ts +++ b/utils/theme-presets.ts @@ -1,15 +1,15 @@ -import { defaultThemeState } from "../config/theme"; -import { ThemePreset, ThemeStyles } from "../types/theme"; +import { defaultThemeState } from "../config/theme" +import { ThemePreset, ThemeStyles } from "../types/theme" export function getPresetThemeStyles(name: string): ThemeStyles { - const defaultTheme = defaultThemeState.styles; + const defaultTheme = defaultThemeState.styles if (name === "default") { - return defaultTheme; + return defaultTheme } - const preset = presets[name]; + const preset = presets[name] if (!preset) { - return defaultTheme; + return defaultTheme } return { @@ -22,7 +22,7 @@ export function getPresetThemeStyles(name: string): ThemeStyles { ...(preset.styles.light || {}), ...(preset.styles.dark || {}), }, - }; + } } export const presets: Record = { @@ -2532,4 +2532,93 @@ export const presets: Record = { }, }, }, -}; + + mono: { + label: "Mono", + createdAt: "2025-04-19", + styles: { + light: { + background: "#ffffff", + foreground: "#0a0a0a", + card: "#ffffff", + "card-foreground": "#0a0a0a", + popover: "#ffffff", + "popover-foreground": "#0a0a0a", + primary: "#171717", + "primary-foreground": "#fafafa", + secondary: "#f5f5f5", + "secondary-foreground": "#171717", + muted: "#f5f5f5", + "muted-foreground": "#717171", + accent: "#f5f5f5", + "accent-foreground": "#171717", + destructive: "#e7000b", + "destructive-foreground": "#f5f5f5", + border: "#e5e5e5", + input: "#e5e5e5", + ring: "#a1a1a1", + "chart-1": "#737373", + "chart-2": "#737373", + "chart-3": "#737373", + "chart-4": "#737373", + "chart-5": "#737373", + sidebar: "#fafafa", + "sidebar-foreground": "#0a0a0a", + "sidebar-primary": "#171717", + "sidebar-primary-foreground": "#fafafa", + "sidebar-accent": "#f5f5f5", + "sidebar-accent-foreground": "#171717", + "sidebar-border": "#e5e5e5", + "sidebar-ring": "#a1a1a1", + "font-sans": "Geist Mono, monospace", + "font-serif": "Geist Mono, monospace", + "font-mono": "Geist Mono, monospace", + radius: "0rem", + "shadow-color": "hsl(0 0% 0%)", + "shadow-opacity": "0", + "shadow-blur": "0px", + "shadow-spread": "0px", + "shadow-offset-x": "0px", + "shadow-offset-y": "1px", + }, + dark: { + background: "#0a0a0a", + foreground: "#fafafa", + card: "#171717", + "card-foreground": "#fafafa", + popover: "#262626", + "popover-foreground": "#fafafa", + primary: "#e5e5e5", + "primary-foreground": "#171717", + secondary: "#262626", + "secondary-foreground": "#fafafa", + muted: "#262626", + "muted-foreground": "#a1a1a1", + accent: "#404040", + "accent-foreground": "#fafafa", + destructive: "#ff6467", + "destructive-foreground": "#262626", + border: "#262626", + input: "#ffffff", + ring: "#737373", + "chart-1": "#737373", + "chart-2": "#737373", + "chart-3": "#737373", + "chart-4": "#737373", + "chart-5": "#737373", + sidebar: "#171717", + "sidebar-foreground": "#fafafa", + "sidebar-primary": "#fafafa", + "sidebar-primary-foreground": "#171717", + "sidebar-accent": "#262626", + "sidebar-accent-foreground": "#fafafa", + "sidebar-border": "#ffffff", + "sidebar-ring": "#525252", + "font-sans": "Geist Mono, monospace", + "font-serif": "Geist Mono, monospace", + "font-mono": "Geist Mono, monospace", + radius: "0rem", + }, + }, + }, +} From fc22ef519137f3dbc3895a7ef5b313c5511df300 Mon Sep 17 00:00:00 2001 From: charlie Date: Sat, 19 Apr 2025 16:35:45 -0600 Subject: [PATCH 2/3] fix: formatting --- utils/theme-presets.ts | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/utils/theme-presets.ts b/utils/theme-presets.ts index 5ed895c4..f46c9955 100644 --- a/utils/theme-presets.ts +++ b/utils/theme-presets.ts @@ -1,15 +1,15 @@ -import { defaultThemeState } from "../config/theme" -import { ThemePreset, ThemeStyles } from "../types/theme" +import { defaultThemeState } from "../config/theme"; +import { ThemePreset, ThemeStyles } from "../types/theme"; export function getPresetThemeStyles(name: string): ThemeStyles { - const defaultTheme = defaultThemeState.styles + const defaultTheme = defaultThemeState.styles; if (name === "default") { - return defaultTheme + return defaultTheme; } - const preset = presets[name] + const preset = presets[name]; if (!preset) { - return defaultTheme + return defaultTheme; } return { @@ -22,7 +22,7 @@ export function getPresetThemeStyles(name: string): ThemeStyles { ...(preset.styles.light || {}), ...(preset.styles.dark || {}), }, - } + }; } export const presets: Record = { @@ -2621,4 +2621,4 @@ export const presets: Record = { }, }, }, -} +}; From 4ce479d5edeb669374052639408cc1955944444f Mon Sep 17 00:00:00 2001 From: charlie Date: Sun, 20 Apr 2025 02:44:54 -0600 Subject: [PATCH 3/3] adjust input dark mode --- utils/theme-presets.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/utils/theme-presets.ts b/utils/theme-presets.ts index f46c9955..07bf5ec8 100644 --- a/utils/theme-presets.ts +++ b/utils/theme-presets.ts @@ -2599,7 +2599,7 @@ export const presets: Record = { destructive: "#ff6467", "destructive-foreground": "#262626", border: "#262626", - input: "#ffffff", + input: "#525252", ring: "#737373", "chart-1": "#737373", "chart-2": "#737373",