From da3974fd90a433077b0af0f7f6411aec6df9dec5 Mon Sep 17 00:00:00 2001 From: John Mertz Date: Thu, 28 Sep 2023 03:22:16 +0000 Subject: [PATCH] Early work on custom CSS theme Main page for a repo looks pretty good. --- css/theme-gruvbox.css | 1334 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 1334 insertions(+) create mode 100644 css/theme-gruvbox.css diff --git a/css/theme-gruvbox.css b/css/theme-gruvbox.css new file mode 100644 index 0000000..0299ba0 --- /dev/null +++ b/css/theme-gruvbox.css @@ -0,0 +1,1334 @@ +:root { + --black: #010101; + --white: #FEFEFE; + --bg: #282828; + --bghl: #928374; + --fg: #A89984; + --fghl: #EBDBB2; + --red: #CC241D; + --redhl: #FB4934; + --green: #98971a; + --greenhl: #B8BB26; + --yellow: #D79921; + --yellowhl: #FABD2F; + --blue: #458588; + --bluehl: #83A598; + --magenta: #B16286; + --magentahl: #D3869B; + --cyan: #68986A; + --cyanhl: #8EC07C; +} +code.code-inner, code.code-inner span { + background-color: var(--bg) !important; +} +code.code-inner { + background-color: var(--bg) !important; + height: 20px; + word-break: break-word; + margin-top: -1px; + margin-left: -3px; +} +code.code-inner span.p { + color: var(--fghl) !important; +} +.chroma .nx, .chroma .c, .chroma .c1, .chroma .ch { + color: var(--fg) !important; +} +.chroma .nn { + color: var(--fghl) !important; +} +.chroma .o, .chroma .ow { + color: var(--yellow) !important; +} +.chroma .nc, .chroma .sr { + color: var(--magenta) !important; +} +.chroma .cp, .chroma .nb, .chroma .nv { + color: var(--blue) !important; +} +.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr { + color: var(--red) !important; +} +.chroma .s, .chroma .s2, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .sd, .chroma .se, .chroma .sh, .chroma .si { + color: var(--green) !important; +} +body { + background: var(--bg); + color: var(--fg); +} +a { + color: var(--blue); +} +a:hover { + color: var(--bluehl); +} +.ui.tabs.container { + margin: 10px 0px 0px 0px !important; + max-width: 100% !important; +} +.following.bar.light { + background: var(--bg); +} +.ui.secondary.menu .item { + color: var(--fghl); + background-color: var(--blue); +} +.ui.secondary.menu .item:hover { + color: var(--white); +} +.ui.secondary.menu .active.item { + color: var(--white); + background-color: var(--greenhl); +} +a.item { + margin-left: 5px; +} +.following.bar .top.menu a.item:hover { + color: var(--white); + background-color: var(--bluehl); +} +.following.bar.light { + border-bottom: 1px solid #313131; +} +.ui.attached.header { + background: #060621; + color: #dbdbdb; +} +.ui.attached.table { + border: 1px solid #203241; + background: #001221 +} +.feeds .list ul li:not(:last-child) { + border-bottom: 1px solid #203241; +} +.feeds .list ul li.private { + background: var(--cyan); + color: #A89984; +} +.ui.secondary.menu .dropdown.item:hover, +.ui.secondary.menu .link.item:hover, +.ui.secondary.menu a.item:hover { + color: var(--fghl); + background-color: var(--bluehl) !important; +} +.ui.menu .ui.dropdown .menu > .item { + background: #1d2021 !important; + color: var(--fghl) !important; +} +.ui.secondary.menu .dropdown.item > .menu, +.ui.text.menu .dropdown.item > .menu { +} +#footer { + background-color: var(--blue); +} +.ui.menu .dropdown.item .menu { + background: #020410; +} +.ui.menu .ui.dropdown .menu > .item:hover, +.ui.menu .ui.dropdown .menu > .selected.item { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.dropdown .menu > .header { + color: #dbdbdb; +} +.ui.red.label, +.ui.red.labels .label { + background-color: #802020!important; + border-color: #DB2828!important; +} +.ui.menu { + background: #0202aa; + border: 1px solid #203241; +} +.ui.menu .item { + background: #051865; + color: #aaaaaa; +} +.ui.menu .active.item:hover, +.ui.vertical.menu .active.item:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.link.menu .item, +.ui.menu .dropdown.item, +.ui.menu .link.item, +.ui.menu a.item { + border: none !important; +} +.ui.tabular.menu .active.item { + border-radius: 0px !important; +} +.ui.link.menu .item:hover, +.ui.menu .dropdown.item:hover, +.ui.menu .link.item:hover, +.ui.menu a.item:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.tabular.menu .item:hover { + color: var(--white) !important; + background-color: var(--yellowhl) !important; +} +.ui.tabular.menu .item, .ui.tabular.menu .active.item , .ui.tabular.menu .active.item:hover { + padding: 10px; + margin: 0px 0px 0px 10px; +} +.ui.tabular.menu .right.item { + margin-left: 10px !important; + margin-right: 10px !important; +} +.ui.tabular.menu .item { + background: var(--blue); + color: var(--fghl); +} +.ui.input input { + background: #000009; + border: 1px solid #203241; + color: #dbdbdb; +} +.ui.input input:focus, +.ui.input.focus input { + background: #000000; + border: 1px solid #456580; + color: #dbdbdb; +} +.ui.label { + color: #dbdbdb; + background-color: #313f4c; +} +.issue.list > .item .title { + color: #668cb1; +} +.issue.list > .item .title:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.issue.list > .item { + border-bottom: 1px dashed #475767; +} +.ui.green.label, +.ui.green.labels .label { + background-color: #2d693b!important; + border-color: #2d693b!important; +} +.issue.list > .item .comment { + color: #129c92; +} +.ui.primary.button, a.ui.basic:hover, .ui.basic.button:hover { + background-color: var(--cyanhl); + color: var(--white); +} +.ui.basic.label { + color: var(--fghl); +} +.ui.basic.button, +.ui.basic.buttons .button { + color: #a9a9a9 !important; +} +.ui.basic.blue.button, .ui.basic.blue.buttons .button { + color: #b9c1ce !important; +} +.ui.basic.red.active.button, +.ui.basic.red.buttons .active.button { + color: #c75252!important; +} +.ui.basic.button:focus, +.ui.basic.button:hover, +.ui.basic.buttons .button:focus, +.ui.basic.buttons .button:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.menu .item.disabled, +.ui.menu .item.disabled:hover { + cursor: default !important; + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.pagination.menu .active.item { + color: #dbdbdb; + background-color: #212d38; +} +.repository .header-wrapper { + background-color: var(--blue); +} +.ui.tabular.menu .active.item { + background: #232323; + color: #dbdbdb; +} +.ui.secondary.pointing.menu .item { + border-bottom-width: 0px; + align-self: center; + background: #050542; + margin: 1px 1px 1px 1px; + padding: 8px 6px; +} +.ui.tabular.menu .item { + color: var(--black); +} +.ui.tabular.menu .item:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.tabs.divider { + border-top: none !important; +} +.ui.segments { + background-color: var(--magenta); + border: none; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +.ui.two.horizontal.center.list { + background: var(--magenta) !important; + padding-bottom: 4px !important; +} +.ui.two.horizontal.center.list .item, .ui.two.horizontal.center.list .item a { + margin-bottom: -2px; + color: var(--fghl) !important; +} +.ui.two.horizontal.center.list .item a:hover { + color: var(--white) !important; +} +.language-stats { + border: none !important; +} +.ui.header, +.ui.breadcrumb .divider { + color: var(--bg); +} +.ui.blue.label, +.ui.blue.labels .label { + background-color: #081f6f !important; + border-color: #081f6f !important; + color: #b5b5b5 !important; +} +.ui.menu .item > .label { + background: #565454; +} +.ui.blue.button, +.ui.blue.buttons .button { + background-color: #26577b; +} +.ui.form input:not([type]), +.ui.form input[type=text], +.ui.form input[type=email], +.ui.form input[type=search], +.ui.form input[type=password], +.ui.form input[type=date], +.ui.form input[type=datetime-local], +.ui.form input[type=tel], +.ui.form input[type=time], +.ui.form input[type=url], +.ui.form input[type=number] { + background: var(--cyan); +} +.ui.form input:not([type]):focus, +.ui.form input[type=text]:focus, +.ui.form input[type=email]:focus, +.ui.form input[type=search]:focus, +.ui.form input[type=password]:focus, +.ui.form input[type=date]:focus, +.ui.form input[type=datetime-local]:focus, +.ui.form input[type=tel]:focus, +.ui.form input[type=time]:focus, +.ui.form input[type=url]:focus, +.ui.form input[type=number]:focus { + background: var(--cyan); +} +.ui.action.input:not([class*="left action"]) input:focus { + border-right-color: #456580!important; +} +.ui.green.button, +.ui.green.buttons .button { + background-color: var(--bluehl); + color: #fff; + text-shadow: none; + background-image: none; +} +.ui.green.button:focus, +.ui.green.buttons .button:focus { + background-color: #085121 !important; + color: #fff; + text-shadow: none; +} +.ui.button { + border: none; + color: var(--fghl); +} +.ui.labeled.button:not([class*="left labeled"]) > .label, +.ui[class*="left labeled"].button > .button { + background: var(--cyan); + border: 1px solid #313c47; +} +.ui.labeled.button, #clone-panel button.basic { + margin-right: 0px !important; +} +.ui.labeled.button:not([class*="left labeled"]) > .button { + margin-right: 0px !important; + margin-left: 5px !important; +} +.ui.button:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.table thead th { + background: #05174b; + color: #dbdbdb !important; +} +.repository.file.list #repo-files-table tr:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.table { + color: #797979!important; + border: 1px solid #313c47; + background: #18242f; +} +.ui.table tbody tr { + border-bottom: 1px solid red; + background: #151515; +} +.ui.attached.table.segment { + background: var(--bg); + color: #dbdbdb!important; +} +.markdown:not(code) h2 { + border-bottom: 1px solid #203241; +} +.hljs, +.hljs-keyword, +.hljs-selector-tag, +.hljs-subst { + color: #dbdbdb !important; + background: #181818 !important; +} +.markdown:not(code) .highlight pre, +.markdown:not(code) pre { + background-color: #081004; + border: 1px solid #246; +} +.ui.dropdown .menu { + background: var(--cyan); + color: #A89984; +} +.ui.dropdown .menu > .message:not(.ui) { + color: rgb(99, 99, 99); +} +.ui.segment { + background: #020410 !important; + color: var(--bg) !important; + border: 1px solid #313c47; +} +.ui.active.button:active, +.ui.button:active, +.ui.button:focus { + background-color: #2e3e4e; + color: #dbdbdb; +} +.ui.dropdown .menu .selected.item, +.ui.dropdown.selected { + color: #dbdbdb; +} +.ui.dropdown .menu > .item:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.dropdown .menu > .item { + color: var(--bg); +} +.ui.attached.segment { + border: 1px solid #313c47; +} +.repository.view.issue .comment-list .comment .content > .bottom.segment { + background: var(--cyan); + color: #A89984; +} +.repository.view.issue .comment-list .comment .content .header { + color: #dbdbdb; + background-color: #121247; + border-bottom: 1px solid #313c47; +} +.ui.comments .comment .actions a { + color: #dbdbdb; +} +.repository.view.issue .comment-list .comment .content .header:after { + border-right-color: #121247; +} +.repository.view.issue .comment-list .comment .content .header:before { + border-right-color: #121247; +} +.repository.view.issue .comment-list:before { + background-color: #121247; +} +.repository .comment.form .content .form:after { + border-right-color: #121247; +} +.repository .comment.form .content .form:before { + border-right-color: #121247; +} +.ui .text.grey { + color: #d0d0d0 !important; +} +.ui .text.grey a { + color: #66dbdd !important; +} +.ui .text.grey a:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.form textarea, +.ui.form textarea:focus { + background: #232323; + border: 1px solid #313c47; + color: #dbdbdb; +} +.ui.form textarea:focus { + border: 1px solid #456580; +} +.ui .info.segment.top { + background-color: #060639 !important; +} +.repository .diff-file-box .file-body.file-code .lines-num { + color: var(--bg); + background: var(--cyan); +} +.ui.table tbody tr { + border-bottom: 1px solid #2d2d2d; +} +.repository .diff-file-box .code-diff-unified tbody tr.del-code td { + background-color: #2c1616 !important; + border-color: #634343 !important; +} +.repository .diff-file-box .code-diff-unified tbody tr.add-code td { + background-color: #101044 !important; + border-color: #597359 !important; +} +.repository .diff-file-box .code-diff tbody tr .added-code { + background-color: #15217B; +} +.repository .diff-file-box .code-diff .lines-num { + border-right: 1px solid #2d2d2d; +} +.repository .diff-file-box .file-body.file-code .lines-num { + color: var(--bg); + background: var(--cyan); +} +.repository .diff-file-box .code-diff tbody tr.tag-code td, +.repository .diff-file-box .code-diff tbody tr td.tag-code { + border-color: #2d2d2d !important; +} +.repository .diff-file-box .file-body.file-code .lines-num-old { + border-right: 1px solid #2d2d2d; +} +.hljs-title, +.hljs-section, +.hljs-selector-id { + color: #986c88 !important; +} +.hljs-string, +.hljs-doctag { + color: #949494; +} +.repository .diff-file-box .code-diff tbody tr .removed-code { + background-color: #7B2115; +} +.repository .diff-file-box .code-diff tbody tr.tag-code td, +.repository .diff-file-box .code-diff tbody tr td.tag-code { + background-color: #191927 !important; +} +.ui.vertical.menu .active.item { + background-color: var(--fghl); + color: #323232; +} +.ui.vertical.menu .item { + background: var(--cyan); +} +.ui.vertical.menu .header.item { + background: #001221; +} +.ui.vertical.menu { + background: var(--cyan); +} +.ui.repository.list .item:not(:first-child) { + border-top: 1px solid #313c47; +} +.ui.selection.dropdown { + background: var(--cyan); + border: 1px solid rgb(48, 66, 81); + color: var(--bg); +} +.ui.menu .ui.dropdown .menu > .active.item { + color: #dbdbdb !important; +} +.ui.tabular.menu { + border-bottom: 1px solid #313c47; +} +.ui.card, +.ui.cards > .card { + background: var(--cyan); + box-shadow: 0 1px 3px 0 #203241, 0 0 0 1px #203241; +} +.ui.card > .content > .header, +.ui.cards > .card > .content > .header { + color: #dbdbdb; +} +.ui.card > .extra a:not(.ui), +.ui.cards > .card > .extra a:not(.ui) { + color: rgb(102, 140, 177); +} +.ui .text.black { + color: var(--bg); +} +.ui .text.black:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.secondary.pointing.menu .active.item { + color: #dbdbdb; + background: #030366; +} +.ui.secondary.pointing.menu .active.item:hover { + color: var(--fghl); + background-color: var(--bluehl) !important; +} +.ui.secondary.pointing.menu .dropdown.item:hover, +.ui.secondary.pointing.menu .link.item:hover, +.ui.secondary.pointing.menu a.item:hover { + color: var(--fghl); + background-color: var(--bluehl) !important; +} +.ui.checkbox label, +.ui.checkbox + label, +.ui.form .field > label { + color: var(--bg); +} +.ui.form .inline.field > label, +.ui.form .inline.field > p, +.ui.form .inline.fields .field > label, +.ui.form .inline.fields .field > p, +.ui.form .inline.fields > label { + color: var(--bg); +} +.user.settings .email.list .item:not(:first-child) { + border-top: 1px solid #203241; +} +.ui.form input:not([type]), +.ui.form input[type=text], +.ui.form input[type=email], +.ui.form input[type=search], +.ui.form input[type=password], +.ui.form input[type=date], +.ui.form input[type=datetime-local], +.ui.form input[type=tel], +.ui.form input[type=time], +.ui.form input[type=url], +.ui.form input[type=number] { + color: var(--bg); +} +.ui.attached.info.message, +.ui.info.message { + box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent; +} +.ui.info.message { + background-color: #121247; + color: #9ebcc5; +} +.ui .warning.header { + background-color: #5d3a22 !important; + border-color: #794f31; +} +.ui.red.message { + background-color: rgba(80, 23, 17, 0.6); + color: #f9cbcb; + box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent; +} +.ui.red.button, +.ui.red.buttons .button { + background-color: #7b2727 !important; +} +.ui.checkbox label:hover, +.ui.checkbox + label:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.checkbox input:checked ~ .box:after, +.ui.checkbox input:checked ~ label:after { + color: rgb(127, 152, 173); +} +.ui.checkbox input:checked ~ .box:before, +.ui.checkbox input:checked ~ label:before { + background: #001221; +} +.ui.checkbox .box:hover::before, +.ui.checkbox label:hover::before { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.checkbox .box:before, +.ui.checkbox label:before { + background: #001221; + border: 1px solid #203241; +} +.ui.checkbox .box:active::before, +.ui.checkbox label:active::before { + background: #001221; + border-color: rgba(34, 36, 38, .35); +} +.ui.checkbox input:checked ~ .box:before, +.ui.checkbox input:checked ~ label:before { + border-color: #203241; + background: #001221; +} +.ui.checkbox input:focus ~ .box:before, +.ui.checkbox input:focus ~ label:before { + border-color: #203241; + background: #001221; +} +.ui.checkbox input:checked:focus ~ .box:before, +.ui.checkbox input:checked:focus ~ label:before, +.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, +.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before { + border-color: #203241; + background: #001221; +} +.ui.checkbox input:checked ~ .box:after, +.ui.checkbox input:checked ~ label:after { + opacity: 1; + color: rgb(127, 152, 173); +} +.ui.checkbox input:checked:focus ~ .box:after, +.ui.checkbox input:checked:focus ~ label:after, +.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, +.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after { + color: rgb(127, 152, 173); +} +.ui.checkbox input:focus ~ .box:after, +.ui.checkbox input:focus ~ label, +.ui.checkbox input:focus ~ label:after { + color: #9a9a9a; +} +.ui.selection.dropdown:hover { + color: var(--fghl); + background-color: var(--bluehl); + border-color: rgba(34, 36, 38, .35); + border: 1px solid #456580; +} +.ui.selection.dropdown .menu > .item { + border-top: 1px solid #313c47; +} +.ui.selection.visible.dropdown > .text:not(.default) { + color: var(--bg); +} +.ui.negative.message { + background-color: rgba(80, 23, 17, 0.6); + color: #f9cbcb; + box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent; +} +.hljs-tag, +.hljs-name, +.hljs-tag, +.hljs-name, +.hljs-attribute { + color: #d22121 !important; +} +.user.profile .ui.card .extra.content ul li:not(:last-child) { + border-bottom: 1px solid #203241; +} +.hljs-number, +.hljs-literal, +.hljs-variable, +.hljs-template-variable, +.hljs-attr { + color: #48eca4 !important; +} +.hljs-string, +.hljs-doctag { + color: #8ab398; +} +.ui.form .dropzone { + border: 2px dashed #4c5d6b; +} +.ui.basic.red.button, +.ui.basic.red.buttons .button { + box-shadow: 0 0 0 1px #a04141 inset!important; + color: #a0a0a0!important; +} +.ui.list .list > .item .header, +.ui.list > .item .header { + color: #dedede; +} +.ui.list .list > .item .description, +.ui.list > .item .description { + color: var(--bg); +} +.ui.user.list .item .description a { + color: #668cb1; +} +.repository.file.list #file-content .code-view .lines-num { + background: #232323; +} +.repository.file.list #file-content .code-view .lines-num pre, +.repository.file.list #file-content .code-view .lines-code pre, +.repository.file.list #file-content .code-view .lines-num ol, +.repository.file.list #file-content .code-view .lines-code ol, +.repository.file.list #file-content .code-view .lines-num .hljs, +.repository.file.list #file-content .code-view .lines-code .hljs { + background-color: var(--cyan); +} +a.ui.label:hover, +a.ui.labels .label:hover { + color: var(--fghl); + background-color: var(--bluehl); +} +.ui.secondary.segment { + background: #020415; +} +.explore, #navbar { + background-color: var(--blue) !important; + border-bottom: none !important; +} +.ui.menu.new-menu { + background-color: var(--cyan) !important; +} +input { + line-height: normal; + background: #232323; + border: 1px solid #313c47; + padding: 7px 12px; +} +.ui.accordion .title:not(.ui) { + color: #dedede; +} +.ui.user.list .item:not(:first-child) { + border-top: 1px solid #313c47; +} +.ui.toggle.checkbox input:checked ~ .box, +.ui.toggle.checkbox input:checked ~ label { + color: rgb(207, 207, 207) !important; +} +.repository .ui.segment.sub-menu .list .item a { + color: #aaa; +} +.ui.link.list.list .active.item, +.ui.link.list.list .active.item a:not(.ui) { + color: rgba(222, 222, 222, .95); +} +.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) { + background-color: rgb(12, 12, 15) !important; +} +.ui.form input:not([type]), +.ui.form input[type="date"], +.ui.form input[type="datetime-local"], +.ui.form input[type="email"], +.ui.form input[type="file"], +.ui.form input[type="number"], +.ui.form input[type="password"], +.ui.form input[type="search"], +.ui.form input[type="tel"], +.ui.form input[type="text"], +.ui.form input[type="time"], +.ui.form input[type="url"] { + background: #050515; + color: rgba(203, 203, 203, 0.9); +} +.header-wrapper a { + color: var(--cyan); +} +.header-wrapper a:hover { + color: var(--cyan); +} +.repository .header-wrapper { + padding-top: 10px !important; + background-color: var(--bghl); + color: var(--bg); + border-bottom: none !important; +} +div.ui.container { + margin-left: 10px !important; + margin-right: 10px !important; + max-width: calc(100% - 20px) !important; +} +div.repo-title-wrap { + background-color: var(--bg); + padding: 10px; + color: var(--fg); + border-radius: 5px; +} +.ui.tabular.menu .item { + border-top-right-radius: 5px; + border-top-left-radius: 5px; + background-color: var(--yellow); + color: var(--fghl); +} +.ui.tabular.menu .active.item { + border-top-right-radius: 5px !important; + border-top-left-radius: 5px !important; + background-color: var(--yellowhl); + color: var(--white); +} +.ui.tabular.menu .active.item:hover { + background-color: var(--yellowhl); + color: var(--white); +} +.ui.message { + color: #efefef !important; + background: #661111; +} +.repository.view.issue .pull-desc code { + color: #54A5FF; +} +.ui.fluid.input { + margin-bottom: 2px; +} +.ui .text.purple { + color: #a17cd8 !important; +} +.ui.positive.message { + background-color: #151532; + color: #dedede !important; +} +.swagger-ui .border-box, +.swagger-ui a, +.swagger-ui article, +.swagger-ui body, +.swagger-ui code, +.swagger-ui dd, +.swagger-ui div, +.swagger-ui dl, +.swagger-ui dt, +.swagger-ui fieldset, +.swagger-ui footer, +.swagger-ui form, +.swagger-ui h1, +.swagger-ui h2, +.swagger-ui h3, +.swagger-ui h4, +.swagger-ui h5, +.swagger-ui h6, +.swagger-ui header, +.swagger-ui html, +.swagger-ui input[type="email"], +.swagger-ui input[type="number"], +.swagger-ui input[type="password"], +.swagger-ui input[type="tel"], +.swagger-ui input[type="text"], +.swagger-ui input[type="url"], +.swagger-ui legend, +.swagger-ui li, +.swagger-ui main, +.swagger-ui ol, +.swagger-ui p, +.swagger-ui pre, +.swagger-ui section, +.swagger-ui table, +.swagger-ui td, +.swagger-ui textarea, +.swagger-ui th, +.swagger-ui tr, +.swagger-ui { + font-family: Open Sans, sans-serif; + color: #eeeeee; +} +.swagger-ui .scheme-container { + background: #131313; +} +.swagger-ui .opblock .opblock-summary-operation-id, +.swagger-ui .opblock .opblock-summary-path, +.swagger-ui .opblock .opblock-summary-path__deprecated { + color: #bbbbbb; +} +.swagger-ui .opblock .opblock-summary-description { + color: #dddddd; +} +.swagger-ui .opblock-tag { + color: #dddddd; +} +.swagger-ui section.models h4 { + color: #e7e7e7; +} +.swagger-ui .model-title { + color: #e0e0e0; +} +.swagger-ui .prop-type { + color: #54c9f8; +} +.swagger-ui section.models .model-container { + background: #080808; +} +.swagger-ui select { + background: #4477b0; + color: #dadada; +} +.swagger-ui .scheme-container .schemes > label { + color: #dadada; +} +.swagger-ui .info .title { + color: #dadada; +} +.swagger-ui .info .base-url { + color: #dadada; +} +.swagger-ui .topbar { + background-color: #050588; +} +.swagger-ui .topbar a { + color: #dadada; + background-color: #050588; +} +.swagger-ui .topbar .download-url-wrapper input[type="text"] { + border: 2px solid #0018dd; + background-color: #050520; +} +.swagger-ui .topbar .download-url-wrapper .download-url-button { + background: #000fdd; + color: #fff; +} +.swagger-ui .opblock .opblock-section-header { + background: hsla(0, 0%, 13.3%, 0.8); +} +.swagger-ui .opblock-body pre { + background: #212121; + color: #b0b0b0; +} +.ui.modal > .header { + background: #6e0000; + color: #d3d3d3; +} +.ui.modal > .content { + background: #350a0a; +} +.ui.warning.message { + background-color: #422600; + color: #573a08; +} +.ui.horizontal.segments { + background-color: #050525; +} +.repository.file.list .non-diff-file-content .code-view .lines-code .hljs, +.repository.file.list .non-diff-file-content .code-view .lines-code ol, +.repository.file.list .non-diff-file-content .code-view .lines-code pre, +.repository.file.list .non-diff-file-content .code-view .lines-num .hljs, +.repository.file.list .non-diff-file-content .code-view .lines-num ol, +.repository.file.list .non-diff-file-content .code-view .lines-num pre { + background-color: #020212; +} +.repository.file.list .non-diff-file-content .code-view .lines-num { + color: #aaa; + background: #020211; +} +.repository .dif { + background-color: #332020 !important; +} +.repository .diff-file-box .code-diff-split tbody tr td.del-code, +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4) { + background-color: #321212 !important; + border-color: #2d2d2d !important; +} +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4) { + background-color: #222232 !important; +} +.repository .diff-file-box .code-diff-split tbody tr td.del-code, +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1) { + background-color: #322222 !important; + border-color: #2d2d2d !important; +} +.repository .diff-file-box .code-diff-split tbody tr td.add-code, +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(5), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6) { + background-color: #121232 !important; + border-color: #2d2d2d !important; +} +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6) { + background-color: #151515; +} + +.ui.blue.button, +.ui.blue.buttons .button { + color: var(--fghl); + background-color: var(--yellow); +} +.ui.blue.button:focus, +.ui.blue.buttons .button:hover { + color: var(--white); + background-color: var(--yellowhl); +} +.CodeMirror { + border: 1px solid #555; + padding: 1px; + background: #151515; +} +.CodeMirror pre { + color: #e66a6a !important; +} +.CodeMirror-linenumber { + color: #ddd; + background: #0a0a0a; +} +.ui .sha.label { + background: #060641; + color: #b6b6b6; +} +.hljs-addition { + background: #15217B !important; + color: #bdbdbd; +} +.hljs-deletion { + background: #7B2115; + color: #bdbdbd; +} +.repository .diff-detail-box { + background: #060639; + padding: 7px; +} +.repository .diff-detail-box ol li { + background: #0a0a0a; +} +/* Checkbox element, when checked */ +input[type="checkbox"]:checked { + box-shadow: 0 0 0 2px #acacac; +} +.repository.file.editor .tab[data-tab="write"] .CodeMirror { + background: #151515; +} +.CodeMirror-gutter, +.CodeMirror-gutters, +.CodeMirror-linenumber, +.CodeMirror-scroll, +.CodeMirror-sizer { + background: #151515; +} +.cm-s-default .cm-atom { + color: #48eca4; +} +.CodeMirror .CodeMirror-code .cm-string { + color: #d4e41e; +} +.CodeMirror .CodeMirror-code .cm-tag { + color: #dedede; +} +.CodeMirror-selected { + background: #333 !important; +} +.CodeMirror-cursor { + width: 2px; + background: #0f0; +} +.cm-s-default .cm-meta, +.cm-s-default .cm-qualifier { + color: #a8cfe7; +} +.cm-s-default .cm-variable-3 { + color: #05ffb6; +} +.cm-s-default .cm-number { + color: #9beacb; +} +.cm-s-default .cm-keyword { + color: #d949ed; +} +.cm-s-default .cm-def { + color: #53c7d4; +} +.cm-s-default .cm-builtin { + color: #46fe47; +} +.repository.file.list .non-diff-file-content .code-view .lines-code .hljs li.active, +.repository.file.list .non-diff-file-content .code-view .lines-code ol li.active, +.repository.file.list .non-diff-file-content .code-view .lines-code pre li.active { + background: #00009c; + color: #eee; +} +.repository.file.list .non-diff-file-content .code-view .active { + background: #00009c; + color: #eee; +} +.ui.header .sub.header { + color: #aaa; +} +.ui.menu .ui.dropdown .menu > .item:hover, .ui.menu .ui.dropdown .menu > .selected.item { + color: var(--fghl); + background-color: var(--bluehl); +} +a.ui.basic.label, .ui.basic.button:hover, .ui.basic.buttons .button:hover { + background: var(--cyanhl) !important; + color: var(--white); +} +button.branch-dropdown-button, .ui.basic.button, .ui.basic.buttons .button { + background: var(--cyan) !important; + margin-right: 10px !important; +} +.gt-mr-2 { + margin-right: 0px !important; +} +.ui.basic.button, .ui.basic.buttons .button, a.ui.basic.label { + color: var(--fghl) !important; + border: none !important; + border-radius: 5px; +} +.editor-preview, .editor-preview-side { + background: #131313; + color: #dfdfdf; +} +.markdown:not(code) h1 { + color: #d5d5d5; +} +.markdown:not(code) h2 { + color: #d5d5d5; +} +.markdown:not(code) h3 { + color: #d5d5d5; +} +.markdown:not(code) h4 { + color: #d5d5d5; +} +.markdown:not(code) h5 { + color: #d5d5d5; +} +.markdown:not(code) h6 { + color: #d5d5d5; +} +.heatmap-color-0 { + background-color: #0a0a0a; +} +.heatmap-color-1 { + background-color: #06264f; +} +.heatmap-color-2 { + background-color: #0f3684; +} +.heatmap-color-3 { + background-color: #1956ba; +} +.heatmap-color-4 { + background-color: var(--bluehl); +} +.heatmap-color-5 { + background-color: #3d9bdf; +} +.editor-toolbar a { + color: #71abe7 !important; +} +.markdown:not(code) code, .markdown:not(code) tt { + font-size: 1em; + background-color: #111a20; +} +::selection { + background: #777; /* WebKit/Blink Browsers */ +} +::-moz-selection { + background: #777; /* Gecko Browsers */ +} +.following.bar .brand .ui.mini.image { + width: 80px; +} +.markdown:not(code) table td, .markdown:not(code) table th { + background: #11112d; +} +.markdown:not(code).file-view { + overflow: auto; +} +.repository .dif { + background-color: #243c24 !important; +} +.repository.view.issue .comment-list .comment .content > .merge-section { + border-top: 1px solid #2b51aa !important; + background-color: #1a3e21 !important; +} +.ui.bottom.attached.message .pull-right { + color: #bababa !important; +} +.ui.table > thead > tr > th { + background: var(--bg); +} +.code-view :not(.fa):not(.octicon):not(.icon) { + background: #131313; +} +.mono.raw, code.raw, pre.raw { + background-color: #171717; + border: 1px solid #292929 !important; +} +.repository .ui.attached.isSigned.isVerified.message { + background-color: #0d2407; +} +.page-footer { + background-color: var(--blue) !important; + color: var(--bghl) !important; +} +.page-footer a { + color: var(--fghl) !important; +} +.page-footer a:hover { + color: var(--white); +} +.ui.action.tiny button:hover, .ui.action.tiny button.primary { + background-color: var(--cyanhl); + color: var(--white) !important; + border: none !important; +} +.ui.action.tiny input { + background-color: var(--bghl); + color: var(--fghl); + border: none !important; +} +.ui.action.tiny input:hover { + color: var(--white); +} +.commit-list, .ui.table th:hover { + background-color: var(--blue) !important; + color: var(--fghl) !important; +} +.ui.table.active a { + color: var(--fghl); +} +.ui.table a:hover { + color: var(--white); +} +.ui.table th { + background: none !important; +} +.ui.attached.header { + background-color: var(--blue); + border: none !important; +} +.ui.attached.header svg { + color: var(--fghl) !important; +} +.ui.attached.header svg:hover { + color: var(--white) !important; +} +.ui.attached.header .btn-octicon-danger svg:hover { + color: var(--red) !important; +} +.ui.attached.table { + border: none !important; +} +.ui.attached.table tr { + border-bottom: none !important; +} +.ui.attached.table { + border-bottom: solid 5px var(--blue) !important; + border-bottom-left-radius: 5px !important; + border-bottom-right-radius: 5px !important; +} +.ui.attached.table.segment .lines-code { + background-color: var(--bg) !important; + border-right: solid 3px var(--bghl) !important; + color: var(--fg) !important; +} +.ui.attached.table.segment .lines-num { + background-color: var(--bghl) !important; + color: var(--bg) !important;