37 lines
1.0 KiB
CSS
37 lines
1.0 KiB
CSS
|
/* Vue High Contrast Theme */
|
||
|
|
/* Inspired by Vue Theme High Contrast - Dark with greenish tint */
|
||
|
|
|
||
|
|
:root[data-theme="vue-high-contrast"] {
|
||
|
|
/* Background colors - dark with green tint */
|
||
|
|
--bg-primary: #0a1e0d;
|
||
|
|
--bg-secondary: #0d2912;
|
||
|
|
--bg-tertiary: #143d1a;
|
||
|
|
--bg-hover: #1a4d23;
|
||
|
|
--bg-active: #235c2b;
|
||
|
|
|
||
|
|
/* Text colors - bright for high contrast */
|
||
|
|
--text-primary: #e8f5e9;
|
||
|
|
--text-secondary: #c8e6c9;
|
||
|
|
--text-tertiary: #81c784;
|
||
|
|
|
||
|
|
/* Border colors - subtle green tint */
|
||
|
|
--border-primary: #2e7d32;
|
||
|
|
--border-secondary: #1b5e20;
|
||
|
|
|
||
|
|
/* Accent colors - Vue signature green */
|
||
|
|
--accent-primary: #42b883;
|
||
|
|
--accent-hover: #4fc896;
|
||
|
|
--accent-light: rgba(66, 184, 131, 0.2);
|
||
|
|
|
||
|
|
/* Status colors */
|
||
|
|
--success: #4caf50;
|
||
|
|
--error: #ff5252;
|
||
|
|
--warning: #ffb74d;
|
||
|
|
|
||
|
|
/* Shadows - deeper for high contrast */
|
||
|
|
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
|
||
|
|
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.7);
|
||
|
|
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.8);
|
||
|
|
}
|
||
|
|
|