0
Fork 0
mirror of https://projects.blender.org/infrastructure/gitea-custom.git synced 2024-12-23 07:43:55 -05:00
blender-projects-gitea-custom/public/css/theme-bthree-dark.css
Pablo Vazquez 04542a3890 Navbar: Hide Gitea's help link in navbar
I couldn't find another way of doing it through the config
https://docs.gitea.io/en-us/config-cheat-sheet/#ui-ui
2023-02-02 18:09:15 +01:00

798 lines
27 KiB
CSS

/* Temporarily hide login and sign up links.
* Remove this once projects.blender.org goes public. */
#navbar .right.stackable.menu a[href^="/user/sign_up"],
#navbar .right.stackable.menu a[href^="/user/login"] {
display: none;
}
/* bthree dark theme */
@font-face {
font-family: "Heebo";
src: url("../fonts/Heebo-VariableFont_wght.ttf") format("truetype-variations");
font-weight: normal;
font-variation-settings: "wght" var(--font-weight);
font-style: normal
}
:root {
/* Override fonts. */
--fonts-override: 'Heebo', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-weight-thin: 300;
--font-weight-bold: 600;
--is-dark-theme: true;
/* Spacing. */
--spacer: 1rem;
--spacer-1: .25rem;
--spacer-2: .5rem;
--spacer-3: var(--spacer);
--spacer-4: 1.5rem;
--spacer-5: 3rem;
/* Borders. */
--border-radius: .33rem;
--border-radius-outer: .28571429rem;
/* Transitions. */
--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-bg: hsla(204deg, 100%, 36%, .2);
--color-primary-contrast: hsl(0, 0%, 100%);
--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: #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: #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%);
--color-secondary-dark-1: hsl(213, 12%, 35.5%);
--color-secondary-dark-2: hsl(213, 12%, 40%);
--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: #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%);
--color-secondary-dark-10: hsl(213, 11%, 84.1%);
--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);
--color-secondary-alpha-40: hsla(213, 12%, 30.6%, 0.4);
--color-secondary-alpha-50: hsla(213, 12%, 30.6%, 0.5);
--color-secondary-alpha-60: hsla(213, 12%, 30.6%, 0.6);
--color-secondary-alpha-70: hsla(213, 12%, 30.6%, 0.7);
--color-secondary-alpha-80: hsla(213, 12%, 30.6%, 0.8);
--color-secondary-alpha-90: hsla(213, 12%, 30.6%, 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-orange: hsl(23.8, 88.9%, 42.4%);
--color-orange-light: hsl(23.6, 88.7%, 38.2%);
--color-yellow: hsl(44.8, 97.1%, 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.1, 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-violet: hsl(259.2, 66.5%, 64.9%);
--color-violet-light: hsl(259.1, 66.2%, 58.2%);
--color-purple: hsl(284.9, 55.9%, 58.2%);
--color-purple-light: hsl(284.9, 55.6%, 52.4%);
--color-pink: hsl(326, 64.6%, 50.2%);
--color-pink-light: hsl(326.2, 64.5%, 45.3%);
--color-brown: hsl(23.4, 33.3%, 48.2%);
--color-brown-light: hsl(23.5, 33.3%, 43.5%);
--color-grey: hsl(220, 6.6%, 64.3%);
--color-grey-light: hsl(222.9, 6.5%, 58%);
--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%);
--color-diff-removed-word-bg: hsl(0, 37%, 31.8%);
--color-diff-added-row-bg: hsla(123, 36%, 43%, 0.1);
--color-diff-added-row-linesnum-bg: hsla(123, 36%, 43%, 0.3);
--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, 30%, 30%);
--color-diff-removed-row-border: hsl(0, 19%, 32.5%);
--color-diff-moved-row-bg: hsl(59, 31%, 38.6%);
--color-diff-moved-row-border: hsl(69.2, 46%, 61.4%);
--color-diff-inactive: hsl(229.4, 13.8%, 24%);
/* 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: hsl(136, 33.3%, 40.6%);
--color-success-bg: hsl(150, 23%, 20%);
--color-success-text: hsl(116, 46%, 58.4%);
--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(201.8, 79.3%, 56.5%);
--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: #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%);
--color-text-light-2: hsl(224, 6.8%, 57.1%);
--color-text-light-3: hsl(224.3, 9.3%, 48.4%);
/* "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: hsl(213, 12%, 21%);
--color-card: hsl(213, 12%, 21%);
--color-markup-table-row: hsla(0, 0%, 100%, 0);
--color-markup-code-block: hsla(0, 0%, 100%, 0.1);
--color-code-bg: #1e2329;
--color-code-line-bg-hover: hsl(213, 16%, 16%);
--color-code-sidebar-bg: hsl(213, 15%, 21%);
--color-timeline: hsl(220, 10%, 33%);
/* Navbar. */
--color-navbar: hsl(213, 10%, 18%);
--color-navbar-transparent: hsla(213, 10%, 14%, 0);
--color-header-bar: hsl(213, 10%, 18%);
/* Buttons. */
--color-button: hsl(213, 14%, 24%);
--color-expand-button: hsl(213.9, 12.4%, 26.9%);
--color-button-basic-border: hsl(213, 14%, 30%);
--color-button-basic-bg: hsl(213, 14%, 22%);
--color-button-basic-bg: var(--color-light);
--color-button-basic-text: var(--color-text);
/* Inputs. */
--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);
--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-40);
--color-small-accent: var(--color-primary-light-5);
--color-active-line: hsl(53.6, 50.9%, 21.6%);
/* Labels. e.g. issues count indicator in repo tabs. */
--color-label-primary-bg: var(--color-secondary);
--color-label-active-bg: hsl(220, 10.6%, 33.3%);
/* Footer. */
--color-footer: hsl(213, 14.8%, 21%);
--color-footer-text: var(--color-text-light-3);
--color-footer-links: var(--color-text-light-1);
}
/* Strong/bold elements. */
strong, b, h1, h2, h3, h4, h5, h6,
.issue.list>.item .issue-item-top-row {
font-weight: normal !important;
font-variation-settings: "wght" var(--font-weight-bold);
}
.repository.view.issue .title .issue-title h1 {
font-variation-settings: "wght" var(--font-weight-thin);
}
/* Custom styling of individual elements.
* Using !important is bad, but unfortunately gitea does it already in _base.less. */
/* Buttons. */
.ui.basic.button {
color: var(--color-button-basic-text);
background: var(--color-button-basic-bg);
border-color: var(--color-button-basic-border);
}
.ui.primary.button,
.ui.primary.buttons .button {
background-color: var(--color-primary-bg) !important;
border-color: var(--color-primary-bg) !important;
color: var(--color-primary) !important;
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
background-color: var(--color-primary) !important;
color: var(--color-primary-contrast) !important;
}
/* Small buttons
* e.g. HTTP/SSH clone buttons in repo homepage. */
.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
box-shadow: none !important;
}
.ui.menu,
.ui.vertical.menu {
border-color: var(--color-secondary-alpha-30) !important;
}
/* Vertical menu.
* Used in: /issues */
.ui.vertical.menu {
padding: var(--spacer-1);
border-radius: var(--border-radius);
}
/* Vertical menu: active item.
* Gitea adds a "primary" class to what would be the active item. */
.ui.vertical.menu > .item.primary {
background-color: var(--color-active) !important;
box-shadow: none !important;
}
/* Dropdown menus.
* e.g. user menu. */
.ui.dropdown .menu {
border-radius: var(--border-radius) !important;
box-shadow: var(--box-shadow-dropdown-menu) !important;
}
/* Replace gitea's hardcoded border-radius with variables. */
.ui.compact.menu {
border-radius: var(--border-radius-outer);
}
.ui.compact.menu>.item:first-child {
border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.ui.compact.menu>.item:last-child {
border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.ui.menu.new-menu {
border-color: var(--color-secondary-alpha-50) !important;
}
/* Navigation tabs.
* e.g. Code, Issues pages in a repository. */
.ui.tabular.menu .item {
border: none;
border-bottom: 3px solid transparent;
border-radius: 0;
transition: border-bottom-color var(--transition-speed) ease-in-out, color var(--transition-speed) ease-in-out;
}
.ui.tabular.menu .item:hover {
border-bottom-color: var(--color-text-light-3);
}
.ui.tabular.menu .active.item {
background: transparent;
border: none;
border-bottom: 3px solid currentColor;
margin-bottom: unset;
}
.ui.tabular.menu .active.item:hover {
background: transparent;
border-color: currentColor;
color: var(--color-primary-contrast);
}
.ui.tabular.menu {
border-color: var(--color-border);
}
/* Labels. e.g. issues count indicator in repo tabs. */
.ui.small.label {
background-color: var(--color-label-primary-bg) !important;
border-radius: 999em;
}
/* Top navigation bar.
* e.g. Issues, Pull Requests, etc. */
.ui.menu.bar {
border-color: var(--color-border);
}
/* Hide Gitea's Help link in navbar. */
.ui.menu.bar a[href="https://docs.gitea.io"] {
display: none;
}
.following.bar #navbar {
min-height: 45px;
}
/* The Blender logo is already in the top-most bar. */
.following.bar #navbar .brand {
display: none;
}
/* Navbar logo. */
.item.brand a {
opacity: .8;
transition: opacity var(--transition-speed) ease-in-out;
}
.item.brand a:hover {
opacity: 1;
}
.item.brand svg {
height: 21px;
color: #fff;
}
.ui.breadcrumb a {
color: var(--color-text);
}
/* Repository page. */
.repository .repo-title .repo-icon svg {
max-width: 22px;
}
.repository .ui.table a {
color: var(--color-text);
}
.repository .ui.tabs.divider {
border: none;
}
/* Repository folder icon. */
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill {
color: currentColor;
}
.ui.repo-topic.label {
border-radius: 999em;
}
/* Repository stats. */
.repository-summary-language-stats {
height: unset;
}
.repository .repository-summary .segment.language-stats {
height: 4px;
}
/* Repository: Activity page. */
.stats-table {
border-radius: 999em;
margin-bottom: var(--spacer);
overflow: hidden;
}
.issue.list>.item+.item {
border-color: var(--color-border);
}
/* Divider. */
.ui.divider:not(.vertical, .horizontal) {
border-top-color: var(--color-border) !important;
}
/* Footer. */
footer {
color: var(--color-footer-text);
}
footer a {
color: var(--color-footer-links);
}
/* Cards. */
.ui.card {
border-radius: var(--border-radius);
border: none;
}
.ui.card .content {
border: none;
}
.ui.card .content a {
color: var(--color-primary-contrast);
}
.ui.cards>.card>.content>a.header,
.ui.card>.content>a.header {
color: var(--color-text-dark);
}
.ui.cards>.card .meta,
.ui.card .meta {
color: var(--color-text-dark-2);
}
.ui.card.card-with-icon {
display: flex;
flex-direction: row;
}
.ui.card.card-with-icon .icon svg {
margin: 10px 0 0 15px;
width: 50px;
opacity: .7;
}
/* Users/Organizations list. */
/* Fix alignment issue since */
.ui.user.list img.avatar,
.ui.user.list img.avatar+.content {
display: inline-block;
}
.ui.user.list img.avatar {
position: relative;
top: 3px;
vertical-align: initial !important;
}
.ui.user.list .content {
margin-left: var(--spacer-2);
width: auto;
}
.ui.user.list .content .description .svg {
margin-right: var(--spacer-1);
position: relative;
top: 2px;
}
/* Homepage. */
.home a {
color: var(--color-accent);
}
/* (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. */
.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: #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;
}