/* Earl Grey theme for Gitea Version: 1.0.41 Repository: https://github.com/Troplo/earl-grey License: MIT (https://github.com/Troplo/earl-grey/blob/master/LICENSE) / Copyright (c) 2024 Troplo & Pinnoto */ .chroma .hl { background-color: #3f424d; } .chroma .ln, .chroma .lnt { color: #7f7f7f; } .chroma .k { color: #f63; } .chroma .kc { color: #fa1; } .chroma .kd { color: #9daccc; } .chroma .kn { color: #fa1; } .chroma .kp { color: #5f8700; } .chroma .kr { color: #f63; } .chroma .kt { color: #9daccc; } .chroma .na { color: #8a8a8a; } .chroma .bp, .chroma .nb { color: #9daccc; } .chroma .nc, .chroma .no { color: #fa1; } .chroma .nd { color: #9daccc; } .chroma .ni { color: #fa1; } .chroma .ne { color: #af8700; } .chroma .nf { color: #9daccc; } .chroma .nl, .chroma .nn { color: #fa1; } .chroma .nt, .chroma .nv, .chroma .nx { color: #9daccc; } .chroma .vc { color: #f81; } .chroma .vg, .chroma .vi { color: #fa1; } .chroma .s, .chroma .sa { color: #1af; } .chroma .sb { color: #40aaff; } .chroma .dl, .chroma .sc { color: #1af; } .chroma .sd { color: #6a737d; } .chroma .s2 { color: #40aaff; } .chroma .se { color: #f63; } .chroma .sh { color: #1af; } .chroma .si, .chroma .sx { color: #fa1; } .chroma .sr { color: #97c; } .chroma .s1 { color: #40aaff; } .chroma .ss { color: #fa1; } .chroma .il, .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo { color: #1af; } .chroma .o { color: #f63; } .chroma .ow { color: #5f8700; } .chroma .c, .chroma .c1, .chroma .ch, .chroma .cm { color: #6a737d; } .chroma .cs { color: #637d; } .chroma .cp, .chroma .cpf { color: #fc6; } .chroma .gd { color: #fff; background-color: #5f3737; } .chroma .ge { color: #ef5; } .chroma .gr { color: #f33; } .chroma .gh { color: #fa1; } .chroma .gi { color: #fff; background-color: #3a523a; } .chroma .go { color: #888888; } .chroma .gp { color: #555555; } .chroma .gu { color: #9daccc; } .chroma .gt { color: #f63; } .chroma .w { color: #bbbbbb; } :root { --color-secondary-nav-bg: var(--color-header-wrapper); --color-label-bg: var(--color-light-border); --color-label-bg-alt: var(--color-light-border); --color-overlay-backdrop: #080808c0; --color-primary-contrast: black; --color-header-wrapper: #24262b; --color-nav-bg: #1d1f23; --color-primary: #5993e6; --color-primary-dark-1: #739cb3; --color-primary-dark-2: #40aaff; --color-primary-dark-3: #92b4c4; --color-primary-dark-4: #a1bbcd; --color-primary-dark-5: #cfddc1; --color-primary-dark-6: #e7eee0; --color-primary-dark-7: #f8faf6; --color-primary-light-1: #3d84e7; --color-primary-light-2: #437aad; --color-primary-light-3: #415b8b; --color-primary-light-4: #25425a; --color-primary-light-5: #223546; --color-primary-light-6: #131923; --color-primary-light-7: #06090b; --color-primary-alpha-10: #3683c019; --color-primary-alpha-20: #3683c033; --color-primary-alpha-30: #3683c04b; --color-primary-alpha-40: #3683c066; --color-primary-alpha-50: #3683c080; --color-primary-alpha-60: #3683c099; --color-primary-alpha-70: #3683c0b3; --color-primary-alpha-80: #3683c0cc; --color-primary-alpha-90: #3683c0e1; --color-secondary: #2c2f35; --color-secondary-dark-1: #505665; --color-secondary-dark-2: #5b6273; --color-secondary-dark-3: #71798e; --color-secondary-dark-4: #7f8699; --color-secondary-dark-5: #8c93a4; --color-secondary-dark-6: #9aa0af; --color-secondary-dark-7: #a8adba; --color-secondary-dark-7: #b6bac5; --color-secondary-dark-8: #c4c7d0; --color-secondary-dark-8: #d2d4db; --color-secondary-dark-9: #dfe1e6; --color-secondary-dark-10: #edeef1; --color-secondary-dark-11: #fbfbfc; --color-secondary-light-1: #373b46; --color-secondary-light-2: #292c34; --color-secondary-light-3: #1c1e23; --color-secondary-light-4: #0e0f11; --color-secondary-alpha-10: #2c2f35; --color-secondary-alpha-20: #2c2f3533; --color-secondary-alpha-30: #2c2f354b; --color-secondary-alpha-40: #2c2f3566; --color-secondary-alpha-50: #2c2f3580; --color-secondary-alpha-60: #2c2f3599; --color-secondary-alpha-70: #2c2f35b3; --color-secondary-alpha-80: #2c2f35cc; --color-secondary-alpha-90: #2c2f35e1; --color-red: #da3737; --color-orange: #f17a2b; --color-yellow: #f3c640; --color-olive: #c8df36; --color-green: #3bc75b; --color-teal: #69d4cf; --color-blue: #2d9ff7; --color-violet: #754ad3; --color-purple: #b65dd4; --color-pink: #e04b9f; --color-brown: #a86d45; --color-grey: #797c85; --color-black: #141516; --color-gold: #d4b74c; --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: #1d1f23; --color-body: #1d1f23; /* main body color */ --color-box-header: #1d1f23; --color-box-body: #1d1f23; --color-text-dark: #dbe0ea; --color-text: #bbc0ca; --color-text-light: #a6aab5; --color-text-light-1: #a6aab5; --color-text-light-2: #8a8e99; --color-text-light-3: #707687; --color-footer: #1d1f23; --color-timeline: #4c525e; --color-input-text: #d5dbe6; --color-input-background: #2c2f35; --color-input-border: #2c2f35; --color-input-border-hover: #505667; --color-navbar: #24262b; --color-light: #00000028; --color-light-border: #ffffff28; --color-hover: #ffffff10; --color-active: #ffffff16; --color-menu: #1d1f23; --color-card: #1d1f23; --color-markdown-table-row: #ffffff06; --color-markdown-code-block: #2c2f35; --color-button: #1d1f23; --color-code-bg: #1d1f23; --color-shadow: #00000060; --color-secondary-bg: #2c2f35; --color-text-focus: #fff; --color-expand-button: #2c2f35; --color-placeholder-text: #6a737d; --color-editor-line-highlight: var(--color-primary-light-5); --color-project-board-bg: var(--color-secondary-light-2); --color-label-text: #fff; } .monaco-editor .line-numbers.active-line-number { --vscode-editorLineNumber-activeForeground: var(--color-primary) !important; } .monaco-editor .bracket-highlighting-0 { color: var(--color-purple) !important; } #git-graph-container li .time { color: #84909e !important; } ::-webkit-calendar-picker-indicator { filter: invert(0.8); } .ui.horizontal.segments > .segment { background-color: #2c2f35; } .repository .segment.reactions .ui.label.basic.blue { background: var(--color-primary-alpha-20) !important; } [data-tooltip]:after, [data-tooltip]:before, .tippy-box { background: var(--color-header-wrapper) !important; color: #dbdbdb !important; border: 1px solid var(--color-secondary-dark-1) !important; } .tippy-svg-arrow { fill: var(--color-header-wrapper) !important; } .tippy-svg-arrow-outer { stroke: var(--color-secondary-dark-1) !important; stroke-width: 0.7px !important; } [data-tooltip]:before { box-shadow: 1px 1px 0 0 #1b1c1d !important; } .ui.green.progress .bar { background-color: #668844; } .ui.progress.success .bar { background-color: #7b9e57 !important; } .following.bar.light { background: #1d1f23; border-color: var(--color-secondary-alpha-40); } .following.bar .top.menu a.item:hover { color: #fff; } .feeds .list ul li.private { background: #1d1f23; } .ui.link.list .item, .ui.link.list .item a:not(.ui), .ui.link.list a.item { color: #dbdbdb; } .ui.red.label, .ui.red.labels .label { background-color: #e14c4c !important; border-color: #8a2121 !important; } .ui.yellow.label, .ui.yellow.labels .label { border-color: #664d02 !important; background-color: #936e00 !important; } .ui.accordion .title:not(.ui) { color: #dbdbdb; } .ui.basic.green.label, .ui.green.label, .ui.green.labels .label { background-color: #0060ac !important; border-color: #0060ac !important; } .ui.basic.green.labels a.label:hover, .ui.green.labels a.label:hover, a.ui.basic.green.label:hover, a.ui.ui.ui.green.label:hover { background-color: #3d794b !important; border-color: #3d794b !important; color: #fff !important; } .ui.divider:not(.vertical):not(.horizontal) { border-bottom-color: var(--color-secondary); border-top-color: transparent; } .form .help { color: #7f8699; } .ui .text.light.grey { color: #7f8699 !important; } .ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="url"], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="url"], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea { background-color: #522; border: 1px solid #e14c4c; color: #f9cbcb; } .ui.form .field.error input:not([type]):focus, .ui.form .field.error input[type="date"]:focus, .ui.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="email"]:focus, .ui.form .field.error input[type="file"]:focus, .ui.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="password"]:focus, .ui.form .field.error input[type="search"]:focus, .ui.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="url"]:focus, .ui.form .field.error select:focus { background-color: #522; border: 1px solid #a04141; color: #f9cbcb; } .ui.green.button, .ui.green.buttons .button, .ui.primary.button, .ui.primary.buttons .button, .ui.primary.sha.label { background-color: var(--color-primary) !important; } /* Basic button type has an outline instead of filled */ .ui.button:not(.basic) { border: 0; } .ui.green.button:hover, .ui.green.buttons .button:hover, .ui.primary.button:hover, .ui.primary.buttons .button:hover, .ui.primary.sha.label:hover { background-color: var(--color-primary-light-2) !important; } .ui.search > .results { background: #1d1f23; border-color: var(--color-secondary); } .ui.category.search > .results .category .result:hover, .ui.search > .results .result:hover { background: var(--color-secondary); } .ui.search > .results .result .title { color: #dbdbdb; } .ui.table > thead > tr > th { background: var(--color-secondary); color: #dbdbdb !important; } .repository.file.list #repo-files-table tr { background: #1d1f23; } .repository.file.list #repo-files-table tr:hover { background-color: #24262b !important; } .repository.file.editor.edit + .editor-preview-side, .repository.file.editor.edit .editor-preview, .repository.file.editor.edit .editor-preview-side, .repository.wiki.new .CodeMirror + .editor-preview-side, .repository.wiki.new .CodeMirror .editor-preview, .repository.wiki.new .CodeMirror .editor-preview-side { background: #24262b; } .repository.file.editor.edit + .editor-preview-side .markdown:not(code).ui.segment, .repository.file.editor.edit .editor-preview-side .markdown:not(code).ui.segment, .repository.file.editor.edit .editor-preview .markdown:not(code).ui.segment, .repository.wiki.new .CodeMirror + .editor-preview-side .markdown:not(code).ui.segment, .repository.wiki.new .CodeMirror .editor-preview-side .markdown:not(code).ui.segment, .repository.wiki.new .CodeMirror .editor-preview .markdown:not(code).ui.segment { border-width: 0; } .overflow.menu .items .item { color: #9d9d9d; } .overflow.menu .items .item:hover { color: #dbdbdb; } .ui.list > .item > .content { color: var(--color-secondary-dark-6) !important; } .ui.active.button, .ui.active.button:active, .ui.button:active, .ui.button:focus { background-color: #2c2f35; /* color: #dbdbdb; */ } .ui.green.button:active, .ui.green.buttons .button:active, .ui.primary.button:active, ui.primary.buttons .button:active { background-color: var(--color-primary); color: var(--color-primary-contrast) !important; text-shadow: none; } .ui.green.button, .ui.primary.button { color: var(--color-primary-contrast) !important; } .ui.green.button:focus, .ui.green.buttons .button:focus { background-color: var(--color-primary); color: var(--color-primary-contrast) !important; text-shadow: none; } .ui.active.button:hover { background-color: #474b51; color: #dbdbdb; } .repository .navbar .active.item, .repository .navbar .active.item:hover { border-color: transparent !important; } .ui .info.segment.top { background-color: var(--color-secondary) !important; } .repository .diff-stats li { border-color: var(--color-secondary); } .tag-code, .tag-code td { background: #24262b !important; } .tag-code td.lines-num { background-color: #3a3e4c !important; } .tag-code td.lines-type-marker, td.blob-hunk { color: #dbdbdb !important; } .ui.attached.info.message, .ui.info.message { box-shadow: inset 0 0 0 1px #4b5e71, 0 0 0 0 transparent; } .ui.bottom.attached.message { background-color: #2c662d; color: white; } .ui.bottom.attached.message .pull-right { color: #3683c0; } .ui.info.message { background-color: #2c3b4a; color: #9ebcc5; } .ui .warning.header, .ui.warning.message { background-color: #542 !important; border-color: #ec8; } .ui.warning.message { color: #ec8; box-shadow: 0 0 0 1px #ec8; } .ui.warning.segment { border-color: #ec8; } .ui.error.message, .ui.red.message { background-color: #522; color: #f9cbcb; border-color: #a04141 !important; box-shadow: inset 0 0 0 1px #a04141; } .ui .error.header, .ui.error.message { background-color: #522 !important; border-color: #a04141 !important; } .ui.error.segment { border-color: #a04141 !important; } .ui.red.button, .ui.red.buttons .button { background-color: #e14c4c; color: black; } .ui.red.button:hover, .ui.red.buttons .button:hover { background-color: #984646; color: black; } .ui.positive.message { background-color: #48915a; color: #ffffff; box-shadow: inset 0 0 0 1px #48915a, 0 0 0 0 transparent; } .ui.negative.message { background-color: #e14c4c; color: #ffffff; box-shadow: inset 0 0 0 1px #e14c4c, 0 0 0 0 transparent; } .ui.list .list > .item .header, .ui.list > .item .header { color: #dedede; } .ui.list .list > .item .description, .ui.list > .item .description { color: var(--color-secondary-dark-6); } .repository.file.list #repo-files-table tbody .svg.octicon-file-directory, .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { color: #9aa0af; } .repository.labels .ui.basic.black.label { background-color: #bbbbbb !important; } .blame .lines-num, .lines-commit { background: #1d1f23 !important; } .lines-num { color: var(--color-secondary-dark-6) !important; border-color: var(--color-secondary) !important; } td.blob-excerpt { background-color: rgba(0, 0, 0, 0.15); } .lines-code.active, .lines-code .active { background: #534d1b !important; } .ui.ui.table td.active, .ui.ui.ui.ui.table tr.active { color: #dbdbdb; } .ui.active.label { background: #393d4a; border-color: #393d4a; color: #dbdbdb; } .repository .ui.attached.message.isSigned.isVerified { background-color: #394829; color: var(--color-secondary-dark-6); } .repository .ui.attached.message.isSigned.isVerified.message { color: #3683c0; } .repository .ui.attached.message.isSigned.isVerified.message .ui.text { color: var(--color-secondary-dark-6); } .repository .ui.attached.message.isSigned.isVerified.message .pull-right { color: #3683c0; } .repository .ui.attached.message.isSigned.isVerifiedUntrusted { background-color: #4a3903; color: var(--color-secondary-dark-6); } .repository .ui.attached.message.isSigned.isVerifiedUntrusted.message { color: #c2c193; } .repository .ui.attached.message.isSigned.isVerifiedUntrusted.message .ui.text { color: var(--color-secondary-dark-6); } .repository .ui.attached.message.isSigned.isVerifiedUntrusted.message a { color: #c2c193; } .repository .ui.attached.message.isSigned.isVerifiedUnmatched { background-color: #4e3321; color: var(--color-secondary-dark-6); } .repository .ui.attached.message.isSigned.isVerifiedUnmatched.message { color: #c2a893; } .repository .ui.attached.message.isSigned.isVerifiedUnmatched.message .ui.text { color: var(--color-secondary-dark-6); } .repository .ui.attached.message.isSigned.isVerifiedUnmatched.message a { color: #c2a893; } .repository .ui.attached.message.isSigned.isWarning { background-color: rgba(80, 23, 17, 0.6); } .repository .ui.attached.message.isSigned.isWarning.message, .repository .ui.attached.message.isSigned.isWarning.message .ui.text { color: #d07d7d; } .ui.header .sub.header { color: var(--color-secondary-dark-6); } .ui.dividing.header { border-bottom: 1px solid var(--color-secondary); } .ui.modal > .header { background: var(--color-secondary); color: #dbdbdb; } .ui.modal > .actions { background: var(--color-secondary); border-color: var(--color-secondary); } .ui.modal > .content { background: #1d1f23; } .minicolors-panel { background: var(--color-secondary) !important; border-color: #6a737d !important; } .emoji[aria-label="check mark"], .emoji[aria-label="curly loop"], .emoji[aria-label="currency exchange"], .emoji[aria-label="double curly loop"], .emoji[aria-label="END arrow"], .emoji[aria-label="heavy dollar sign"], .emoji[aria-label="musical note"], .emoji[aria-label="musical notes"], .emoji[aria-label="ON! arrow"], .emoji[aria-label="paw prints"], .emoji[aria-label="SOON arrow"], .emoji[aria-label="TOP arrow"], .emoji[aria-label="trade mark"], .emoji[aria-label="wavy dash"], .emoji[aria-label="copyright"], .emoji[aria-label="divide"], .emoji[aria-label="minus"], .emoji[aria-label="multiply"], .emoji[aria-label="plus"], .emoji[aria-label="registered"] { filter: invert(100%); } .edit-diff > div > .ui.table { border-left-color: var(--color-secondary) !important; border-right-color: var(--color-secondary) !important; } .CodeMirror.cm-s-default .cm-property, .CodeMirror.cm-s-paper .cm-property { color: #40aaff; } .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; } footer .container .links > * { border-left-color: #888; } .repository.file.list #repo-files-table tbody .svg { color: var(--color-secondary-dark-6); } .repository.release #release-list > li .detail .dot { background-color: #505667; border-color: #1d1f23; } .tribute-container { box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.6); } .repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar { color: #1d1f23; } img[src$="/img/matrix.svg"] { filter: invert(80%); } #git-graph-container li .time { color: #6a737d; } #git-graph-container.monochrome #rel-container .flow-group { stroke: dimgrey; fill: dimgrey; } #git-graph-container.monochrome #rel-container .flow-group.highlight { stroke: darkgrey; fill: darkgrey; } #git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-5 { stroke: #5543b1; fill: #5543b1; } #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-5 { stroke: #7058e6; fill: #7058e6; } #git-graph-container #rev-list li.highlight.hover { background-color: rgba(255, 255, 255, 0.1); } #git-graph-container .ui.buttons button#flow-color-monochrome.ui.button { border-left: 1px solid #4c505c; } .mermaid-chart { filter: invert(84%) hue-rotate(180deg); } .is-loading:after { border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da; } .markdown-block-error { border: 1px solid rgba(121, 71, 66, 0.5) !important; border-bottom: none !important; } #navbar .item:hover:not(div) { background-color: var(--color-hover); } .ui.secondary.pointing.menu { border: 0 !important; } .monaco-editor .view-lines { filter: invert(1) !important; } .monaco-editor .mtk1 { color: black; } .repo-header .flex-item-title .muted { color: var(--color-primary) !important; } .flex-list .ui.basic.label { margin-left: 2px; padding: 2px 4px 2px 4px !important; } .repo-list-link.muted { color: var(--color-primary) !important; }