kschappell/codetutor
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

badge colour variants

Browse Source
This commit is contained in:
Kai Chappell
2025-05-07 23:23:35 +01:00
parent b091512c7d
commit 05a55d2288
6 changed files with 87 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/app/globals.css
View File

@@ -49,6 +49,18 @@
--approach-correct-bg: #f0fdf4;
--approach-correct-border: #bbf7d0;
--approach-correct-fg: #16a34a;
/* Badge colors - Category (teal) */
--badge-category: #0d9488;
--badge-category-bg: #ccfbf1;
/* Badge colors - Pattern (indigo) */
--badge-pattern: #4f46e5;
--badge-pattern-bg: #e0e7ff;
/* Badge colors - Optimal (green) */
--badge-optimal: #16a34a;
--badge-optimal-bg: #dcfce7;
}
@media (prefers-color-scheme: dark) {
@@ -101,6 +113,18 @@
--approach-correct-bg: rgba(22, 163, 74, 0.15);
--approach-correct-border: rgba(22, 163, 74, 0.4);
--approach-correct-fg: #4ade80;
/* Badge colors - Category (teal, dark mode) */
--badge-category: #2dd4bf;
--badge-category-bg: rgba(20, 184, 166, 0.2);
/* Badge colors - Pattern (indigo, dark mode) */
--badge-pattern: #a5b4fc;
--badge-pattern-bg: rgba(99, 102, 241, 0.2);
/* Badge colors - Optimal (green, dark mode) */
--badge-optimal: #4ade80;
--badge-optimal-bg: rgba(34, 197, 94, 0.2);
}
}