This is the template project that's checked out and configured when you run the bando-up command from ljsthw-bandolier. This is where the code really lives.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
bandolier-template/static/color.css

130 lines
4.0 KiB

@font-face {
font-family: computer;
src: url(/fonts/computer.woff);
}
:root {
--value9: hsl(0, 0%, 100%); /* not used too often */
--value8: hsl(210, 17%, 98%);
--value8a: hsl(210, 17%, 98%, 0);
--value7: #e9ecef;
--value6: #dee2e6;
--value5: #ced4da;
--value4: #adb5bd;
--value3: #6c757d;
--value2: #495057;
--value1: #343a40;
--value0: #212529;
--orange: #fb5607;
--yellow: #ffbe0b;
--red: #ff006e;
--purple: #8338ec;
--blue: #3a86ff;
--green: #6a994e;
--invert-orange: var(--value9);
--invert-yellow: var(--value0);
--invert-red: var(--value9);
--invert-purple: var(--value9);
--invert-blue: var(--value9);
--invert-green: var(--value9);
--gray-bg: hsl(0, 0%, 92%);
--border-radius: 5px;
--box-shadow: 0 2px 2px;
--color: var(--value0);
--color-accent: var(--value1);
--color-icon-image: var(--value1);
--color-inactive: var(--value3);
--color-inactive-secondary: var(--value5);
--color-bg: var(--value9);
--color-bg-transparent: var(--value8a);
--color-bg-secondary: var(--value6);
--color-bg-tertiary: var(--value8);
--color-secondary: var(--value1);
--color-secondary-accent: var(--blue);
--color-shadow: var(--value4);
--color-shadow-secondary: var(--value3);
--color-shadow-dark: var(--value2);
--color-bg-inverted: var(--value2);
--color-bg-code: #000;
--color-text: var(--value0);
--color-text-inverted: var(--value9);
--color-bright: var(--value8);
--color-overlay-text: var(--value1);
--color-overlay-background: var(--value6);
--color-overlay-shadow: var(--value0);
--color-border-tabs: var(--value2);
--color-input-button: var(--value8);
--color-input-border: var(--value1);
--color-input-bg: var(--value8);
--color-border: var(--value3);
--color-error: var(--red);
--color-warning: var(--orange);
--color-good: var(--green);
--color-info: var(--yellow);
--color-pulse-1: hsla(0, 0%, 53%, 1);
--color-pulse-2: hsla(0, 0%, 53%, 0.7);
--color-pulse-3: hsla(0, 0%, 53%, 0.1);
--color-pulse-4: hsla(0, 0%, 53%, 0);
--font-family: "Andale Mono", "Monaco", monospace, monospace;
--font-computer: computer, monospace, monospace;
--font-size: 1.05em;
--font-text-size: 1.4em; /* for paragraphs mostly */
--font-heading-size: 1.2em;
--font-heading-weight: 300;
--font-header-nav: 1.3em;
--font-button-size: 1.4em;
--hover-brightness: 0.9;
--justify-important: center;
--justify-blockquote: left;
--justify-normal: left;
--line-height: 1.5;
--width-card: 385px;
--width-card-medium: 460px;
--width-card-wide: 800px;
--width-content: 1080px;
--width-badge: 20px;
--font-size-badge: 13px;
--fixed-header-height: 73px;
--fixed-footer-height: 400px;
--color-scrollbar-thumb: hsla(0, 0%, 30%, 0.3);
--color-scrollbar-track-piece: hsla(0, 0%, 50%, 0.2);
}
[data-theme="dark"] {
--gray-bg: var(--value0);
--color: var(--value8);
--color-accent: var(--value7);
--color-icon-image: var(--value8);
--color-bg: var(--value0);
--color-bg-secondary: var(--value2);
--color-bg-tertiary: var(--value3);
--color-shadow-secondary: var(--value6);
--color-secondary: var(--value7);
--color-secondary-accent: var(--value7);
--color-shadow: var(--value2);
--color-text: var(--value8);
--color-text-secondary: var(--value8);
--color-text-inverted: var(--value0);
--color-inactive: var(--value4);
--color-bg-inverted: var(--value6);
--color-input-border: var(--value7);
--color-input-button: var(--value6);
--color-border: var(--value3);
--color-input-bg: var(--value7);
--color-error: var(--red);
--color-warning: var(--orange);
--color-good: var(--green);
--color-info: var(--yellow);
--color-pulse-1: hsla(0, 0%, 80%, 1);
--color-pulse-2: hsla(0, 0%, 80%, 0.7);
--color-pulse-3: hsla(0, 0%, 80%, 0.1);
--color-pulse-4: hsla(0, 0%, 80%, 0);
--color-overlay-text: var(--value7);
--color-overlay-background: var(--value2);
--color-overlay-shadow: var(--value6);
--color-scrollbar-thumb: hsla(0, 0%, 50%, 0.3);
--color-scrollbar-track-piece: hsla(0, 0%, 30%, 0.2);
}