aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-29 12:34:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(theme): use consistent yellow-300 highlight color across all themes

Browse Source 
- Revert to yellow-300 (#fde047) for all light and dark themes
- Use consistent Tailwind palette: yellow-300, orange-500, purple-600
- Previous darker colors were causing inconsistency with design system
- Ensures highlights use the same color values across all theme variants
This commit is contained in:
Gigi
2025-10-14 10:23:55 +02:00
parent bca6458e44
commit 5c7b413a8d
1 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/styles/base/variables.css
View File

@@ -74,10 +74,10 @@
--color-primary: #4f46e5; /* indigo-600 */
--color-primary-hover: #4338ca; /* indigo-700 */
/* Darker highlight colors for light theme - better contrast */
--highlight-color-mine: #facc15; /* yellow-400 - darker than yellow-300 */
--highlight-color-friends: #ea580c; /* orange-600 - darker than orange-500 */
--highlight-color-nostrverse: #7c3aed; /* purple-600 - same as dark */
/* Highlight colors for light theme - use same Tailwind colors */
--highlight-color-mine: #fde047; /* yellow-300 */
--highlight-color-friends: #f97316; /* orange-500 */
--highlight-color-nostrverse: #9333ea; /* purple-600 */
}
/* System theme - follow OS preference */
@@ -113,10 +113,10 @@
--color-primary: #4f46e5;
--color-primary-hover: #4338ca;
/* Darker highlight colors for light theme */
--highlight-color-mine: #facc15;
--highlight-color-friends: #ea580c;
--highlight-color-nostrverse: #7c3aed;
/* Standard highlight colors */
--highlight-color-mine: #fde047;
--highlight-color-friends: #f97316;
--highlight-color-nostrverse: #9333ea;
}
}
@@ -166,10 +166,10 @@
--color-border: #e5e7eb; /* gray-200 */
--color-border-subtle: #d1d5db; /* gray-300 */
/* Darker highlights for better contrast */
--highlight-color-mine: #facc15;
--highlight-color-friends: #ea580c;
--highlight-color-nostrverse: #7c3aed;
/* Standard highlight colors */
--highlight-color-mine: #fde047;
--highlight-color-friends: #f97316;
--highlight-color-nostrverse: #9333ea;
}
/* Sepia - warm, reading-friendly */
@@ -183,10 +183,10 @@
--color-text-secondary: #5d5a54;
--color-text-muted: #8d8a84;
/* Darker highlights for better contrast on warm bg */
--highlight-color-mine: #eab308; /* yellow-500 - even darker for sepia */
--highlight-color-friends: #dc2626; /* red-600 - darker for warm bg */
--highlight-color-nostrverse: #7c3aed; /* purple-600 */
/* Standard highlight colors */
--highlight-color-mine: #fde047; /* yellow-300 */
--highlight-color-friends: #f97316; /* orange-500 */
--highlight-color-nostrverse: #9333ea; /* purple-600 */
}
/* Ivory - soft, creamy */
@@ -200,10 +200,10 @@
--color-text-secondary: #4a4a48;
--color-text-muted: #7a7a78;
/* Darker highlights for better contrast on ivory */
--highlight-color-mine: #facc15;
--highlight-color-friends: #ea580c;
--highlight-color-nostrverse: #7c3aed;
/* Standard highlight colors */
--highlight-color-mine: #fde047;
--highlight-color-friends: #f97316;
--highlight-color-nostrverse: #9333ea;
}
/* System theme color variants */
@@ -250,9 +250,9 @@
--color-border: #e5e7eb;
--color-border-subtle: #d1d5db;
--highlight-color-mine: #facc15;
--highlight-color-friends: #ea580c;
--highlight-color-nostrverse: #7c3aed;
--highlight-color-mine: #fde047;
--highlight-color-friends: #f97316;
--highlight-color-nostrverse: #9333ea;
}
:root.theme-system.light-sepia {
@@ -265,9 +265,9 @@
--color-text-secondary: #5d5a54;
--color-text-muted: #8d8a84;
--highlight-color-mine: #eab308;
--highlight-color-friends: #dc2626;
--highlight-color-nostrverse: #7c3aed;
--highlight-color-mine: #fde047;
--highlight-color-friends: #f97316;
--highlight-color-nostrverse: #9333ea;
}
:root.theme-system.light-ivory {
@@ -280,9 +280,9 @@
--color-text-secondary: #4a4a48;
--color-text-muted: #7a7a78;
--highlight-color-mine: #facc15;
--highlight-color-friends: #ea580c;
--highlight-color-nostrverse: #7c3aed;
--highlight-color-mine: #fde047;
--highlight-color-friends: #f97316;
--highlight-color-nostrverse: #9333ea;
}
}