diff --git a/README.md b/README.md index 6c56cf7..d53e601 100644 --- a/README.md +++ b/README.md @@ -4,3 +4,15 @@ Elegant dark theme for Gitea. I mostly bruteforced which colors to change by inspecting every element with undesirable colors, and I ended up with a theme that I'm quite proud of. However, it will definitely have a lot of bugs, please report them and fix them! It's really easy to fix color inconsistencies, just use a color picker to get the color, then Inspect Element and go to the styling section. There, CTRL+F and search for the color (note that the letters must be lowercase, the colors whose letters aren't lowercase are most likely added by me) + +# Installation +1. To install, first check your CustomPath by typing: +`gitea help` +Mine is `/usr/local/bin/custom`. You'll need to create 3 directories. +`/usr/local/bin/custom/public/css` should be your final structure. + +2. Clone the repository +`git clone https://github.com/acoolstraw/earl-grey` + +3. Move `theme-earl-grey.css` into the `public/css` directory +`mv earl-grey/theme-earl-grey.css /usr/local/bin/custom/public/css/` \ No newline at end of file diff --git a/earl-grey.less b/earl-grey.less index 03dd4ae..e0647ae 100644 --- a/earl-grey.less +++ b/earl-grey.less @@ -266,7 +266,7 @@ --color-expand-button:#3c404d; --color-placeholder-text:#6a737d; --color-editor-line-highlight:var(--color-primary-light-5); - --color-project-board-bg:var(--color-secondary-light-2) + --color-project-board-bg:var(--color-secondary-light-2); } ::-webkit-calendar-picker-indicator { filter:invert(.8) diff --git a/theme-earl-grey.css b/theme-earl-grey.css new file mode 100644 index 0000000..bde125d --- /dev/null +++ b/theme-earl-grey.css @@ -0,0 +1,813 @@ +.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: #a0cc75; +} +.chroma .dl, +.chroma .sc { + color: #1af; +} +.chroma .sd { + color: #6a737d; +} +.chroma .s2 { + color: #a0cc75; +} +.chroma .se { + color: #f63; +} +.chroma .sh { + color: #1af; +} +.chroma .si, +.chroma .sx { + color: #fa1; +} +.chroma .sr { + color: #97c; +} +.chroma .s1 { + color: #a0cc75; +} +.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-primary: #3D84E7; + --color-primary-dark-1: #93b373; + --color-primary-dark-2: #40AAFF; + --color-primary-dark-3: #abc492; + --color-primary-dark-4: #b7cda1; + --color-primary-dark-5: #cfddc1; + --color-primary-dark-6: #e7eee0; + --color-primary-dark-7: #f8faf6; + --color-primary-light-1: #3D84E7; + --color-primary-light-2: #6c8c4c; + --color-primary-light-3: #5f7b42; + --color-primary-light-4: #516939; + --color-primary-light-5: #364626; + --color-primary-light-6: #1b2313; + --color-primary-light-7: #080b06; + --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: #393B3F; + --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: #393B3F19; + --color-secondary-alpha-20: #393B3F33; + --color-secondary-alpha-30: #393B3F4b; + --color-secondary-alpha-40: #393B3F66; + --color-secondary-alpha-50: #393B3F80; + --color-secondary-alpha-60: #393B3F99; + --color-secondary-alpha-70: #393B3Fb3; + --color-secondary-alpha-80: #393B3Fcc; + --color-secondary-alpha-90: #393B3Fe1; + --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-2: #8a8e99; + --color-text-light-3: #707687; + --color-footer: #1D1F23; + --color-timeline: #4c525e; + --color-input-text: #d5dbe6; + --color-input-background: #393B3F; + --color-input-border: #393B3F; + --color-input-border-hover: #505667; + --color-navbar: #2C3035; + --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: #2C3035; + --color-button: #1D1F23; + --color-code-bg: #2C3035; + --color-shadow: #00000060; + --color-secondary-bg: #2C3035; + --color-text-focus: #fff; + --color-expand-button: #3c404d; + --color-placeholder-text: #6a737d; + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-board-bg: var(--color-secondary-light-2); +} +::-webkit-calendar-picker-indicator { + filter: invert(0.8); +} +.ui.horizontal.segments > .segment { + background-color: #2C3035; +} +.repository .segment.reactions .ui.label.basic.blue { + background: var(--color-primary-alpha-20) !important; +} +[data-tooltip]:after, +[data-tooltip]:before { + background: #1b1c1d !important; + border-color: #1b1c1d !important; + color: #dbdbdb !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: #353945; +} +.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 { + background-color: #3683C0; +} +.ui.green.button:hover, +.ui.green.buttons .button:hover { + background-color: #a0cc75; +} +.ui.search > .results { + background: #383c4a; + 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: #2C3035; +} +.repository.file.list #repo-files-table tr:hover { + background-color: #393d4a !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: #353945; +} +.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: #2e3e4e; + color: #dbdbdb; +} +.ui.active.button:hover { + background-color: #475e75; + 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: #353945 !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: #3683C0; +} +.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; + box-shadow: inset 0 0 0 1px #a04141; +} +.ui .error.header, +.ui.error.message { + background-color: #522 !important; + border-color: #a04141; +} +.ui.error.segment { + border-color: #a04141; +} +.ui.red.button, +.ui.red.buttons .button { + background-color: #E14C4C; +} +.ui.red.button:hover, +.ui.red.buttons .button:hover { + background-color: #984646; +} +.ui.positive.message { + background-color: #0d491b; + color: #3683C0; + box-shadow: inset 0 0 0 1px #2d693b, 0 0 0 0 transparent; +} +.ui.negative.message { + background-color: rgba(80, 23, 17, 0.6); + color: #f9cbcb; + box-shadow: inset 0 0 0 1px rgba(121, 71, 66, 0.5), 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: #7c9b5e; +} +.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: #383c4a; +} +.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: #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; +} +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: #383c4a; +} +.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: #2C3035; +} +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; +}