83 lines
2.4 KiB
CSS
83 lines
2.4 KiB
CSS
/* variables.scss (drop-in) */
|
|
/* palette.scss - Full Spectrum Master Map */
|
|
/* --------------------------------------------
|
|
Helpers
|
|
-------------------------------------------- */
|
|
/* --------------------------------------------
|
|
Breakpoints
|
|
-------------------------------------------- */
|
|
/* --------------------------------------------
|
|
Spacing
|
|
-------------------------------------------- */
|
|
/* --------------------------------------------
|
|
Elevation
|
|
-------------------------------------------- */
|
|
/* --------------------------------------------
|
|
Radius
|
|
-------------------------------------------- */
|
|
/* --------------------------------------------
|
|
Typography
|
|
-------------------------------------------- */
|
|
/* --------------------------------------------
|
|
Theme tokens
|
|
-------------------------------------------- */
|
|
:root {
|
|
/* Brand */
|
|
--primary: #0f766e;
|
|
--primary-light: #ccfbf1;
|
|
--primary-dark: #042f2e;
|
|
--accent: #f97316;
|
|
/* RGB channels for focus rings etc */
|
|
--primary-rgb: 15 118 110;
|
|
/* Status */
|
|
--success: #16a34a;
|
|
--info: #0d6efd;
|
|
--warning: #eab308;
|
|
--danger: #dc2626;
|
|
/* Surfaces */
|
|
--bg-app: #fbfcfd;
|
|
--bg-surface: #f8f9fa;
|
|
--bg-card: #ffffff;
|
|
--border-color: #e9ecef;
|
|
/* Text */
|
|
--text-main: #212529;
|
|
--text-muted: #495057;
|
|
--text-light: #adb5bd;
|
|
--text-inverse: #ffffff;
|
|
--table-header-bg: var(--bg-surface);
|
|
--table-striped-bg: #fbfcfd;
|
|
--table-hover-bg: rgba(var(--primary-rgb), 0.06);
|
|
}
|
|
|
|
[data-theme=dark] {
|
|
--primary: #5eead4;
|
|
--primary-light: #115e59;
|
|
--primary-rgb: 94 234 212;
|
|
--bg-app: #121416;
|
|
--bg-surface: #212529;
|
|
--bg-card: #343a40;
|
|
--border-color: #495057;
|
|
--text-main: #f8f9fa;
|
|
--text-muted: #ced4da;
|
|
--text-light: #6c757d;
|
|
--table-header-bg: var(--bg-surface);
|
|
--table-striped-bg: rgba(255,255,255,0.03);
|
|
--table-hover-bg: rgba(var(--primary-rgb), 0.10);
|
|
}
|
|
|
|
/* --------------------------------------------
|
|
SASS aliases to CSS vars
|
|
-------------------------------------------- */
|
|
/* --------------------------------------------
|
|
Z-index
|
|
-------------------------------------------- */
|
|
/* --------------------------------------------
|
|
Grid & layout maps
|
|
-------------------------------------------- */
|
|
/* --------------------------------------------
|
|
Components baseline tokens
|
|
-------------------------------------------- */
|
|
/* sizing maps */
|
|
/* motion */
|
|
/* focus ring */
|
|
/* sidebar *//*# sourceMappingURL=variables.css.map */ |