mirror of
https://projects.blender.org/infrastructure/gitea-custom.git
synced 2024-12-22 15:23:32 -05:00
Fix editor broken in bhree-dark theme
The error was caused by using hsl colors for variables. Solved by converting the used variables to hex values. It seems that the editor used by gitea does not support other colors than hex (transparent, hsl, rgb, etc). Issue: https: //github.com/microsoft/monaco-editor/issues/1815
This commit is contained in:
parent
cd13db56cc
commit
11a072d1ad
1 changed files with 39 additions and 35 deletions
|
@ -32,36 +32,38 @@
|
|||
--transition-speed: 150ms;
|
||||
|
||||
/* Colors. */
|
||||
/* Some colors must be set as HEX, due to the monaco-editor no supporting
|
||||
* conversion of non-hex colors. https: //github.com/microsoft/monaco-editor/issues/1815 */
|
||||
color-scheme: dark;
|
||||
--color-primary: hsl(204deg 90% 56%);
|
||||
--color-primary: hsl(204deg, 90%, 56%);
|
||||
--color-primary-bg: hsla(204deg, 100%, 36%, .2);
|
||||
|
||||
--color-primary-contrast: hsl(0, 0%, 100%);
|
||||
--color-primary-dark-1: hsl(204deg 100% 54%);
|
||||
--color-primary-dark-2: hsl(204deg 100% 64%);
|
||||
--color-primary-dark-3: hsl(204deg 100% 70%);
|
||||
--color-primary-dark-4: hsl(204deg 100% 78%);
|
||||
--color-primary-dark-5: hsl(204deg 100% 84%);
|
||||
--color-primary-dark-6: hsl(204deg 100% 89%);
|
||||
--color-primary-dark-7: hsl(204deg 100% 94%);
|
||||
--color-primary-dark-1: #14a1ff;
|
||||
--color-primary-dark-2: #47b6ff;
|
||||
--color-primary-dark-3: #66c2ff;
|
||||
--color-primary-dark-4: #8fd2ff;
|
||||
--color-primary-dark-5: #addeff;
|
||||
--color-primary-dark-6: #c7e9ff;
|
||||
--color-primary-dark-7: #e0f3ff;
|
||||
|
||||
--color-primary-light-1: hsl(204deg 100% 40%);
|
||||
--color-primary-light-2: hsl(204deg 100% 36%);
|
||||
--color-primary-light-3: hsl(204deg 100% 30%);
|
||||
--color-primary-light-4: hsl(204deg 100% 26%);
|
||||
--color-primary-light-5: hsl(204deg 100% 20%);
|
||||
--color-primary-light-6: hsl(204deg 100% 16%);
|
||||
--color-primary-light-7: hsl(204deg 100% 10%);
|
||||
--color-primary-light-1: #007acc;
|
||||
--color-primary-light-2: #006eb8;
|
||||
--color-primary-light-3: #005c99;
|
||||
--color-primary-light-4: #005085;
|
||||
--color-primary-light-5: #003d66;
|
||||
--color-primary-light-6: #003152;
|
||||
--color-primary-light-7: #001f33;
|
||||
|
||||
--color-primary-alpha-10: hsla(204deg 100% 46% 10%);
|
||||
--color-primary-alpha-20: hsla(204deg 100% 46% 20%);
|
||||
--color-primary-alpha-30: hsla(204deg 100% 46% 30%);
|
||||
--color-primary-alpha-40: hsla(204deg 100% 46% 40%);
|
||||
--color-primary-alpha-50: hsla(204deg 100% 46% 50%);
|
||||
--color-primary-alpha-60: hsla(204deg 100% 46% 60%);
|
||||
--color-primary-alpha-70: hsla(204deg 100% 46% 70%);
|
||||
--color-primary-alpha-80: hsla(204deg 100% 46% 80%);
|
||||
--color-primary-alpha-90: hsla(204deg 100% 46% 90%);
|
||||
--color-primary-alpha-10: #008deb1a;
|
||||
--color-primary-alpha-20: #008deb33;
|
||||
--color-primary-alpha-30: #008deb4d;
|
||||
--color-primary-alpha-40: #008deb66;
|
||||
--color-primary-alpha-50: #008deb80;
|
||||
--color-primary-alpha-60: #008deb99;
|
||||
--color-primary-alpha-70: #008debb3;
|
||||
--color-primary-alpha-80: #008debcc;
|
||||
--color-primary-alpha-90: #008debe6;
|
||||
|
||||
--color-secondary: hsl(213, 12%, 30.6%);
|
||||
--color-secondary-bg: hsl(213, 16%, 20%);
|
||||
|
@ -70,7 +72,7 @@
|
|||
--color-secondary-dark-3: hsl(213, 12%, 50%);
|
||||
--color-secondary-dark-4: hsl(213, 12%, 54.9%);
|
||||
--color-secondary-dark-5: hsl(213, 12%, 59.6%);
|
||||
--color-secondary-dark-6: hsl(213, 12%, 64.5%);
|
||||
--color-secondary-dark-6: #9aa3af;
|
||||
--color-secondary-dark-7: hsl(213, 12%, 69.4%);
|
||||
--color-secondary-dark-8: hsl(213, 12%, 74.3%);
|
||||
--color-secondary-dark-9: hsl(213, 11%, 79.2%);
|
||||
|
@ -78,10 +80,12 @@
|
|||
--color-secondary-dark-11: hsl(213, 12.3%, 89%);
|
||||
--color-secondary-dark-12: hsl(213, 12.5%, 93.7%);
|
||||
--color-secondary-dark-13: hsl(213, 14.3%, 98.6%);
|
||||
|
||||
--color-secondary-light-1: hsl(213, 12%, 24.5%);
|
||||
--color-secondary-light-2: hsl(213, 11.8%, 18.2%);
|
||||
--color-secondary-light-3: hsl(213, 11%, 12.4%);
|
||||
--color-secondary-light-4: hsl(213, 9.7%, 6.1%);
|
||||
|
||||
--color-secondary-alpha-10: hsla(213, 12%, 30.6%, 0.1);
|
||||
--color-secondary-alpha-20: hsla(213, 12%, 30.6%, 0.2);
|
||||
--color-secondary-alpha-30: hsla(213, 12%, 30.6%, 0.3);
|
||||
|
@ -120,6 +124,7 @@
|
|||
--color-black: hsl(213, 21.1%, 14.9%);
|
||||
--color-black-light: hsl(222.9, 20.6%, 13.3%);
|
||||
--color-gold: hsl(47.3, 50%, 46.3%);
|
||||
--color-white: #ffffff;
|
||||
|
||||
/* Color: diff */
|
||||
--color-diff-added-word-bg: hsl(120, 25.5%, 31.6%);
|
||||
|
@ -152,13 +157,13 @@
|
|||
--color-info-bg: hsl(216.3, 33.3%, 22.4%);
|
||||
--color-info-text: hsl(201.8, 79.3%, 56.5%);
|
||||
|
||||
--color-body: hsl(213, 10%, 14%);
|
||||
--color-body: #202327;
|
||||
|
||||
--color-box-header: hsl(213, 12%, 22%);
|
||||
--color-box-body: hsl(213, 12%, 18%);
|
||||
--color-box-body-highlight: hsla(204deg, 60%, 36%, .15);
|
||||
|
||||
--color-text: hsl(220, 12.4%, 76.3%);
|
||||
--color-text: #bbc0ca;
|
||||
--color-text-dark: hsl(220, 26%, 89%);
|
||||
--color-text-light: hsl(224, 9.2%, 68%);
|
||||
--color-text-light-1: hsl(224, 7.8%, 62%);
|
||||
|
@ -173,7 +178,6 @@
|
|||
|
||||
--color-hover: hsla(213, 18%, 90%, .05);
|
||||
--color-active: hsla(213, 18%, 90%, .1);
|
||||
--color-shadow: hsla(0, 0%, 0%, 0);
|
||||
|
||||
--color-menu: hsl(213, 15%, 21%);
|
||||
--color-card: hsl(213, 15%, 21%);
|
||||
|
@ -181,7 +185,7 @@
|
|||
--color-markup-table-row: hsla(0, 0%, 100%, 0);
|
||||
--color-markup-code-block: hsla(0, 0%, 100%, 0.1);
|
||||
|
||||
--color-code-bg: hsl(213, 16%, 14%);
|
||||
--color-code-bg: #1e2329;
|
||||
--color-code-line-bg-hover: hsl(213, 16%, 16%);
|
||||
--color-code-sidebar-bg: hsl(213, 14.8%, 21%);
|
||||
|
||||
|
@ -202,12 +206,12 @@
|
|||
--color-button-basic-text: var(--color-text);
|
||||
|
||||
/* Inputs. */
|
||||
--color-input-text: hsl(219, 25%, 87%);
|
||||
--color-input-background: hsl(213, 14%, 10%);
|
||||
--color-input-toggle-background: hsl(213, 11.5%, 30.6%);
|
||||
--color-input-border: hsl(213, 11.5%, 30.6%);
|
||||
--color-input-border-hover: hsl(224, 13%, 36%);
|
||||
--color-placeholder-text: hsl(213, 8.2%, 45.3%);
|
||||
--color-input-text: #d6dbe6;
|
||||
--color-input-background: #17191c;
|
||||
--color-input-toggle-background: #454d57;
|
||||
--color-input-border: #454d57;
|
||||
--color-input-border-hover: #505668;
|
||||
--color-placeholder-text: #6a737d;
|
||||
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
|
|
Loading…
Reference in a new issue