67 lines
1.6 KiB
SCSS
67 lines
1.6 KiB
SCSS
:root {
|
|
--gray-000: #f8f9fa;
|
|
--gray-100: #f1f3f5;
|
|
--gray-200: #e9ecef;
|
|
--gray-300: #dee2e6;
|
|
--gray-400: #ced4da;
|
|
--gray-500: #adb5bd;
|
|
--gray-600: #868e96;
|
|
--gray-700: #495057;
|
|
--gray-800: #343a40;
|
|
--gray-900: #212529;
|
|
|
|
--red: #fa5252;
|
|
--pink: #e64980;
|
|
--grape: #be4bdb;
|
|
--purple: #7950f2;
|
|
--indigo: #4c6ef5;
|
|
--blue: #228be6;
|
|
--cyan: #15aabf;
|
|
--teal: #12b886;
|
|
--green: #40c057;
|
|
--yellow: #fab005;
|
|
--orange: #fd7e14;
|
|
|
|
--blue-300: #74c0fc;
|
|
--blue-400: #4dabf7;
|
|
--yellow-100: #fff3bf;
|
|
|
|
--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
--body-font-size: 18px;
|
|
--body-line-height: 1.5;
|
|
--body-color: var(--gray-700);
|
|
--body-bg: #fff;
|
|
|
|
--link-color: var(--blue);
|
|
--link-hover-color: #1c7ed6;
|
|
|
|
--heading-color: var(--gray-900);
|
|
|
|
--border-color: var(--gray-300);
|
|
--border-radius: .25rem;
|
|
|
|
--code-font: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
--code-color: var(--grape);
|
|
--code-bg: var(--gray-000);
|
|
|
|
--spacer: 1rem;
|
|
--spacer-2: calc(var(--spacer) * 1.5);
|
|
--spacer-3: calc(var(--spacer) * 3);
|
|
}
|
|
|
|
// @media (prefers-color-scheme: dark) {
|
|
// :root {
|
|
// --body-color: var(--gray-300);
|
|
// --body-bg: var(--gray-800);
|
|
|
|
// --heading-color: #fff;
|
|
|
|
// --link-color: var(--blue-300);
|
|
// --link-hover-color: var(--blue-400);
|
|
|
|
// --border-color: rgba(255,255,255,.15);
|
|
|
|
// --code-bg: var(--gray-900);
|
|
// }
|
|
// }
|