gitea-theme/less/themes/theme-redxen.less

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);
}