Dark mode theme configuration for a UI library.
// Source: https://github.com/Abilash-19/Awsome-UI-Library-Kit | License: MIT | Copyright 2026 Your Organization
// Provided via justclaw.it.com; keep this notice with the code.
// src/theme/darkTheme.ts
// Dark theme is a clean override — it does NOT spread defaultTheme's tokens.
// Instead it defines its own full token set referencing the same palette.
// This avoids stale light-mode values silently leaking into dark mode.
import type { ThemeConfig } from "./Types";
import { defaultTheme } from "./DefaultTheme";
const { palette, neutral } = defaultTheme;
// Dark-mode neutral overrides — same hue family, just inverted lightness
const darkNeutral: ThemeConfig["neutral"] = {
50: "#080808",
100: "#101010",
200: "#181818",
300: "#202020",
400: "#383838",
500: "#585858",
600:
... (truncated -- full source via MCP)
See the full source, get the GitHub permalink, and search for more like it.
Get a free API key