locsec/disinformation-quest
1
Форкнуть 0
зеркало из https://github.com/kodackx/disinformation-quest.git synced 2025-10-29 12:46:03 +02:00
Код Задачи Пакеты Проекты Релизы Вики Активность

Update color scheme to yellow and black

Просмотр исходного кода 
Implemented a modern yellow and black color scheme across the application for a refreshed design.
[skip gpt_engineer]
Этот коммит содержится в:
gpt-engineer-app[bot] 2024-12-06 00:20:58 +00:00
родитель e62628c93e
Коммит 6831137ada
1 изменённых файлов: 53 добавлений и 59 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

112
src/index.css
Просмотреть файл

@ -4,89 +4,83 @@
@layer base { @layer base {
:root { :root {
--background: 0 0% 100%; --background: 0 0% 7%; /* Dark background */
--foreground: 222.2 84% 4.9%; --foreground: 45 100% 60%; /* Yellow text */
--card: 0 0% 100%; --card: 0 0% 10%; /* Slightly lighter black for cards */
--card-foreground: 222.2 84% 4.9%; --card-foreground: 45 100% 60%; /* Yellow text on cards */
--popover: 0 0% 100%; --popover: 0 0% 10%;
--popover-foreground: 222.2 84% 4.9%; --popover-foreground: 45 100% 60%;
--primary: 222.2 47.4% 11.2%; --primary: 45 100% 50%; /* Bright yellow */
--primary-foreground: 210 40% 98%; --primary-foreground: 0 0% 7%; /* Black text on yellow */
--secondary: 210 40% 96.1%; --secondary: 45 100% 95%; /* Light yellow */
--secondary-foreground: 222.2 47.4% 11.2%; --secondary-foreground: 0 0% 7%;
--muted: 210 40% 96.1%; --muted: 0 0% 15%; /* Dark gray */
--muted-foreground: 215.4 16.3% 46.9%; --muted-foreground: 45 100% 75%; /* Soft yellow */
--accent: 210 40% 96.1%; --accent: 45 100% 50%; /* Yellow accent */
--accent-foreground: 222.2 47.4% 11.2%; --accent-foreground: 0 0% 7%;
--destructive: 0 84.2% 60.2%; --destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%; --destructive-foreground: 0 0% 7%;
--border: 214.3 31.8% 91.4%; --border: 45 100% 30%; /* Darker yellow for borders */
--input: 214.3 31.8% 91.4%; --input: 45 100% 30%;
--ring: 222.2 84% 4.9%; --ring: 45 100% 50%;
--radius: 0.5rem; --radius: 0.5rem;
--sidebar-background: 0 0% 98%; --sidebar-background: 0 0% 5%;
--sidebar-foreground: 45 100% 60%;
--sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 45 100% 50%;
--sidebar-primary-foreground: 0 0% 7%;
--sidebar-primary: 240 5.9% 10%; --sidebar-accent: 45 100% 20%;
--sidebar-accent-foreground: 45 100% 60%;
--sidebar-primary-foreground: 0 0% 98%; --sidebar-border: 45 100% 20%;
--sidebar-ring: 45 100% 50%;
--sidebar-accent: 240 4.8% 95.9%;
--sidebar-accent-foreground: 240 5.9% 10%;
--sidebar-border: 220 13% 91%;
--sidebar-ring: 217.2 91.2% 59.8%;
} }
.dark { .dark {
--background: 222.2 84% 4.9%; --background: 0 0% 7%;
--foreground: 210 40% 98%; --foreground: 45 100% 60%;
--card: 222.2 84% 4.9%; --card: 0 0% 10%;
--card-foreground: 210 40% 98%; --card-foreground: 45 100% 60%;
--popover: 222.2 84% 4.9%; --popover: 0 0% 10%;
--popover-foreground: 210 40% 98%; --popover-foreground: 45 100% 60%;
--primary: 210 40% 98%; --primary: 45 100% 50%;
--primary-foreground: 222.2 47.4% 11.2%; --primary-foreground: 0 0% 7%;
--secondary: 217.2 32.6% 17.5%; --secondary: 0 0% 15%;
--secondary-foreground: 210 40% 98%; --secondary-foreground: 45 100% 60%;
--muted: 217.2 32.6% 17.5%; --muted: 0 0% 15%;
--muted-foreground: 215 20.2% 65.1%; --muted-foreground: 45 100% 75%;
--accent: 217.2 32.6% 17.5%; --accent: 45 100% 50%;
--accent-foreground: 210 40% 98%; --accent-foreground: 0 0% 7%;
--destructive: 0 62.8% 30.6%; --destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%; --destructive-foreground: 45 100% 60%;
--border: 217.2 32.6% 17.5%; --border: 45 100% 30%;
--input: 217.2 32.6% 17.5%; --input: 45 100% 30%;
--ring: 212.7 26.8% 83.9%; --ring: 45 100% 50%;
--sidebar-background: 240 5.9% 10%;
--sidebar-foreground: 240 4.8% 95.9%; --sidebar-background: 0 0% 5%;
--sidebar-primary: 224.3 76.3% 48%; --sidebar-foreground: 45 100% 60%;
--sidebar-primary-foreground: 0 0% 100%; --sidebar-primary: 45 100% 50%;
--sidebar-accent: 240 3.7% 15.9%; --sidebar-primary-foreground: 0 0% 7%;
--sidebar-accent-foreground: 240 4.8% 95.9%; --sidebar-accent: 45 100% 20%;
--sidebar-border: 240 3.7% 15.9%; --sidebar-accent-foreground: 45 100% 60%;
--sidebar-ring: 217.2 91.2% 59.8%; --sidebar-border: 45 100% 20%;
--sidebar-ring: 45 100% 50%;
} }
} }