mirror of
https://github.com/AutoMaker-Org/automaker.git
synced 2026-01-31 06:42:03 +00:00
28328d7d1e
- Introduced a new red theme with custom color variables for a bold aesthetic. - Updated the theme management to include the new red theme option. - Added a BoardBackgroundModal component for managing board background settings, including image uploads and opacity controls. - Enhanced KanbanCard and KanbanColumn components to support new background settings such as opacity and border visibility. - Updated API client to handle saving and deleting board backgrounds. - Refactored theme application logic to accommodate the new preview theme functionality.
96 lines
1.7 KiB
TypeScript
96 lines
1.7 KiB
TypeScript
import {
|
|
type LucideIcon,
|
|
Atom,
|
|
Cat,
|
|
Eclipse,
|
|
Flame,
|
|
Ghost,
|
|
Heart,
|
|
Moon,
|
|
Radio,
|
|
Snowflake,
|
|
Sparkles,
|
|
Sun,
|
|
Terminal,
|
|
Trees,
|
|
} from "lucide-react";
|
|
import { Theme } from "@/components/views/settings-view/shared/types";
|
|
|
|
export interface ThemeOption {
|
|
value: Theme;
|
|
label: string;
|
|
Icon: LucideIcon;
|
|
testId: string;
|
|
}
|
|
|
|
export const themeOptions: ReadonlyArray<ThemeOption> = [
|
|
{ value: "dark", label: "Dark", Icon: Moon, testId: "dark-mode-button" },
|
|
{ value: "light", label: "Light", Icon: Sun, testId: "light-mode-button" },
|
|
{
|
|
value: "retro",
|
|
label: "Retro",
|
|
Icon: Terminal,
|
|
testId: "retro-mode-button",
|
|
},
|
|
{
|
|
value: "dracula",
|
|
label: "Dracula",
|
|
Icon: Ghost,
|
|
testId: "dracula-mode-button",
|
|
},
|
|
{
|
|
value: "nord",
|
|
label: "Nord",
|
|
Icon: Snowflake,
|
|
testId: "nord-mode-button",
|
|
},
|
|
{
|
|
value: "monokai",
|
|
label: "Monokai",
|
|
Icon: Flame,
|
|
testId: "monokai-mode-button",
|
|
},
|
|
{
|
|
value: "tokyonight",
|
|
label: "Tokyo Night",
|
|
Icon: Sparkles,
|
|
testId: "tokyonight-mode-button",
|
|
},
|
|
{
|
|
value: "solarized",
|
|
label: "Solarized",
|
|
Icon: Eclipse,
|
|
testId: "solarized-mode-button",
|
|
},
|
|
{
|
|
value: "gruvbox",
|
|
label: "Gruvbox",
|
|
Icon: Trees,
|
|
testId: "gruvbox-mode-button",
|
|
},
|
|
{
|
|
value: "catppuccin",
|
|
label: "Catppuccin",
|
|
Icon: Cat,
|
|
testId: "catppuccin-mode-button",
|
|
},
|
|
{
|
|
value: "onedark",
|
|
label: "One Dark",
|
|
Icon: Atom,
|
|
testId: "onedark-mode-button",
|
|
},
|
|
{
|
|
value: "synthwave",
|
|
label: "Synthwave",
|
|
Icon: Radio,
|
|
testId: "synthwave-mode-button",
|
|
},
|
|
{
|
|
value: "red",
|
|
label: "Red",
|
|
Icon: Heart,
|
|
testId: "red-mode-button",
|
|
},
|
|
];
|