Настройка темы

GolOps использует Shadcn UI для системы тем и поддерживает переключение светлой и тёмной темы. Файл конфигурации темы находится в src/config/style/theme.css. Вы можете менять эти переменные, чтобы собрать собственную тему.

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.141 0.005 285.823);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.141 0.005 285.823);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.141 0.005 285.823);
  ...
}

.dark {
  --background: oklch(0.141 0.005 285.823);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.141 0.005 285.823);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.141 0.005 285.823);
  --popover-foreground: oklch(0.985 0 0);
  ...
}

Вот несколько инструментов, которые помогут быстро собрать собственную тему.

Shadcn

• Используйте официальный Shadcn Create
• Используйте Shadcn Themes, чтобы быстро сгенерировать цвета и скопировать их в src/config/style/theme.css

Tweakcn

• Используйте Tweakcn, чтобы быстро сгенерировать цвета и скопировать их в src/config/style/theme.css

Themux

• Используйте Themux, чтобы быстро сгенерировать цвета и скопировать их в src/config/style/theme.css

UI Pub

• Используйте UI Pub, чтобы быстро сгенерировать цвета и скопировать их в src/config/style/theme.css

Shadcn Studio

• Используйте Shadcn Studio, чтобы быстро сгенерировать цвета и скопировать их в src/config/style/theme.css