thomasjwebb/_sass/_variables.scss

35 lines
967 B
SCSS
Raw Normal View History

2025-04-23 16:00:58 -07:00
:root {
--type-serif: "Piazzolla", serif;
--type-caps: "Piazzolla SC", serif;
--type-mono: "Hack", monospace;
--type-size: 18px;
--type-weight: 400;
--type-height: 1.4;
--type-numeric: oldstyle-nums proportional-nums;
--color-particles-text: var(--oc-gray-1);
--color-particles-background: var(--oc-gray-9);
}
html,
html[data-theme="light"] {
--color-background: var(--oc-gray-1);
--color-text: var(--oc-gray-8);
--color-heading: var(--oc-gray-8);
--color-link: var(--oc-blue-8);
--color-chunk: var(--oc-gray-8);
--color-mark: var(--oc-yellow-3);
--color-border: var(--oc-gray-4);
--color-button: var(--oc-gray-6);
}
html[data-theme="dark"] {
--color-background: var(--oc-gray-9);
--color-text: var(--oc-gray-3);
--color-heading: var(--oc-gray-3);
--color-link: var(--oc-blue-3);
--color-chunk: var(--oc-gray-8);
--color-mark: var(--oc-gray-8);
--color-border: var(--oc-gray-7);
--color-button: var(--oc-gray-7);
}