diff --git a/Client/tauri-client/src/main.ts b/Client/tauri-client/src/main.ts index f58c1e8d..94d83762 100644 --- a/Client/tauri-client/src/main.ts +++ b/Client/tauri-client/src/main.ts @@ -4,6 +4,7 @@ import "@styles/tokens.css"; import "@styles/base.css"; import "@styles/login.css"; import "@styles/app.css"; +import "@styles/theme-neon-glow.css"; import { installGlobalErrorHandlers, safeMount } from "@lib/safe-render"; import { createRouter } from "@lib/router"; diff --git a/Client/tauri-client/src/styles/theme-neon-glow.css b/Client/tauri-client/src/styles/theme-neon-glow.css new file mode 100644 index 00000000..790bfd79 --- /dev/null +++ b/Client/tauri-client/src/styles/theme-neon-glow.css @@ -0,0 +1,33 @@ +/* OC Neon Glow theme — the OwnCord brand identity. + Applied as a class on to override tokens.css defaults. */ + +body.theme-neon-glow { + /* Backgrounds — deeper, darker */ + --bg-tertiary: #0d0e10; + --bg-secondary: #111214; + --bg-primary: #1a1b1e; + --bg-input: #252629; + --bg-hover: #1f2023; + --bg-active: #2a2b2e; + + /* Accent — OC cyan/purple */ + --accent: #00c8ff; + --accent-hover: #7b2fff; + --accent-active: #6620e0; + --accent-primary: #00c8ff; + --accent-secondary: #7b2fff; + --accent-gradient: linear-gradient(135deg, #00c8ff, #7b2fff); + + /* Border glow */ + --border: rgba(0, 200, 255, 0.08); + --border-strong: rgba(0, 200, 255, 0.15); + --border-glow: rgba(0, 200, 255, 0.08); + + /* Text link */ + --text-link: #00c8ff; + + /* Semantic colors (theme contract) */ + --color-success: #23a55a; + --color-warning: #f0b232; + --color-danger: #f23f43; +} diff --git a/Client/tauri-client/src/styles/tokens.css b/Client/tauri-client/src/styles/tokens.css index 6f429181..84a1cb4c 100644 --- a/Client/tauri-client/src/styles/tokens.css +++ b/Client/tauri-client/src/styles/tokens.css @@ -23,6 +23,12 @@ --accent-hover: #4752c4; --accent-active: #3c45a5; + /* Theme contract — overrideable by custom themes */ + --accent-primary: var(--accent); + --accent-secondary: var(--accent-hover); + --accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)); + --border-glow: transparent; + /* Text */ --text-normal: #dbdee1; --text-muted: #949ba4;