60 lines
1.3 KiB
SCSS
60 lines
1.3 KiB
SCSS
@import 'open-props/postcss/style';
|
|
|
|
@import 'open-props/colors-hsl';
|
|
@import 'open-props/shadows';
|
|
@import 'open-props/zindex';
|
|
|
|
:root {
|
|
--_main-page-branch-tooltip: 100%;
|
|
--_bg-box-content: var(--blue-5);
|
|
--_color-box-content-text: var(--_bg-box-content);
|
|
--_bg-box-content-text: white;
|
|
--_bg-tooltip-branch: #f0f9ff;
|
|
--_bg-tooltip-branch-arrow: var(--_bg-tooltip-branch);
|
|
}
|
|
|
|
html {
|
|
--brand-1: #035aa1;
|
|
--brand-2: #f50000;
|
|
--border-color: var(--gray-4);
|
|
--foreground: black;
|
|
--background: var(--gray-1);
|
|
--surface-0: var(--background);
|
|
--surface-1: white;
|
|
--surface-2: var(--gray-1);
|
|
--surface-3: var(--gray-2);
|
|
color: var(--foreground);
|
|
background-color: var(--background);
|
|
}
|
|
|
|
:where(.dark, .body--dark) {
|
|
--brand-1: var(--blue-7);
|
|
--brand-2: #f50000;
|
|
--border-color: var(--gray-8);
|
|
--foreground: white;
|
|
--background: var(--gray-10);
|
|
--surface-0: var(--background);
|
|
--surface-1: var(--gray-11);
|
|
--surface-2: var(--gray-10);
|
|
--surface-3: var(--gray-9);
|
|
}
|
|
|
|
.bordered {
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
|
|
.rounded {
|
|
border-radius: var(--radius-3);
|
|
}
|
|
|
|
.surface-1 {
|
|
background-color: var(--surface-1) !important;
|
|
}
|
|
|
|
.surface-2 {
|
|
background-color: var(--surface-2) !important;
|
|
}
|
|
|
|
.surface-3 {
|
|
background-color: var(--surface-3) !important;
|
|
}
|