124 lines
5.0 KiB
Plaintext
124 lines
5.0 KiB
Plaintext
@import "../chroma/dark.less";
|
|
@primary: #e11;
|
|
@secondary: #800;
|
|
@bg: #000;
|
|
|
|
:root {
|
|
--color-primary: @primary;
|
|
--color-secondary: @secondary;
|
|
|
|
/* colors */
|
|
--color-red: #db2828;
|
|
--color-orange: #f2711c;
|
|
--color-yellow: #fbbd08;
|
|
--color-olive: #b5cc18;
|
|
--color-green: #21ba45;
|
|
--color-teal: #00b5ad;
|
|
--color-blue: #2185d0;
|
|
--color-violet: #6435c9;
|
|
--color-purple: #a333c8;
|
|
--color-pink: #e03997;
|
|
--color-brown: #a5673f;
|
|
--color-grey: #767a85;
|
|
--color-black: #1e222e;
|
|
--color-gold: #a1882b;
|
|
--color-white: #ffffff;
|
|
--color-diff-removed-word-bg: #6f3333;
|
|
--color-diff-added-word-bg: #3c653c;
|
|
--color-diff-removed-row-bg: #3c2626;
|
|
--color-diff-added-row-bg: #283e2d;
|
|
--color-diff-removed-row-border: #634343;
|
|
--color-diff-added-row-border: #314a37;
|
|
--color-diff-inactive: #353846;
|
|
|
|
/* target-based colors */
|
|
--color-body: @bg;
|
|
--color-box-header: lighten($--color-body, 2.5%);
|
|
--color-box-body: lighten($--color-body, 2.5%);
|
|
|
|
--color-text-dark: darken($--color-text, 2.5%);
|
|
--color-text: contrast($--color-body);
|
|
--color-text-light: lighten($--color-text, 2.5%);
|
|
--color-text-light-2: lighten($--color-text, 5%);
|
|
--color-text-light-3: lighten($--color-text, 7.5%);
|
|
|
|
--color-footer: $--color-box-header;
|
|
--color-timeline: $--color-body;
|
|
--color-input-text: $--color-text;
|
|
--color-input-background: $--color-body;
|
|
--color-input-border: lighten($--color-primary, 7.5%);
|
|
--color-input-border-hover: lighten($--color-primary, 7.5%);
|
|
|
|
--color-navbar: $--color-box-header;
|
|
--color-light: #00000028;
|
|
--color-light-border: #ffffff28;
|
|
--color-hover: #60606020;
|
|
--color-active: #60606040;
|
|
--color-menu: $--color-body;
|
|
--color-card: $--color-body;
|
|
--color-markdown-table-row: lighten($--color-body, 2.5%);
|
|
--color-markdown-code-block: $--color-code-bg;
|
|
--color-button: lighten($--color-primary, 7.5%);
|
|
--color-code-bg: lighten($--color-body, 7.5%);
|
|
--color-shadow: #00000060;
|
|
--color-secondary-bg: lighten($--color-body, 5%);
|
|
--color-text-focus: lighten($--color-primary, 7.5%);
|
|
--color-expand-button: lighten($--color-primary, 5%);
|
|
|
|
/* workarounds for theme handing, these should ideally go */
|
|
--color-primary-dark-1: darken($--color-primary, 1%);
|
|
--color-primary-dark-2: darken($--color-primary, 2%);
|
|
--color-primary-dark-3: darken($--color-primary, 3%);
|
|
--color-primary-dark-4: darken($--color-primary, 4%);
|
|
--color-primary-dark-5: darken($--color-primary, 5%);
|
|
--color-primary-dark-6: darken($--color-primary, 6%);
|
|
--color-primary-dark-7: darken($--color-primary, 7%);
|
|
--color-primary-light-1: lighten($--color-primary, 1%);
|
|
--color-primary-light-2: lighten($--color-primary, 2%);
|
|
--color-primary-light-3: lighten($--color-primary, 3%);
|
|
--color-primary-light-4: lighten($--color-primary, 4%);
|
|
--color-primary-light-5: lighten($--color-primary, 5%);
|
|
--color-primary-light-6: lighten($--color-primary, 6%);
|
|
--color-primary-light-7: lighten($--color-primary, 7%);
|
|
--color-primary-alpha-10: fade($--color-primary, 10%);
|
|
--color-primary-alpha-20: fade($--color-primary, 20%);
|
|
--color-primary-alpha-30: fade($--color-primary, 30%);
|
|
--color-primary-alpha-40: fade($--color-primary, 40%);
|
|
--color-primary-alpha-50: fade($--color-primary, 50%);
|
|
--color-primary-alpha-60: fade($--color-primary, 60%);
|
|
--color-primary-alpha-70: fade($--color-primary, 70%);
|
|
--color-primary-alpha-80: fade($--color-primary, 80%);
|
|
--color-primary-alpha-90: fade($--color-primary, 90%);
|
|
--color-secondary-dark-1: darken($--color-secondary, 1%);
|
|
--color-secondary-dark-2: darken($--color-secondary, 2%);
|
|
--color-secondary-dark-3: darken($--color-secondary, 3%);
|
|
--color-secondary-dark-4: darken($--color-secondary, 4%);
|
|
--color-secondary-dark-5: darken($--color-secondary, 5%);
|
|
--color-secondary-dark-6: darken($--color-secondary, 6%);
|
|
--color-secondary-dark-7: darken($--color-secondary, 7%);
|
|
--color-secondary-dark-7: darken($--color-secondary, 7%);
|
|
--color-secondary-dark-8: darken($--color-secondary, 8%);
|
|
--color-secondary-dark-8: darken($--color-secondary, 8%);
|
|
--color-secondary-dark-9: darken($--color-secondary, 9%);
|
|
--color-secondary-dark-10: darken($--color-secondary, 10%);
|
|
--color-secondary-dark-11: darken($--color-secondary, 11%);
|
|
--color-secondary-light-1: lighten($--color-secondary, 1%);
|
|
--color-secondary-light-2: lighten($--color-secondary, 2%);
|
|
--color-secondary-light-3: lighten($--color-secondary, 3%);
|
|
--color-secondary-light-4: lighten($--color-secondary, 4%);
|
|
--color-secondary-alpha-10: fade($--color-secondary, 10%);
|
|
--color-secondary-alpha-20: fade($--color-secondary, 20%);
|
|
--color-secondary-alpha-30: fade($--color-secondary, 30%);
|
|
--color-secondary-alpha-40: fade($--color-secondary, 40%);
|
|
--color-secondary-alpha-50: fade($--color-secondary, 50%);
|
|
--color-secondary-alpha-60: fade($--color-secondary, 60%);
|
|
--color-secondary-alpha-70: fade($--color-secondary, 70%);
|
|
--color-secondary-alpha-80: fade($--color-secondary, 80%);
|
|
--color-secondary-alpha-90: fade($--color-secondary, 90%);
|
|
}
|
|
|
|
// Patches for horrible stylesheet breakage
|
|
.lines-num span::after {
|
|
color: var(--color-text);
|
|
}
|