traxxx-web/assets/css/theme.css

68 lines
1.8 KiB
CSS
Raw Normal View History

:root {
--primary: #f65596;
--primary-strong: #f90071;
--primary-faded: #ffcce4;
--grey-dark-40: #222;
--grey-dark-30: #444;
--grey-dark-20: #666;
--grey-dark-10: #888;
--grey: #aaa;
--grey-light-10: #bbb;
--grey-light-20: #ccc;
--grey-light-30: #ddd;
--grey-light-40: #eee;
--grey-light-50: #fafafa;
--grey-light-60: #fcfcfc;
--background-dark-20: #eee;
--background-dark-10: #f8f8f8;
--background: #fff;
--background-base: #fff;
--background-base-10: #fafafa;
--background-base-20: #f0f0f0;
--background-level-10: #fff;
--background-level-20: #eee;
--background-level-30: #eee;
--background-dim: var(--shadow-weak-10);
--shadow-weak-40: rgba(0, 0, 0, .05);
--shadow-weak-30: rgba(0, 0, 0, .1);
--shadow-weak-20: rgba(0, 0, 0, .2);
--shadow-weak-10: rgba(0, 0, 0, .35);
--shadow: rgba(0, 0, 0, .5);
--shadow-strong-10: rgba(0, 0, 0, .6);
--shadow-strong-20: rgba(0, 0, 0, .75);
--shadow-strong-30: rgba(0, 0, 0, .9);
--highlight-weak-40: rgba(255, 255, 255, .05);
--highlight-weak-30: rgba(255, 255, 255, .1);
--highlight-weak-20: rgba(255, 255, 255, .2);
--highlight-weak-10: rgba(255, 255, 255, .35);
--highlight: rgba(255, 255, 255, .5);
--highlight-strong-10: rgba(255, 255, 255, .6);
--highlight-strong-20: rgba(255, 255, 255, .75);
--highlight-strong-30: rgba(255, 255, 255, .9);
--text: #222;
--text-light: #fff;
--link: #48f;
--male: #0af;
--female: #f0a;
--enabled: #5c2;
--enabled-background: rgba(0, 255, 0, .1);
--disabled: #c20;
--disabled-background: rgba(255, 0, 0, .1);
2024-01-04 00:49:16 +00:00
--disabled-handle: var(--grey-light-10);
2024-01-07 22:44:33 +00:00
--error: #f66;
--alert: #f00;
--warn: #fa0;
--success: #5c2;
--notice: #25c;
}