607 lines
26 KiB
CSS
607 lines
26 KiB
CSS
/* capytal dark theme */
|
|
:root * {
|
|
--is-dark-theme: true;
|
|
|
|
/* 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: var(--color-text-light);
|
|
--color-primary-hover: var(--color-text-light);
|
|
--color-primary-bg: var(--color-box-header);
|
|
--color-primary-text: var(--color-text);
|
|
|
|
--color-primary-contrast: #191919;
|
|
--color-primary-dark-1: #111111;
|
|
--color-primary-dark-2: #191919;
|
|
--color-primary-dark-3: #222222;
|
|
--color-primary-dark-4: #2a2a2a;
|
|
--color-primary-dark-5: #313131;
|
|
--color-primary-dark-6: #3a3a3a;
|
|
--color-primary-dark-7: #484848;
|
|
|
|
--color-primary-light-1: #eeeeee;
|
|
--color-primary-light-2: #b4b4b4;
|
|
--color-primary-light-3: #7b7b7b;
|
|
--color-primary-light-4: #6e6e6e;
|
|
--color-primary-light-5: #606060;
|
|
--color-primary-light-6: #484848;
|
|
--color-primary-light-7: #3a3a3a;
|
|
|
|
--color-primary-alpha-10: #eeeeee1a;
|
|
--color-primary-alpha-20: #eeeeee33;
|
|
--color-primary-alpha-30: #eeeeee4d;
|
|
--color-primary-alpha-40: #eeeeee66;
|
|
--color-primary-alpha-50: #eeeeee80;
|
|
--color-primary-alpha-60: #eeeeee99;
|
|
--color-primary-alpha-70: #eeeeeeb3;
|
|
--color-primary-alpha-80: #eeeeeecc;
|
|
--color-primary-alpha-90: #eeeeeee6;
|
|
|
|
--color-secondary: #2a2a2a00;
|
|
--color-secondary-bg: hsl(213, 16%, 20%);
|
|
--color-secondary-dark-1: hsl(213, 12%, 35%);
|
|
--color-secondary-dark-2: hsl(213, 12%, 40%);
|
|
--color-secondary-dark-3: hsl(213, 12%, 50%);
|
|
--color-secondary-dark-4: hsl(213, 12%, 55%);
|
|
--color-secondary-dark-5: hsl(213, 12%, 60%);
|
|
--color-secondary-dark-6: #9aa3af;
|
|
--color-secondary-dark-7: hsl(213, 12%, 69%);
|
|
--color-secondary-dark-8: hsl(213, 12%, 74%);
|
|
--color-secondary-dark-9: hsl(213, 11%, 79%);
|
|
--color-secondary-dark-10: hsl(213, 11%, 84%);
|
|
--color-secondary-dark-11: hsl(213, 12%, 89%);
|
|
--color-secondary-dark-12: hsl(213, 12%, 94%);
|
|
--color-secondary-dark-13: hsl(213, 14%, 98%);
|
|
|
|
--color-secondary-light-1: hsl(213, 12%, 24%);
|
|
--color-secondary-light-2: hsl(213, 12%, 18%);
|
|
--color-secondary-light-3: hsl(213, 11%, 12%);
|
|
--color-secondary-light-4: hsl(213, 8%, 6%);
|
|
|
|
--color-secondary-alpha-10: hsla(213, 12%, 31%, 0.1);
|
|
--color-secondary-alpha-20: hsla(213, 12%, 31%, 0.2);
|
|
--color-secondary-alpha-30: hsla(213, 12%, 31%, 0.3);
|
|
--color-secondary-alpha-40: hsla(213, 12%, 31%, 0.4);
|
|
--color-secondary-alpha-50: hsla(213, 12%, 31%, 0.5);
|
|
--color-secondary-alpha-60: hsla(213, 12%, 31%, 0.6);
|
|
--color-secondary-alpha-70: hsla(213, 12%, 31%, 0.7);
|
|
--color-secondary-alpha-80: hsla(213, 12%, 31%, 0.8);
|
|
--color-secondary-alpha-90: hsla(213, 12%, 31%, 0.9);
|
|
|
|
/* Colors for buttons, labels, etc. */
|
|
--color-red: hsl(0, 56.4%, 54.1%);
|
|
--color-red-light: hsl(0, 56.5%, 48.6%);
|
|
--color-red-dark-1: hsl(3deg, 75%, 59%);
|
|
--color-orange: hsl(23.8, 89%, 42.4%);
|
|
--color-orange-light: hsl(23.6, 88.7%, 38%);
|
|
--color-yellow: hsl(44.8, 97%, 40.6%);
|
|
--color-yellow-light: hsl(44.8, 96.8%, 37%);
|
|
--color-olive: hsl(67.5, 79.1%, 36%);
|
|
--color-olive-light: hsl(67.4, 79.3%, 32%);
|
|
--color-green: hsl(124deg 41% 35%);
|
|
--color-green-light: hsl(124deg 41% 45%);
|
|
--color-teal: hsl(177, 100%, 28.4%);
|
|
--color-teal-light: hsl(176.8, 100%, 26%);
|
|
--color-blue: hsl(206, 56%, 50.2%);
|
|
--color-blue-light: hsl(206, 55%, 45.3%);
|
|
--color-blue-dark-1: hsl(213deg, 89%, 64%);
|
|
--color-blue-dark-bg: hsla(213deg, 89%, 64%, .15);
|
|
--color-violet: hsl(259.2, 66.5%, 65%);
|
|
--color-violet-light: hsl(259.1, 66.2%, 58%);
|
|
--color-violet-dark-1: hsl(262deg, 66%, 66%);
|
|
--color-violet-dark-bg: hsla(262deg, 66%, 66%, .15);
|
|
--color-purple: hsl(285, 55.9%, 58%);
|
|
--color-purple-light: hsl(285, 55.6%, 52%);
|
|
--color-pink: hsl(326, 64.6%, 50.2%);
|
|
--color-pink-light: hsl(326, 64.5%, 45%);
|
|
--color-brown: hsl(23.4, 33%, 48%);
|
|
--color-brown-light: hsl(23.5, 33%, 43%);
|
|
--color-grey: hsl(213, 12%, 30%);
|
|
--color-grey-light: hsl(213, 12%, 40%);
|
|
--color-black: hsl(213, 21%, 15%);
|
|
--color-black-light: hsl(223, 20%, 13%);
|
|
--color-gold: hsl(47, 50%, 46.3%);
|
|
--color-white: #ffffff;
|
|
|
|
/* Color: diff */
|
|
--color-diff-added-word-bg: hsl(120, 25.5%, 32%);
|
|
--color-diff-removed-word-bg: hsl(0, 37%, 32%);
|
|
|
|
--color-diff-added-row-bg: hsla(123, 36%, 43%, 0.1);
|
|
--color-diff-added-row-linesnum-bg: hsla(123, 36%, 40%, 0.2);
|
|
--color-diff-added-row-border: hsl(134.4, 20%, 24%);
|
|
--color-diff-removed-row-bg: hsl(0, 20%, 20%);
|
|
--color-diff-removed-row-linesnum-bg: hsl(0, 25%, 23%);
|
|
--color-diff-removed-row-border: hsl(0, 19%, 33%);
|
|
--color-diff-moved-row-bg: hsl(59, 31%, 38.6%);
|
|
--color-diff-moved-row-border: hsl(69.2, 46%, 61%);
|
|
|
|
--color-diff-inactive: hsl(229, 14%, 13%);
|
|
|
|
/* Color: messages and status. */
|
|
--color-error-border: hsl(0, 42%, 44.1%);
|
|
--color-error-bg: hsl(0, 42.9%, 23%);
|
|
--color-error-bg-active: hsl(0, 27.3%, 37%);
|
|
--color-error-bg-hover: hsl(0, 33.3%, 30%);
|
|
--color-error-text: hsl(0, 79.3%, 88.6%);
|
|
--color-success-border: var(--color-success-text);
|
|
--color-success-bg: #0e1512;
|
|
--color-success-text: #3dd68c;
|
|
--color-warning-border: hsl(50, 100%, 37%);
|
|
--color-warning-bg: hsl(60, 9.4%, 20.8%);
|
|
--color-warning-text: hsl(44.7, 96.8%, 50.8%);
|
|
--color-info-border: hsl(210, 50%, 37.6%);
|
|
--color-info-bg: hsl(216.3, 33.3%, 22.4%);
|
|
--color-info-text: hsl(213deg, 89%, 64%);
|
|
|
|
--color-body: #090909;
|
|
|
|
--color-box-header: #121212;
|
|
--color-box-body: #101010;
|
|
--color-box-body-highlight: #111111;
|
|
|
|
--color-text: #b4b4b4;
|
|
--color-text-dark: #191919;
|
|
--color-text-light: #eeeeee;
|
|
--color-text-light-1: #eeeeee;
|
|
--color-text-light-2: #b4b4b4;
|
|
--color-text-light-3: #7b7b7b;
|
|
|
|
/* "color-light" is actually a subtle black in dark themes, to darken an element.
|
|
* against different backgrounds. */
|
|
--color-light: hsla(0, 0%, 0%, 0.2);
|
|
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
|
|
--color-light-border: hsla(0, 0%, 100%, 0.2);
|
|
|
|
--color-hover: hsla(213, 18%, 90%, .05);
|
|
--color-active: hsla(213, 18%, 90%, .1);
|
|
|
|
--color-menu: var(--color-box-body);
|
|
--color-card: transparent;
|
|
|
|
--color-markup-table-row: hsla(0, 0%, 100%, 0);
|
|
--color-markup-code-block: hsla(0, 0%, 100%, 0.1);
|
|
--color-markup-code-inline: hsla(0, 0%, 100%, 0.1);
|
|
|
|
/* --color-code-bg: var(--color-box-body); */
|
|
--color-code-line-bg-hover: hsl(213, 16%, 16%);
|
|
--color-code-sidebar-bg: hsl(213, 15%, 21%);
|
|
|
|
--color-tooltip-text: #fbfdff;
|
|
--color-tooltip-bg: #000017f0;
|
|
|
|
/* Navbar. */
|
|
--color-navbar: var(--color-box-header);
|
|
--color-nav-bg: var(--color-navbar);
|
|
--color-nav-hover-bg: hsla(0, 0%, 10%, .05); /* #191919 */
|
|
--color-header-wrapper: var(--color-navbar);
|
|
--color-navbar-transparent: hsla(213, 10%, 14%, 0);
|
|
--color-header-bar: var(--color-navbar);
|
|
|
|
/* Inputs. */
|
|
--color-input-text: var(--color-text-light);
|
|
--color-input-background: var(--color-box-header);
|
|
--color-input-toggle-background: var(--color-box-header);
|
|
--color-input-border: var(--color-text-dark);
|
|
--color-input-border-hover: var(--color-text-light-3);
|
|
--color-placeholder-text: var(--color-text-light-3);
|
|
|
|
--color-editor-line-highlight: var(--color-primary-light-5);
|
|
--color-project-board-bg: var(--color-secondary-light-2);
|
|
|
|
--color-highlight-fg: #87651e;
|
|
--color-highlight-bg: #352c1c;
|
|
--color-overlay-backdrop: #080808c0;
|
|
|
|
--color-button: #282d3;
|
|
|
|
--color-caret: var(--color-text);
|
|
--color-border: var(--color-secondary-alpha-40);
|
|
|
|
--color-reaction-bg: hsla(0, 0%, 100%, 0.1);
|
|
--color-reaction-active-bg: var(--color-primary-alpha-30);
|
|
|
|
--color-small-accent: var(--color-primary-light-5);
|
|
--color-active-line: hsl(53.6, 50.9%, 22%);
|
|
|
|
/* Labels. e.g. issues count indicator in repo tabs. */
|
|
--color-label-text: var(--color-text-light);
|
|
--color-label-bg: var(--color-secondary-alpha-60);
|
|
--color-label-active-bg: hsl(220, 10.6%, 33.3%);
|
|
|
|
/* Footer. */
|
|
--color-footer: var(--color-nav-bg);
|
|
--color-footer-text: var(--color-text-light-3);
|
|
--color-footer-links: var(--color-text-light-1);
|
|
}
|
|
|
|
:root {
|
|
--icon-check-square-bold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12 22c-4.714 0-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2s7.071 0 8.535 1.464C22 4.93 22 7.286 22 12s0 7.071-1.465 8.535C19.072 22 16.714 22 12 22m4.03-13.03a.75.75 0 0 1 0 1.06l-5 5a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06l1.47 1.47l4.47-4.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
--icon-minus-quare-line-duotone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Cpath d='M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2s7.071 0 8.535 1.464C22 4.93 22 7.286 22 12s0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Z' opacity='.5'/%3E%3Cpath stroke-linecap='round' d='M15 12H9'/%3E%3C/g%3E%3C/svg%3E");
|
|
--icon-stop-circle-bold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10M8.586 8.586C8 9.172 8 10.114 8 12s0 2.828.586 3.414S10.114 16 12 16s2.828 0 3.414-.586S16 13.886 16 12s0-2.828-.586-3.414S13.886 8 12 8s-2.828 0-3.414.586' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
--icon-stop-circle-line-duotone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10' opacity='.5'/%3E%3Cpath d='M8 12c0-1.886 0-2.828.586-3.414S10.114 8 12 8s2.828 0 3.414.586S16 10.114 16 12s0 2.828-.586 3.414S13.886 16 12 16s-2.828 0-3.414-.586S8 13.886 8 12Z'/%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
|
|
/* Custom styling of individual elements.
|
|
* Using !important is bad, but unfortunately gitea does it already in _base.less. */
|
|
|
|
/* Primary button. */
|
|
.ui.primary.button,
|
|
.ui.primary.buttons .button {
|
|
background-color: var(--color-primary-bg) !important;
|
|
border-color: var(--color-primary-text) !important;
|
|
color: var(--color-primary-text) !important;
|
|
}
|
|
|
|
a.ui.primary.label:hover,
|
|
.ui.primary.button:hover,
|
|
.ui.primary.buttons .button:hover {
|
|
background-color: var(--color-primary-hover) !important;
|
|
color: var(--color-primary-contrast) !important;
|
|
}
|
|
|
|
.ui.primary.label {
|
|
background-color: var(--color-primary-bg) !important;
|
|
border-color: var(--color-primary-bg) !important;
|
|
color: var(--color-primary) !important;
|
|
}
|
|
|
|
/* Primary Checkboxes */
|
|
.ui.checkbox input[type="checkbox"] {
|
|
display: none
|
|
}
|
|
.ui.checkbox input[type="checkbox"] + label::before {
|
|
content: "";
|
|
width: 1.4rem;
|
|
height: 1.4rem;
|
|
top: -0.1rem;
|
|
left: -2.1rem;
|
|
-webkit-mask: var(--icon-minus-quare-line-duotone) no-repeat;
|
|
mask: var(--icon-minus-quare-line-duotone) no-repeat;
|
|
-webkit-mask-size: 100% 100%;
|
|
mask-size: 100% 100%;
|
|
background-color: currentColor;
|
|
color: var(--color-primary-text);
|
|
position: absolute;
|
|
}
|
|
|
|
.ui.checkbox input[type="checkbox"]:checked + label::before {
|
|
-webkit-mask: var(--icon-check-square-bold) no-repeat;
|
|
mask: var(--icon-check-square-bold) no-repeat;
|
|
}
|
|
|
|
.ui.radio input[type="radio"] {
|
|
display: none
|
|
}
|
|
.ui.radio input[type="radio"] + label::before {
|
|
content: "";
|
|
width: 1.4rem;
|
|
height: 1.4rem;
|
|
top: -0.1rem;
|
|
left: -2.1rem;
|
|
-webkit-mask: var(--icon-stop-circle-line-duotone) no-repeat;
|
|
mask: var(--icon-stop-circle-line-duotone) no-repeat;
|
|
-webkit-mask-size: 100% 100%;
|
|
mask-size: 100% 100%;
|
|
background-color: currentColor;
|
|
color: var(--color-primary-text);
|
|
position: absolute;
|
|
}
|
|
|
|
.ui.radio input[type="radio"]:checked + label::before {
|
|
-webkit-mask: var(--icon-stop-circle-bold) no-repeat;
|
|
mask: var(--icon-stop-circle-bold) no-repeat;
|
|
}
|
|
|
|
|
|
.markup input[type="checkbox"] {
|
|
width: 1.1rem;
|
|
height: 1.1rem;
|
|
-webkit-mask: var(--icon-minus-quare-line-duotone) no-repeat;
|
|
mask: var(--icon-minus-quare-line-duotone) no-repeat;
|
|
-webkit-mask-size: 100% 100%;
|
|
mask-size: 100% 100%;
|
|
background-color: currentColor;
|
|
color: var(--color-primary-text);
|
|
position: absolute;
|
|
margin-top: 0.25rem !important;
|
|
}
|
|
|
|
.markup input[type="checkbox"]:checked {
|
|
-webkit-mask: var(--icon-check-square-bold) no-repeat;
|
|
mask: var(--icon-check-square-bold) no-repeat;
|
|
}
|
|
|
|
/* Tabs */
|
|
.ui.secondary.pointing.menu .active.item,
|
|
.ui.secondary.pointing.menu .active.item:hover,
|
|
.ui.secondary.pointing.menu .active.item:focus,
|
|
.ui.secondary.pointing.menu .dropdown.item:hover,
|
|
.ui.secondary.pointing.menu .dropdown.item:focus {
|
|
color: var(--color-primary-text);
|
|
}
|
|
|
|
/* (from arc-green)
|
|
* invert emojis that are hard to read otherwise */
|
|
.emoji[aria-label="check mark"],
|
|
.emoji[aria-label="currency exchange"],
|
|
.emoji[aria-label="TOP arrow"],
|
|
.emoji[aria-label="END arrow"],
|
|
.emoji[aria-label="ON! arrow"],
|
|
.emoji[aria-label="SOON arrow"],
|
|
.emoji[aria-label="heavy dollar sign"],
|
|
.emoji[aria-label="copyright"],
|
|
.emoji[aria-label="registered"],
|
|
.emoji[aria-label="trade mark"],
|
|
.emoji[aria-label="multiply"],
|
|
.emoji[aria-label="plus"],
|
|
.emoji[aria-label="minus"],
|
|
.emoji[aria-label="divide"],
|
|
.emoji[aria-label="curly loop"],
|
|
.emoji[aria-label="double curly loop"],
|
|
.emoji[aria-label="wavy dash"],
|
|
.emoji[aria-label="paw prints"],
|
|
.emoji[aria-label="musical note"],
|
|
.emoji[aria-label="musical notes"] {
|
|
filter: invert(100%) hue-rotate(180deg);
|
|
}
|
|
|
|
/* Code syntax highlighting. */
|
|
::selection {
|
|
background: var(--color-dark-3) !important;
|
|
color: var(--color-light-1) !important;
|
|
}
|
|
|
|
.tag-code .code-inner {
|
|
opacity: .5;
|
|
}
|
|
|
|
.same-code .lines-num.lines-num-old,
|
|
.same-code .lines-num.lines-num-new {
|
|
color: var(--color-text-light-3) !important;
|
|
}
|
|
|
|
.add-code .lines-num.lines-num-old,
|
|
.add-code .lines-num.lines-num-new {
|
|
background-color: var(--color-diff-added-row-linesnum-bg);
|
|
color: var(--color-text-dark-2) !important;
|
|
}
|
|
|
|
.del-code .lines-num.lines-num-old,
|
|
.diff-unified .del-code .lines-num.lines-num-old,
|
|
.del-code .lines-num.lines-num-new {
|
|
background-color: var(--color-diff-removed-row-linesnum-bg);
|
|
color: var(--color-text-dark-2) !important;
|
|
}
|
|
|
|
.repository .diff-file-box .file-body.file-code table tbody tr.add-code:hover .lines-num,
|
|
.repository .diff-file-box .file-body.file-code table tbody tr.del-code:hover .lines-num,
|
|
.repository .diff-file-box .file-body.file-code table tbody tr.same-code:hover .lines-num,
|
|
.repository .diff-file-box .file-body.file-code table tbody .diff-unified tr:hover .del-code .lines-num {
|
|
color: var(--color-text-dark) !important;
|
|
}
|
|
|
|
.repository .diff-file-box .file-body.file-code table tbody tr.same-code:hover .lines-num {
|
|
color: var(--color-text-dark-2) !important;
|
|
}
|
|
|
|
.repository .diff-file-box .file-body.file-code table tbody tr.same-code:hover .lines-code,
|
|
.repository .diff-file-box .file-body.file-code table tbody tr.same-code:hover .lines-num,
|
|
.repository .diff-file-box .file-body.file-code table tbody tr.same-code:hover .lines-type-marker {
|
|
background-color: var(--color-code-line-bg-hover) !important;
|
|
}
|
|
|
|
/* From web_src/less/themes/chroma/dark.less */
|
|
:root {
|
|
--color-syntax-NameBuiltinPseudo: #fabd2f;
|
|
--color-syntax-Comment: #777e94;
|
|
--color-syntax-CommentSingle: #777e94;
|
|
--color-syntax-CommentHashbang: #777e94;
|
|
--color-syntax-CommentMultiline: #777e94;
|
|
--color-syntax-CommentPreproc: #8ec07c;
|
|
--color-syntax-CommentPreprocFile: #649bc4;
|
|
--color-syntax-CommentSpecial: #9075cd;
|
|
--color-syntax-LiteralStringDelimiter: #649bc4;
|
|
|
|
--color-syntax-GenericDeleted-text: #fff;
|
|
--color-syntax-GenericDeleted-bg: #5f3737;
|
|
--color-syntax-GenericEmph: #ddee30;
|
|
--color-syntax-GenericHeading: #ffaa10;
|
|
--color-syntax-GenericInserted-text: #fff;
|
|
--color-syntax-GenericInserted-bg: #3a523a;
|
|
--color-syntax-GenericOutput: #777e94;
|
|
--color-syntax-GenericPrompt: #ebdbb2;
|
|
--color-syntax-GenericError: #ff4433;
|
|
--color-syntax-GenericStrong: #ebdbb2;
|
|
--color-syntax-GenericTraceback: #ff7540;
|
|
--color-syntax-GenericSubheading: #b8bb26;
|
|
--color-syntax-LineHighlight: #3f424d;
|
|
--color-syntax-LiteralNumberIntegerLong: #649bc4;
|
|
--color-syntax-Keyword: #f47067;
|
|
--color-syntax-KeywordConstant: #649bc4;
|
|
--color-syntax-KeywordDeclaration: #ff7540;
|
|
--color-syntax-KeywordNamespace: #ffaa10;
|
|
--color-syntax-KeywordPseudo: #5f8700;
|
|
--color-syntax-KeywordReserved: #ff7540;
|
|
--color-syntax-KeywordType: #fabd2f;
|
|
--color-syntax-LineNumbers: #7f8699;
|
|
--color-syntax-LineNumbersTable: #7f8699;
|
|
--color-syntax-LiteralNumber: #649bc4;
|
|
--color-syntax-LiteralNumberBin: #649bc4;
|
|
--color-syntax-LiteralNumberFloat: #649bc4;
|
|
--color-syntax-LiteralNumberHex: #649bc4;
|
|
--color-syntax-LiteralNumberInteger: #649bc4;
|
|
--color-syntax-LiteralNumberOct: #649bc4;
|
|
--color-syntax-Name: #adbac7;
|
|
--color-syntax-NameAttribute: #b8bb26;
|
|
--color-syntax-NameBuiltin: #fabd2f;
|
|
--color-syntax-NameClass: #f69d50;
|
|
--color-syntax-NameDecorator: #dcbdfb;
|
|
--color-syntax-NameException: #ff7540;
|
|
--color-syntax-NameFunction: #dcbdfb;
|
|
--color-syntax-NameEntity: #fabd2f;
|
|
--color-syntax-NameLabel: #ff7540;
|
|
--color-syntax-NameNamespace: #ffaa10;
|
|
--color-syntax-NameConstant: #649bc4;
|
|
--color-syntax-NameTag: #ff7540;
|
|
--color-syntax-NameVariable: #ebdbb2;
|
|
--color-syntax-NameOther: #b6bac5;
|
|
--color-syntax-Operator: #6cb6ff;
|
|
--color-syntax-OperatorWord: #6cb6ff;
|
|
--color-syntax-Punctuation: #d2d4db;
|
|
--color-syntax-LiteralString: #b8bb26;
|
|
--color-syntax-LiteralStringSingle: #96d0ff;
|
|
--color-syntax-LiteralStringDouble: #96d0ff;
|
|
--color-syntax-LiteralStringAffix: #649bc4;
|
|
--color-syntax-LiteralStringBacktick: #b8bb26;
|
|
--color-syntax-LiteralStringChar: #649bc4;
|
|
--color-syntax-LiteralStringDoc: #777e94;
|
|
--color-syntax-LiteralStringEscape: #ff7540;
|
|
--color-syntax-LiteralStringHeredoc: #649bc4;
|
|
--color-syntax-LiteralStringInterpol: #ffaa10;
|
|
--color-syntax-LiteralStringRegex: #9075cd;
|
|
--color-syntax-LiteralStringSymbol: #ff7540;
|
|
--color-syntax-LiteralStringOther: #ffaa10;
|
|
--color-syntax-NameVariableClass: #ff7540;
|
|
--color-syntax-NameVariableGlobal: #ffaa10;
|
|
--color-syntax-NameVariableInstance: #ffaa10;
|
|
--color-syntax-TextWhitespace: #7f8699;
|
|
}
|
|
|
|
.chroma .bp { color: var(--color-syntax-NameBuiltinPseudo) } /* NameBuiltinPseudo */
|
|
.chroma .c { color: var(--color-syntax-Comment) } /* Comment */
|
|
.chroma .c1 { color: var(--color-syntax-CommentSingle) } /* CommentSingle */
|
|
.chroma .ch { color: var(--color-syntax-CommentHashbang) } /* CommentHashbang */
|
|
.chroma .cm { color: var(--color-syntax-CommentMultiline) } /* CommentMultiline */
|
|
.chroma .cp { color: var(--color-syntax-CommentPreproc) } /* CommentPreproc */
|
|
.chroma .cpf { color: var(--color-syntax-CommentPreprocFile) } /* CommentPreprocFile */
|
|
.chroma .cs { color: var(--color-syntax-CommentSpecial) } /* CommentSpecial */
|
|
.chroma .dl { color: var(--color-syntax-LiteralStringDelimiter) } /* LiteralStringDelimiter */
|
|
.chroma .gd { color: var(--color-syntax-GenericDeleted-text); background-color: var(--color-syntax-GenericDeleted-bg); } /* GenericDeleted */
|
|
.chroma .ge { color: var(--color-syntax-GenericEmph); } /* GenericEmph */
|
|
.chroma .gh { color: var(--color-syntax-GenericHeading); } /* GenericHeading */
|
|
.chroma .gi { color: var(--color-syntax-GenericInserted-text); background-color: var(--color-syntax-GenericInserted-bg); } /* GenericInserted */
|
|
.chroma .go { color: var(--color-syntax-GenericOutput); } /* GenericOutput */
|
|
.chroma .gp { color: var(--color-syntax-GenericPrompt); } /* GenericPrompt */
|
|
.chroma .gr { color: var(--color-syntax-GenericError); } /* GenericError */
|
|
.chroma .gs { color: var(--color-syntax-GenericStrong); } /* GenericStrong */
|
|
.chroma .gt { color: var(--color-syntax-GenericTraceback); } /* GenericTraceback */
|
|
.chroma .gu { color: var(--color-syntax-GenericSubheading); } /* GenericSubheading */
|
|
.chroma .hl { background-color: var(--color-syntax-LineHighlight); } /* LineHighlight */
|
|
.chroma .il { color: var(--color-syntax-LiteralNumberIntegerLong); } /* LiteralNumberIntegerLong */
|
|
.chroma .k { color: var(--color-syntax-Keyword); } /* Keyword */
|
|
.chroma .kc { color: var(--color-syntax-KeywordConstant); } /* KeywordConstant */
|
|
.chroma .kd { color: var(--color-syntax-KeywordDeclaration); } /* KeywordDeclaration */
|
|
.chroma .kn { color: var(--color-syntax-KeywordNamespace); } /* KeywordNamespace */
|
|
.chroma .kp { color: var(--color-syntax-KeywordPseudo); } /* KeywordPseudo */
|
|
.chroma .kr { color: var(--color-syntax-KeywordReserved); } /* KeywordReserved */
|
|
.chroma .kt { color: var(--color-syntax-KeywordType); } /* KeywordType */
|
|
.chroma .ln { color: var(--color-syntax-LineNumbers); } /* LineNumbers */
|
|
.chroma .lnt { color: var(--color-syntax-LineNumbersTable); } /* LineNumbersTable */
|
|
.chroma .m { color: var(--color-syntax-LiteralNumber); } /* LiteralNumber */
|
|
.chroma .mb { color: var(--color-syntax-LiteralNumberBin); } /* LiteralNumberBin */
|
|
.chroma .mf { color: var(--color-syntax-LiteralNumberFloat); } /* LiteralNumberFloat */
|
|
.chroma .mh { color: var(--color-syntax-LiteralNumberHex); } /* LiteralNumberHex */
|
|
.chroma .mi { color: var(--color-syntax-LiteralNumberInteger); } /* LiteralNumberInteger */
|
|
.chroma .mo { color: var(--color-syntax-LiteralNumberOct); } /* LiteralNumberOct */
|
|
.chroma .n { color: var(--color-syntax-Name); } /* Name */
|
|
.chroma .na { color: var(--color-syntax-NameAttribute); } /* NameAttribute */
|
|
.chroma .nb { color: var(--color-syntax-NameBuiltin); } /* NameBuiltin */
|
|
.chroma .nc { color: var(--color-syntax-NameClass); } /* NameClass */
|
|
.chroma .nd { color: var(--color-syntax-NameDecorator); } /* NameDecorator */
|
|
.chroma .ne { color: var(--color-syntax-NameException); } /* NameException */
|
|
.chroma .nf { color: var(--color-syntax-NameFunction); } /* NameFunction */
|
|
.chroma .ni { color: var(--color-syntax-NameEntity); } /* NameEntity */
|
|
.chroma .nl { color: var(--color-syntax-NameLabel); } /* NameLabel */
|
|
.chroma .nn { color: var(--color-syntax-NameNamespace); } /* NameNamespace */
|
|
.chroma .no { color: var(--color-syntax-NameConstant); } /* NameConstant */
|
|
.chroma .nt { color: var(--color-syntax-NameTag); } /* NameTag */
|
|
.chroma .nv { color: var(--color-syntax-NameVariable); } /* NameVariable */
|
|
.chroma .nx { color: var(--color-syntax-NameOther); } /* NameOther */
|
|
.chroma .o { color: var(--color-syntax-Operator); } /* Operator */
|
|
.chroma .ow { color: var(--color-syntax-OperatorWord); } /* OperatorWord */
|
|
.chroma .p { color: var(--color-syntax-Punctuation); } /* Punctuation */
|
|
.chroma .s { color: var(--color-syntax-LiteralString); } /* LiteralString */
|
|
.chroma .s1 { color: var(--color-syntax-LiteralStringSingle); } /* LiteralStringSingle */
|
|
.chroma .s2 { color: var(--color-syntax-LiteralStringDouble); } /* LiteralStringDouble */
|
|
.chroma .sa { color: var(--color-syntax-LiteralStringAffix); } /* LiteralStringAffix */
|
|
.chroma .sb { color: var(--color-syntax-LiteralStringBacktick); } /* LiteralStringBacktick */
|
|
.chroma .sc { color: var(--color-syntax-LiteralStringChar); } /* LiteralStringChar */
|
|
.chroma .sd { color: var(--color-syntax-LiteralStringDoc); } /* LiteralStringDoc */
|
|
.chroma .se { color: var(--color-syntax-LiteralStringEscape); } /* LiteralStringEscape */
|
|
.chroma .sh { color: var(--color-syntax-LiteralStringHeredoc); } /* LiteralStringHeredoc */
|
|
.chroma .si { color: var(--color-syntax-LiteralStringInterpol); } /* LiteralStringInterpol */
|
|
.chroma .sr { color: var(--color-syntax-LiteralStringRegex); } /* LiteralStringRegex */
|
|
.chroma .ss { color: var(--color-syntax-LiteralStringSymbol); } /* LiteralStringSymbol */
|
|
.chroma .sx { color: var(--color-syntax-LiteralStringOther); } /* LiteralStringOther */
|
|
.chroma .vc { color: var(--color-syntax-NameVariableClass); } /* NameVariableClass */
|
|
.chroma .vg { color: var(--color-syntax-NameVariableGlobal); } /* NameVariableGlobal */
|
|
.chroma .vi { color: var(--color-syntax-NameVariableInstance); } /* NameVariableInstance */
|
|
.chroma .w { color: var(--color-syntax-TextWhitespace); } /* TextWhitespace */
|
|
|
|
/* From web_src/less/codemirror/dark.less */
|
|
.CodeMirror.cm-s-default .cm-property, .CodeMirror.cm-s-paper .cm-property {
|
|
color: #a0cc75;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-header, .CodeMirror.cm-s-paper .cm-header {
|
|
color: #9daccc;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-quote, .CodeMirror.cm-s-paper .cm-quote {
|
|
color: #009900;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-keyword, .CodeMirror.cm-s-paper .cm-keyword {
|
|
color: #cc8a61;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-atom, .CodeMirror.cm-s-paper .cm-atom {
|
|
color: #ef5e77;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-number, .CodeMirror.cm-s-paper .cm-number {
|
|
color: #ff5656;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-def, .CodeMirror.cm-s-paper .cm-def {
|
|
color: #e4e4e4;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-variable-2, .CodeMirror.cm-s-paper .cm-variable-2 {
|
|
color: #00bdbf;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-variable-3, .CodeMirror.cm-s-paper .cm-variable-3 {
|
|
color: #008855;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-comment, .CodeMirror.cm-s-paper .cm-comment {
|
|
color: #8e9ab3;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-string, .CodeMirror.cm-s-paper .cm-string {
|
|
color: #a77272;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-string-2, .CodeMirror.cm-s-paper .cm-string-2 {
|
|
color: #ff5500;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-meta, .CodeMirror.cm-s-default .cm-qualifier, .CodeMirror.cm-s-paper .cm-meta, .CodeMirror.cm-s-paper .cm-qualifier {
|
|
color: #ffb176;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-builtin, .CodeMirror.cm-s-paper .cm-builtin {
|
|
color: #b7c951;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-bracket, .CodeMirror.cm-s-paper .cm-bracket {
|
|
color: #999977;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-tag, .CodeMirror.cm-s-paper .cm-tag {
|
|
color: #f1d273;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-attribute, .CodeMirror.cm-s-paper .cm-attribute {
|
|
color: #bfcc70;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-hr, .CodeMirror.cm-s-paper .cm-hr {
|
|
color: #999999;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-url, .CodeMirror.cm-s-paper .cm-url {
|
|
color: #c5cfd0;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-link, .CodeMirror.cm-s-paper .cm-link {
|
|
color: #d8c792;
|
|
}
|
|
.CodeMirror.cm-s-default .cm-error, .CodeMirror.cm-s-paper .cm-error {
|
|
color: #dbdbeb;
|
|
}
|