should work?

This commit is contained in:
acoolstraw 2021-08-03 12:50:15 +02:00
parent 223c6ea5ee
commit df5164c0b6
3 changed files with 826 additions and 1 deletions

View file

@ -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! 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) 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/`

View file

@ -266,7 +266,7 @@
--color-expand-button:#3c404d; --color-expand-button:#3c404d;
--color-placeholder-text:#6a737d; --color-placeholder-text:#6a737d;
--color-editor-line-highlight:var(--color-primary-light-5); --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 { ::-webkit-calendar-picker-indicator {
filter:invert(.8) filter:invert(.8)

813
theme-earl-grey.css Normal file
View file

@ -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;
}