From 364a61da08f46e9db782173ea56f35431c297198 Mon Sep 17 00:00:00 2001 From: Cory Sanin Date: Sun, 8 Dec 2024 02:03:25 -0500 Subject: [PATCH 1/2] Refresh our gitea theme uses styling that complements our other sites such as packages.artixlinux.org and checkupdates.artixlinux.org --- .gitignore | 1 + docker-compose.yml | 13 + theme-arc-blue.css | 1497 ++++++++-------------------------------- theme-arc-blue.css.map | 1 + theme-arc-blue.scss | 295 ++++++++ 5 files changed, 587 insertions(+), 1220 deletions(-) create mode 100644 .gitignore create mode 100644 docker-compose.yml create mode 100644 theme-arc-blue.css.map create mode 100644 theme-arc-blue.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..f5fd554 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +gitea/ \ No newline at end of file diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..52b875c --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,13 @@ +services: + server: + image: gitea/gitea:latest-rootless + restart: always + volumes: + - ./gitea/data:/var/lib/gitea + - ./gitea/config:/etc/gitea + - ./theme-arc-blue.css:/var/lib/gitea/custom/public/assets/css/theme-arc-blue.css + - /etc/timezone:/etc/timezone:ro + - /etc/localtime:/etc/localtime:ro + ports: + - "3000:3000" + - "2222:2222" \ No newline at end of file diff --git a/theme-arc-blue.css b/theme-arc-blue.css index 02b884e..1c1ef45 100644 --- a/theme-arc-blue.css +++ b/theme-arc-blue.css @@ -1,1227 +1,284 @@ -:root { - --is-dark-theme: true; -} - -html { - background: #171717; - color: #cacaca; -} -body { - background: #131313; - color: #afafaf; -} -element { - background: #1c1c1c; - color: #cbcbcb; -} -a { - color: #86acd1; -} -.following.bar.light { - background: #001038; -} -.ui.secondary.menu .item { - color: #cfc5c5; - padding: 8px 8px; -} -.ui.secondary.menu .active.item { - color: #fafafa; - padding: 5px 12px; -} -.following.bar .top.menu a.item:hover { - color: #fff; -} -.following.bar.light { - border-bottom: 1px solid #313131; -} -.ui.attached.header { - background: #060621 !important; - border: 1px solid #203241; - 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: #151825; -} -.ui.secondary.menu .dropdown.item:hover, -.ui.secondary.menu .link.item:hover, -.ui.secondary.menu a.item:hover { - color: #fff; -} -.ui.menu .ui.dropdown .menu > .item { - background: #020410 !important; - color: #9e9e9e !important; -} -.ui.secondary.menu .dropdown.item > .menu, -.ui.text.menu .dropdown.item > .menu { - border: 1px solid #203241; -} -footer { - background: #060633; - border-top: 1px solid #313131; -} -.ui.menu .dropdown.item .menu { - background: #020410; -} -.ui.menu .ui.dropdown .menu > .item:hover, -.ui.menu .ui.dropdown .menu > .selected.item { - color: #fff!important; -} -.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: #dbdbdb; -} -.ui.link.menu .item:hover, -.ui.menu .dropdown.item:hover, -.ui.menu .link.item:hover, -.ui.menu a.item:hover { - color: #dbdbdb; -} -.ui.menu .active.item { - background: #051552; - color: #dbdbdb; -} -.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: #aaaabb; -} -.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.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 { - box-shadow: 0 0 0 1px #c75252 inset!important; - color: #c75252!important; -} -.ui.basic.button:focus, -.ui.basic.button:hover, -.ui.basic.buttons .button:focus, -.ui.basic.buttons .button:hover { - background: transparent!important; - color: #dbdbdb!important; -} -.ui.menu .item.disabled, -.ui.menu .item.disabled:hover { - cursor: default !important; - background-color: #151825 !important; - color: #9e9e9e; -} -.ui.pagination.menu .active.item { - color: #dbdbdb; - background-color: #212d38; -} -.repository .header-wrapper { - background-color: #151825; -} -.ui.tabular.menu .active.item { - background: #232323; - color: #dbdbdb; - border-left: 1px solid transparent; - border-right: 1px solid transparent; - border-top: 1px solid #313c47; -} -.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: #9e9e9e; -} -.ui.tabular.menu .item:hover { - color: #dbdbdb; -} -.ui.header, -.ui.breadcrumb .divider { - color: #9e9e9e; -} -.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: #151825; - border: 1px solid rgb(48, 66, 81); -} -.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: #151825; - border: 1px solid #456580; - color: #dbdbdb; -} -.ui.action.input:not([class*="left action"]) input:focus { - border-right-color: #456580!important; -} -.ui.green.button, -.ui.green.buttons .button { - background-color: #217a45; - 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 { - background: #0c0c53; - border: 1px solid #313c47; - color: #dbdbdb; -} -.ui.labeled.button:not([class*="left labeled"]) > .label, -.ui[class*="left labeled"].button > .button { - background: #151825; - border: 1px solid #313c47; - color: #a0bdcb; -} -.ui.button:hover { - background-color: #151899; - color: #dbdbdb; -} -.ui.table thead th { - background: #05174b; - color: #dbdbdb !important; -} -.repository.file.list #repo-files-table tr:hover { - background-color: #232323; -} -.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: #020210; - 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: #151825; -} -.ui.dropdown .menu > .message:not(.ui) { - color: rgb(99, 99, 99); -} -.ui.segment { - background: #020410; - color: #9e9e9e!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: #dbdbdb; -} -.ui.dropdown .menu > .item { - color: #9e9e9e; -} -.ui.attached.segment { - border: 1px solid #313c47; -} -.repository.view.issue .comment-list .comment .content > .bottom.segment { - background: #151825; -} -.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: #aadbff !important; -} -.ui.form textarea, .ui.form textarea:focus { - background: #191919 !important; - border: 1px solid #313c47; - color: #dbdbdb; -} -.ui .info.segment.top { - background-color: #060639 !important; -} -.repository .diff-file-box .file-body.file-code { - background: #060622; -} -.repository .diff-file-box .file-body.file-code .lines-num { - color: #9e9e9e; - background: #151825; -} -.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: #9e9e9e; - background: #151825; -} -.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: #242323; - color: #eee; -} -.ui.vertical.menu .item { - background: #151825; -} -.ui.vertical.menu .header.item { - background: #001221; -} -.ui.vertical.menu { - background: #151825; -} -.ui.repository.list .item:not(:first-child) { - border-top: 1px solid #313c47; -} -.ui.selection.dropdown { - background: #151825; - border: 1px solid rgb(48, 66, 81); - color: #9e9e9e; -} -.ui.menu .ui.dropdown .menu > .active.item { - color: #dbdbdb !important; -} -.ui.tabular.menu { - border-bottom: 1px solid #313c47; -} -.ui.card, -.ui.cards > .card { - background: #151825; - 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: #9e9e9e; -} -.ui .text.black:hover { - color: #dbdbdb; -} -.ui.secondary.pointing.menu .active.item { - color: #dbdbdb; - background: #030366; -} -.ui.secondary.pointing.menu .active.item:hover { - border-top-color: #203241; - background: #021288; - color: #dbdbdb; -} -.ui.secondary.pointing.menu .dropdown.item:hover, -.ui.secondary.pointing.menu .link.item:hover, -.ui.secondary.pointing.menu a.item:hover { - color: #dbdbdb; -} -.ui.checkbox label, -.ui.checkbox + label, -.ui.form .field > label { - color: #9e9e9e; -} -.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: #9e9e9e; -} -.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: #9e9e9e; -} -.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: #dbdbdb !important; -} -.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 { - background: #001221; -} -.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 { - 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: #9e9e9e; -} -.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: #9e9e9e; -} -.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: #151825; -} -a.ui.label:hover, -a.ui.labels .label:hover { - background-color: #26577b; - color: rgb(219, 219, 219); -} -.ui.secondary.segment { - background: #020415; -} -.explore .navbar { - background-color: #151825 !important; -} -.ui.menu.new-menu { - background-color: #151825 !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 { - color: #858585; -} -.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); -} -.repository .header-wrapper { - background-color: #020210; - margin-top: -15px; - padding-top: 15px; -} -.ui.tabular.menu .active.item { - background: #1a1b5a !important; - color: #dbdbdb; - border-left: 1px solid transparent; - border-right: 1px solid transparent; - border-top: 1px solid #313c47; -} -.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; -} -.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 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: #ddd; - background-color: #030c69; -} -.ui.blue.button:focus, -.ui.blue.buttons .button:hover { - background-color: #052ca1; - color: #fff; -} -.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: #151556 !important; - color: #eee !important; -} -.ui.header .sub.header { - color: #aaa; -} -.ui.menu .ui.dropdown .menu > .item:hover, .ui.menu .ui.dropdown .menu > .selected.item { - color: #fff !important; - background: #030c89 !important; -} -.ui.basic.button, .ui.basic.buttons .button { - color: #dcdcdc !important; - background: #014a25 !important; -} -.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: #2176df; -} -.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: #101d49; -} -.code-view :not(.fa):not(.octicon):not(.icon) { - background:#050505; -} -.mono.raw, code.raw, pre.raw { - background-color: #171717; - border: 1px solid #292929 !important; -} -.repository .ui.attached.isSigned.isVerified.message, -.repository .ui.attached.isSigned.isVerifiedUntrusted.message { - background-color: #0d2407; -} -.ui.form .dropzone { - background: #263311; -} -.ui.form .dropzone .dz-button { - color: #ddd; -} -.ui .text.blue a { - color: #00beff !important; -} -.monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input { - background-color: #0a0a0a !important; -} -.monaco-editor .margin { - background-color: #151515 !important; -} -.mtk1 { - color: #86d486 !important; -} - .mtk14 { - color: #9a930c !important; -} -.monaco-editor .minimap-slider, .monaco-editor .minimap-slider .minimap-slider-horizontal { - background: #09539d66 !important; -} -.monaco-editor .find-widget .button { - background: #333 !important; - color: #ddd !important; -} -.codicon[class*="codicon-"] { - background: #333 !important; - color: #ddd !important; -} - -.chroma { - background-color: inherit; -} -a.blob-excerpt { - background: #131; -} -.chroma .s1 { - color: #aaa; -} -.chroma .gd { - color: #faa; - background-color: #622; -} -.chroma .gi { - color: #aba; - background-color: #131; -} -.tag-code, .tag-code td { - border-color: #889 !important; -} -.repository .diff-file-box .code-diff-split tbody tr.add-code { - border-color: #333; -} -.chroma .nc { - color: #8899aa; -} -.chroma .nd { - color: #63c2c2; -} -.chroma .kt { - color: #58ae8a; -} -.chroma .dl, .chroma .s, .chroma .s2, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .sd, .chroma .se, .chroma .sh, .chroma .si, .chroma .sx { - color: #248fb9; -} -.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; - background: #232323; - color: #eeeeee !important; -} -.swagger-ui .opblock .opblock-section-header { - background: #1c1c1c; -} -.swagger-ui .opblock.opblock-deprecated .opblock-summary-method { - background: #656565; -} -.swagger-ui .info .title { - color: #37a319; -} -.swagger-ui .info .base-url { - color: #b0c1ee; -} -swagger-ui .info li, .swagger-ui .info p, .swagger-ui .info table { - color: #d1dbbd; -} -.swagger-ui .scheme-container { - background: #323232; -} -.swagger-ui .scheme-container .schemes > label { - color: #acadb2; -} -.swagger-ui select { - background: #3a8637; - color: #fff; -} -.swagger-ui input[type="email"], .swagger-ui input[type="file"], .swagger-ui input[type="password"], .swagger-ui input[type="search"], .swagger-ui input[type="text"], .swagger-ui textarea { - border: 1px solid #777676; - background: #1f1f1f !important; -} -.ui.attached.segment { - border: 1px solid #313c47; -} -.repository.file.editor .commit-form-wrapper .commit-form { - background: #171717; -} -.ui.attached.segment, .ui.segment, .ui.segments { - background: #0a0a2d; -} -.repository.file.editor .commit-form-wrapper .commit-form { - background: #0f0f0f; -} -.ui.blue.button, .ui.blue.buttons .button, .ui.primary.button, .ui.primary.buttons .button { - background-color: #0e184f !important; -} -.ui.form .field.field input:autofill { - box-shadow: inset 0 0 0 100px #141C47 !important; -} -.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon { - color: #555; -} -.repository .ui.segment.sub-menu .list .item.active { - background: #014a25; -} -.lines-code { - background-color: inherit; -} -.following.bar .brand .ui.mini.image { - width: 32px; -} -.ui.checkbox input:checked ~ label::before, .ui.checkbox input:not([type="radio"]):indeterminate ~ label::before, .ui.checkbox label::before, .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"], .ui.form select, .ui.form textarea, .ui.input > input, .ui.selection.dropdown, input, textarea { - background: #040404 !important; - color: #ddd !important; -} :root { - --color-secondary-alpha-70: #1f1f1f; - --color-primary-light-4: #002a52; - --color-primary-light-2: #214b73; - --color-primary-dark-2: #87bcf0; - --color-primary-dark-4: #add5fc; + --is-dark-theme: true; + --color-primary: #4ab2fa; + --color-primary-contrast: #1a1a1a; + --color-primary-dark-1: #68cafd; + --color-primary-dark-2: #8ed9ff; + --color-primary-dark-3: #A4E1FF; + --color-primary-dark-4: #bae8ff; + --color-primary-dark-5: #CFEFFF; + --color-primary-dark-6: #e4f6ff; + --color-primary-dark-7: #f4f8fb; + --color-primary-light-1: #00a0fa; + --color-primary-light-2: #0090f7; + --color-primary-light-3: #0082e9; + --color-primary-light-4: #0070d6; + --color-primary-light-5: #0070d6; + --color-primary-light-6: #0041a5; + --color-primary-light-7: #04080c; + --color-primary-alpha-10: #53bffc19; + --color-primary-alpha-20: #53bffc33; + --color-primary-alpha-30: #53bffc4b; + --color-primary-alpha-40: #53bffc66; + --color-primary-alpha-50: #53bffc80; + --color-primary-alpha-60: #53bffc99; + --color-primary-alpha-70: #53bffcb3; + --color-primary-alpha-80: #53bffccc; + --color-primary-alpha-90: #53bffce1; + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-2); + --color-secondary: #858585; + --color-secondary-dark-1: #414b54; + --color-secondary-dark-2: #49545f; + --color-secondary-dark-3: #576471; + --color-secondary-dark-4: #677685; + --color-secondary-dark-5: #758594; + --color-secondary-dark-6: #8392a0; + --color-secondary-dark-7: #929eab; + --color-secondary-dark-8: #a2acb7; + --color-secondary-dark-9: #a9b3bd; + --color-secondary-dark-10: #b7bfc7; + --color-secondary-dark-11: #c5cbd2; + --color-secondary-dark-12: #cfd4da; + --color-secondary-dark-13: #d2d7dc; + --color-secondary-light-1: #707070; + --color-secondary-light-2: #505050; + --color-secondary-light-3: #2e2e2e; + --color-secondary-light-4: #171b1e; + --color-secondary-alpha-10: #85858519; + --color-secondary-alpha-20: #85858533; + --color-secondary-alpha-30: #8585854b; + --color-secondary-alpha-40: #85858566; + --color-secondary-alpha-50: #85858580; + --color-secondary-alpha-60: #85858599; + --color-secondary-alpha-70: #858585b3; + --color-secondary-alpha-80: #858585cc; + --color-secondary-alpha-90: #858585e1; + --color-secondary-button: var(--color-secondary-dark-4); + --color-secondary-hover: var(--color-secondary-dark-3); + --color-secondary-active: var(--color-secondary-dark-2); + /* console colors - used for actions console and console files */ + --color-console-fg: #f7f8f9; + --color-console-fg-subtle: #bdc4cc; + --color-console-bg: #171b1e; + --color-console-border: #2e353b; + --color-console-hover-bg: #272d33; + --color-console-active-bg: #2e353b; + --color-console-menu-bg: #262b31; + --color-console-menu-border: #414b55; + /* named colors */ + --color-red: #c23636; + --color-orange: #f38236; + --color-yellow: #b88a03; + --color-olive: #839311; + --color-green: #7a9e55; + --color-teal: #00837c; + --color-blue: #347cb3; + --color-violet: #7b4edb; + --color-purple: #a742c9; + --color-pink: #be297d; + --color-brown: #94674a; + --color-black: #292e38; + /* light variants - produced via Sass scale-color(color, $lightness: +10%) */ + --color-red-light: rgb(203.6564516129, 70.5435483871, 70.5435483871); + --color-orange-light: rgb(244.2, 142.5, 74.1); + --color-yellow-light: rgb(215.7818181818, 161.8363636364, 3.5181818182); + --color-olive-light: rgb(158.637804878, 178.0134146341, 20.5865853659); + --color-green-light: rgb(135.3444444444, 170.9444444444, 98.7555555556); + --color-teal-light: rgb(0, 168.9, 159.8748091603); + --color-blue-light: rgb(60.4246753247, 138.6896103896, 198.4753246753); + --color-violet-light: rgb(136.2, 95.7, 222.6); + --color-purple-light: rgb(175.8, 84.9, 206.4); + --color-pink-light: rgb(210.4324675325, 48.4675324675, 139.7766233766); + --color-brown-light: rgb(167.2, 116.3621621622, 83.6); + --color-black-light: rgb(58.4567010309, 65.5855670103, 79.8432989691); + /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-dark-1: rgb(174.6, 48.6, 48.6); + --color-orange-dark-1: rgb(241.3267605634, 112.5704225352, 25.9732394366); + --color-yellow-dark-1: rgb(165.6, 124.2, 2.7); + --color-olive-dark-1: rgb(117.9, 132.3, 15.3); + --color-green-dark-1: rgb(109.8, 142.2, 76.5); + --color-teal-dark-1: rgb(0, 117.9, 111.6); + --color-blue-dark-1: rgb(46.8, 111.6, 161.1); + --color-violet-dark-1: rgb(104.5943661972, 53.3197183099, 213.9802816901); + --color-purple-dark-1: rgb(153.2777777778, 53.4, 186.9); + --color-pink-dark-1: rgb(171, 36.9, 112.5); + --color-brown-dark-1: rgb(133.2, 92.7, 66.6); + --color-black-dark-1: rgb(36.9, 41.4, 50.4); + /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */ + --color-red-dark-2: rgb(155.2, 43.2, 43.2); + --color-orange-dark-2: rgb(224.214084507, 98.1633802817, 13.385915493); + --color-yellow-dark-2: rgb(147.2, 110.4, 2.4); + --color-olive-dark-2: rgb(104.8, 117.6, 13.6); + --color-green-dark-2: rgb(97.6, 126.4, 68); + --color-teal-dark-2: rgb(0, 104.8, 99.2); + --color-blue-dark-2: rgb(41.6, 99.2, 143.2); + --color-violet-dark-2: rgb(90.3549295775, 40.1577464789, 197.4422535211); + --color-purple-dark-2: rgb(136.2469135802, 47.4666666667, 166.1333333333); + --color-pink-dark-2: rgb(152, 32.8, 100); + --color-brown-dark-2: rgb(118.4, 82.4, 59.2); + --color-black-dark-2: rgb(32.8, 36.8, 44.8); + /* ansi colors used for actions console and console files */ + --color-ansi-black: #1e2327; + --color-ansi-red: #cc4848; + --color-ansi-green: #87ab63; + --color-ansi-yellow: #cc9903; + --color-ansi-blue: #3a8ac6; + --color-ansi-magenta: #d22e8b; + --color-ansi-cyan: #00918a; + --color-ansi-white: var(--color-console-fg-subtle); + --color-ansi-bright-black: #424851; + --color-ansi-bright-red: #d15a5a; + --color-ansi-bright-green: #93b373; + --color-ansi-bright-yellow: #eaaf03; + --color-ansi-bright-blue: #4e96cc; + --color-ansi-bright-magenta: #d74397; + --color-ansi-bright-cyan: #00b6ad; + --color-ansi-bright-white: var(--color-console-fg); + /* other colors */ + --color-grey: #384149; + --color-grey-light: #818f9e; + --color-gold: #b1983b; + --color-white: #ffffff; + --color-diff-added-linenum-bg: #274227; + --color-diff-added-row-bg: #203224; + --color-diff-added-row-border: #314a37; + --color-diff-added-word-bg: #3c653c; + --color-diff-moved-row-bg: #818044; + --color-diff-moved-row-border: #bcca6f; + --color-diff-removed-linenum-bg: #482121; + --color-diff-removed-row-bg: #301e1e; + --color-diff-removed-row-border: #634343; + --color-diff-removed-word-bg: #6f3333; + --color-diff-inactive: #22282d; + --color-error-border: #a04141; + --color-error-bg: #522; + --color-error-bg-active: #744; + --color-error-bg-hover: #633; + --color-error-text: #f9cbcb; + --color-success-border: #458a57; + --color-success-bg: #284034; + --color-success-text: #6cc664; + --color-warning-border: #bb9d00; + --color-warning-bg: #3a3a30; + --color-warning-text: #fbbd08; + --color-info-border: #306090; + --color-info-bg: #26354c; + --color-info-text: #38a8e8; + --color-red-badge: #db2828; + --color-red-badge-bg: #db28281a; + --color-red-badge-hover-bg: #db28284d; + --color-green-badge: #21ba45; + --color-green-badge-bg: #21ba451a; + --color-green-badge-hover-bg: #21ba454d; + --color-yellow-badge: #fbbd08; + --color-yellow-badge-bg: #fbbd081a; + --color-yellow-badge-hover-bg: #fbbd084d; + --color-orange-badge: #f2711c; + --color-orange-badge-bg: #f2711c1a; + --color-orange-badge-hover-bg: #f2711c4d; + --color-git: #f05133; + /* target-based colors */ + --color-body: #1a1a1a; + --color-box-header: #0f3147; + --color-box-body: var(--color-menu); + --color-box-body-highlight: #505050; + --color-text-dark: #f7f8f9; + --color-text: #d0d5da; + --color-text-light: #bcc3cb; + --color-text-light-1: #a5afb9; + --color-text-light-2: #8f9ba8; + --color-text-light-3: #788797; + --color-footer: var(--color-nav-bg); + --color-timeline: #343c44; + --color-input-text: var(--color-text-dark); + --color-input-background: #1a1a1a; + --color-input-toggle-background: #2e353c; + --color-input-border: var(--color-secondary); + --color-input-border-hover: var(--color-secondary-dark-1); + --color-light: #00001728; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #e8f3ff28; + --color-hover: #1a1a1a; + --color-active: #e8f3ff24; + --color-menu: #2a2a2a; + --color-card: #2a2a2a; + --color-markup-table-row: #e8f3ff0f; + --color-markup-code-block: #e8f3ff12; + --color-markup-code-inline: #e8f3ff28; + --color-button: #1a1a1a; + --color-code-bg: #111; + --color-shadow: #00001758; + --color-secondary-bg: #2a3137; + --color-expand-button: #2f363d; + --color-placeholder-text: var(--color-text-light-3); + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-board-bg: var(--color-secondary-light-2); + --color-caret: var(--color-text); + /* should ideally be --color-text-dark, see #15651 */ + --color-reaction-bg: #e8f3ff12; + --color-reaction-hover-bg: var(--color-primary-light-4); + --color-reaction-active-bg: var(--color-primary-light-5); + --color-tooltip-text: #1a1a1a; + --color-tooltip-bg: #68cafd; + --color-nav-bg: #333; + --color-nav-hover-bg: var(--color-secondary-light-4); + --color-nav-text: var(--color-text); + --color-secondary-nav-bg: #0c1a28; + --color-label-text: var(--color-text); + --color-label-bg: #8585854b; + --color-label-hover-bg: #999999a0; + --color-label-active-bg: #b8b8b8ff; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-highlight-fg: #87651e; + --color-highlight-bg: #352c1c; + --color-overlay-backdrop: #080808c0; + accent-color: var(--color-accent); + color-scheme: dark; } -.bar { - background: #0a0a2d !important; + +/* invert emojis that are hard to read otherwise */ +.emoji[aria-label="check mark"], +.emoji[aria-label="currency exchange"], +.emoji[aria-label="TOP arrow"], +.emoji[aria-label="END arrow"], +.emoji[aria-label="ON! arrow"], +.emoji[aria-label="SOON arrow"], +.emoji[aria-label="heavy dollar sign"], +.emoji[aria-label=copyright], +.emoji[aria-label=registered], +.emoji[aria-label="trade mark"], +.emoji[aria-label=multiply], +.emoji[aria-label=plus], +.emoji[aria-label=minus], +.emoji[aria-label=divide], +.emoji[aria-label="curly loop"], +.emoji[aria-label="double curly loop"], +.emoji[aria-label="wavy dash"], +.emoji[aria-label="paw prints"], +.emoji[aria-label="musical note"], +.emoji[aria-label="musical notes"] { + filter: invert(100%) hue-rotate(180deg); } -.ui.link.list .item, .ui.link.list .item a:not(.ui), .ui.link.list a.item { - color: #aaa; + +nav#navbar { + border-bottom: 5px #0a6682 solid; } -.ui.wide.popup.fixed { - background: #000; + +.secondary-nav { + --color-button: #2a2a2a; } -.ui.top.attached.header { - background: #0b2007 !important; + +.ui.table > tbody { + background-color: var(--color-hover); } -ui.popup { - background-color: #0a2109; - color: #dfdfdf; -} -ui.search > .results { - background: #0A0A2D; -} -.ui.search > .results .result .title { - color: #ddd; -} -.ui.search > .results .result .description { - color: #bbd5baaa; -} -.code-diff-split .del-code .lines-num-new, .code-diff-split .del-code .lines-type-marker-new, .code-diff-split .del-code .lines-code-new, .code-diff-split .del-code .lines-escape-new, .code-diff-split .add-code .lines-num-old, .code-diff-split .add-code .lines-escape-old, .code-diff-split .add-code .lines-type-marker-old, .code-diff-split .add-code .lines-code-old { - background: inherit; -} -.code-diff-unified .add-code, .code-diff-unified .add-code td, .code-diff-split .add-code .lines-num-new, .code-diff-split .add-code .lines-type-marker-new, .code-diff-split .add-code .lines-escape-new, .code-diff-split .add-code .lines-code-new, .code-diff-split .del-code .add-code.lines-num-new, .code-diff-split .del-code .add-code.lines-type-marker-new, .code-diff-split .del-code .add-code.lines-escape-new, .code-diff-split .del-code .add-code.lines-code-new { - background: inherit; -} -.tippy-box { - background-color: #141313; - color: #e3e3e3; -} -.tag-code, .tag-code td, .tag-code .blob-excerpt { - background-color: #18440f; - color: #ddd; -} -.job-group-section .job-brief-list .job-brief-item[data-v-c04a296c] { - background: #024302; + +.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n), +.ui.basic.striped.table > tbody > tr:nth-child(2n), +.ui.striped.table > tr:nth-child(2n), +.ui.striped.table > tbody > tr:nth-child(2n) { + background-color: #111111 !important; } + +/*# sourceMappingURL=theme-arc-blue.css.map */ diff --git a/theme-arc-blue.css.map b/theme-arc-blue.css.map new file mode 100644 index 0000000..e856135 --- /dev/null +++ b/theme-arc-blue.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["theme-arc-blue.scss"],"names":[],"mappings":"AAaA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAoBI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;EAIE","file":"theme-arc-blue.css"} \ No newline at end of file diff --git a/theme-arc-blue.scss b/theme-arc-blue.scss new file mode 100644 index 0000000..f84ec90 --- /dev/null +++ b/theme-arc-blue.scss @@ -0,0 +1,295 @@ +$red: #c23636; +$orange: #f38236; +$yellow: #b88a03; +$olive: #839311; +$green: #7a9e55; +$teal: #00837c; +$blue: #347cb3; +$violet: #7b4edb; +$purple: #a742c9; +$pink: #be297d; +$brown: #94674a; +$black: #292e38; + +:root { + --is-dark-theme: true; + --color-primary: #4ab2fa; + --color-primary-contrast: #1a1a1a; + --color-primary-dark-1: #68cafd; + --color-primary-dark-2: #8ed9ff; + --color-primary-dark-3: #A4E1FF; + --color-primary-dark-4: #bae8ff; + --color-primary-dark-5: #CFEFFF; + --color-primary-dark-6: #e4f6ff; + --color-primary-dark-7: #f4f8fb; + --color-primary-light-1: #00a0fa; + --color-primary-light-2: #0090f7; + --color-primary-light-3: #0082e9; + --color-primary-light-4: #0070d6; + --color-primary-light-5: #0070d6; + --color-primary-light-6: #0041a5; + --color-primary-light-7: #04080c; + --color-primary-alpha-10: #53bffc19; + --color-primary-alpha-20: #53bffc33; + --color-primary-alpha-30: #53bffc4b; + --color-primary-alpha-40: #53bffc66; + --color-primary-alpha-50: #53bffc80; + --color-primary-alpha-60: #53bffc99; + --color-primary-alpha-70: #53bffcb3; + --color-primary-alpha-80: #53bffccc; + --color-primary-alpha-90: #53bffce1; + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-2); + --color-secondary: #858585; + --color-secondary-dark-1: #414b54; + --color-secondary-dark-2: #49545f; + --color-secondary-dark-3: #576471; + --color-secondary-dark-4: #677685; + --color-secondary-dark-5: #758594; + --color-secondary-dark-6: #8392a0; + --color-secondary-dark-7: #929eab; + --color-secondary-dark-8: #a2acb7; + --color-secondary-dark-9: #a9b3bd; + --color-secondary-dark-10: #b7bfc7; + --color-secondary-dark-11: #c5cbd2; + --color-secondary-dark-12: #cfd4da; + --color-secondary-dark-13: #d2d7dc; + --color-secondary-light-1: #707070; + --color-secondary-light-2: #505050; + --color-secondary-light-3: #2e2e2e; + --color-secondary-light-4: #171b1e; + --color-secondary-alpha-10: #85858519; + --color-secondary-alpha-20: #85858533; + --color-secondary-alpha-30: #8585854b; + --color-secondary-alpha-40: #85858566; + --color-secondary-alpha-50: #85858580; + --color-secondary-alpha-60: #85858599; + --color-secondary-alpha-70: #858585b3; + --color-secondary-alpha-80: #858585cc; + --color-secondary-alpha-90: #858585e1; + --color-secondary-button: var(--color-secondary-dark-4); + --color-secondary-hover: var(--color-secondary-dark-3); + --color-secondary-active: var(--color-secondary-dark-2); + /* console colors - used for actions console and console files */ + --color-console-fg: #f7f8f9; + --color-console-fg-subtle: #bdc4cc; + --color-console-bg: #171b1e; + --color-console-border: #2e353b; + --color-console-hover-bg: #272d33; + --color-console-active-bg: #2e353b; + --color-console-menu-bg: #262b31; + --color-console-menu-border: #414b55; + /* named colors */ + --color-red: #{$red}; + --color-orange: #{$orange}; + --color-yellow: #{$yellow}; + --color-olive: #{$olive}; + --color-green: #{$green}; + --color-teal: #{$teal}; + --color-blue: #{$blue}; + --color-violet: #{$violet}; + --color-purple: #{$purple}; + --color-pink: #{$pink}; + --color-brown: #{$brown}; + --color-black: #{$black}; + /* light variants - produced via Sass scale-color(color, $lightness: +10%) */ + --color-red-light: #{scale-color($red, $lightness: +10%)}; + --color-orange-light: #{scale-color($orange, $lightness: +10%)}; + --color-yellow-light: #{scale-color($yellow, $lightness: +10%)}; + --color-olive-light: #{scale-color($olive, $lightness: +10%)}; + --color-green-light: #{scale-color($green, $lightness: +10%)}; + --color-teal-light: #{scale-color($teal, $lightness: +10%)}; + --color-blue-light: #{scale-color($blue, $lightness: +10%)}; + --color-violet-light: #{scale-color($violet, $lightness: +10%)}; + --color-purple-light: #{scale-color($purple, $lightness: +10%)}; + --color-pink-light: #{scale-color($pink, $lightness: +10%)}; + --color-brown-light: #{scale-color($brown, $lightness: +10%)}; + --color-black-light: #{scale-color($black, $lightness: +10%)}; + /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-dark-1: #{scale-color($red, $lightness: -10%)}; + --color-orange-dark-1: #{scale-color($orange, $lightness: -10%)}; + --color-yellow-dark-1: #{scale-color($yellow, $lightness: -10%)}; + --color-olive-dark-1: #{scale-color($olive, $lightness: -10%)}; + --color-green-dark-1: #{scale-color($green, $lightness: -10%)}; + --color-teal-dark-1: #{scale-color($teal, $lightness: -10%)}; + --color-blue-dark-1: #{scale-color($blue, $lightness: -10%)}; + --color-violet-dark-1: #{scale-color($violet, $lightness: -10%)}; + --color-purple-dark-1: #{scale-color($purple, $lightness: -10%)}; + --color-pink-dark-1: #{scale-color($pink, $lightness: -10%)}; + --color-brown-dark-1: #{scale-color($brown, $lightness: -10%)}; + --color-black-dark-1: #{scale-color($black, $lightness: -10%)}; + /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */ + --color-red-dark-2: #{scale-color($red, $lightness: -20%)}; + --color-orange-dark-2: #{scale-color($orange, $lightness: -20%)}; + --color-yellow-dark-2: #{scale-color($yellow, $lightness: -20%)}; + --color-olive-dark-2: #{scale-color($olive, $lightness: -20%)}; + --color-green-dark-2: #{scale-color($green, $lightness: -20%)}; + --color-teal-dark-2: #{scale-color($teal, $lightness: -20%)}; + --color-blue-dark-2: #{scale-color($blue, $lightness: -20%)}; + --color-violet-dark-2: #{scale-color($violet, $lightness: -20%)}; + --color-purple-dark-2: #{scale-color($purple, $lightness: -20%)}; + --color-pink-dark-2: #{scale-color($pink, $lightness: -20%)}; + --color-brown-dark-2: #{scale-color($brown, $lightness: -20%)}; + --color-black-dark-2: #{scale-color($black, $lightness: -20%)}; + /* ansi colors used for actions console and console files */ + --color-ansi-black: #1e2327; + --color-ansi-red: #cc4848; + --color-ansi-green: #87ab63; + --color-ansi-yellow: #cc9903; + --color-ansi-blue: #3a8ac6; + --color-ansi-magenta: #d22e8b; + --color-ansi-cyan: #00918a; + --color-ansi-white: var(--color-console-fg-subtle); + --color-ansi-bright-black: #424851; + --color-ansi-bright-red: #d15a5a; + --color-ansi-bright-green: #93b373; + --color-ansi-bright-yellow: #eaaf03; + --color-ansi-bright-blue: #4e96cc; + --color-ansi-bright-magenta: #d74397; + --color-ansi-bright-cyan: #00b6ad; + --color-ansi-bright-white: var(--color-console-fg); + /* other colors */ + --color-grey: #384149; + --color-grey-light: #818f9e; + --color-gold: #b1983b; + --color-white: #ffffff; + --color-diff-added-linenum-bg: #274227; + --color-diff-added-row-bg: #203224; + --color-diff-added-row-border: #314a37; + --color-diff-added-word-bg: #3c653c; + --color-diff-moved-row-bg: #818044; + --color-diff-moved-row-border: #bcca6f; + --color-diff-removed-linenum-bg: #482121; + --color-diff-removed-row-bg: #301e1e; + --color-diff-removed-row-border: #634343; + --color-diff-removed-word-bg: #6f3333; + --color-diff-inactive: #22282d; + --color-error-border: #a04141; + --color-error-bg: #522; + --color-error-bg-active: #744; + --color-error-bg-hover: #633; + --color-error-text: #f9cbcb; + --color-success-border: #458a57; + --color-success-bg: #284034; + --color-success-text: #6cc664; + --color-warning-border: #bb9d00; + --color-warning-bg: #3a3a30; + --color-warning-text: #fbbd08; + --color-info-border: #306090; + --color-info-bg: #26354c; + --color-info-text: #38a8e8; + --color-red-badge: #db2828; + --color-red-badge-bg: #db28281a; + --color-red-badge-hover-bg: #db28284d; + --color-green-badge: #21ba45; + --color-green-badge-bg: #21ba451a; + --color-green-badge-hover-bg: #21ba454d; + --color-yellow-badge: #fbbd08; + --color-yellow-badge-bg: #fbbd081a; + --color-yellow-badge-hover-bg: #fbbd084d; + --color-orange-badge: #f2711c; + --color-orange-badge-bg: #f2711c1a; + --color-orange-badge-hover-bg: #f2711c4d; + --color-git: #f05133; + /* target-based colors */ + --color-body: #1a1a1a; + --color-box-header: #0f3147; + --color-box-body: var(--color-menu); + --color-box-body-highlight: #505050; + --color-text-dark: #f7f8f9; + --color-text: #d0d5da; + --color-text-light: #bcc3cb; + --color-text-light-1: #a5afb9; + --color-text-light-2: #8f9ba8; + --color-text-light-3: #788797; + --color-footer: var(--color-nav-bg); + --color-timeline: #343c44; + --color-input-text: var(--color-text-dark); + --color-input-background: #1a1a1a; + --color-input-toggle-background: #2e353c; + --color-input-border: var(--color-secondary); + --color-input-border-hover: var(--color-secondary-dark-1); + --color-light: #00001728; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #e8f3ff28; + --color-hover: #1a1a1a; + --color-active: #e8f3ff24; + --color-menu: #2a2a2a; + --color-card: #2a2a2a; + --color-markup-table-row: #e8f3ff0f; + --color-markup-code-block: #e8f3ff12; + --color-markup-code-inline: #e8f3ff28; + --color-button: #1a1a1a; + --color-code-bg: #111; + --color-shadow: #00001758; + --color-secondary-bg: #2a3137; + --color-expand-button: #2f363d; + --color-placeholder-text: var(--color-text-light-3); + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-board-bg: var(--color-secondary-light-2); + --color-caret: var(--color-text); + /* should ideally be --color-text-dark, see #15651 */ + --color-reaction-bg: #e8f3ff12; + --color-reaction-hover-bg: var(--color-primary-light-4); + --color-reaction-active-bg: var(--color-primary-light-5); + --color-tooltip-text: #1a1a1a; + --color-tooltip-bg: #68cafd; + --color-nav-bg: #333; + --color-nav-hover-bg: var(--color-secondary-light-4); + --color-nav-text: var(--color-text); + --color-secondary-nav-bg: #0c1a28; + --color-label-text: var(--color-text); + --color-label-bg: #8585854b; + --color-label-hover-bg: #999999a0; + --color-label-active-bg: #b8b8b8ff; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-highlight-fg: #87651e; + --color-highlight-bg: #352c1c; + --color-overlay-backdrop: #080808c0; + accent-color: var(--color-accent); + color-scheme: dark; +} + +/* invert emojis that are hard to read otherwise */ +.emoji[aria-label="check mark"], +.emoji[aria-label="currency exchange"], +.emoji[aria-label="TOP arrow"], +.emoji[aria-label="END arrow"], +.emoji[aria-label="ON! arrow"], +.emoji[aria-label="SOON arrow"], +.emoji[aria-label="heavy dollar sign"], +.emoji[aria-label="copyright"], +.emoji[aria-label="registered"], +.emoji[aria-label="trade mark"], +.emoji[aria-label="multiply"], +.emoji[aria-label="plus"], +.emoji[aria-label="minus"], +.emoji[aria-label="divide"], +.emoji[aria-label="curly loop"], +.emoji[aria-label="double curly loop"], +.emoji[aria-label="wavy dash"], +.emoji[aria-label="paw prints"], +.emoji[aria-label="musical note"], +.emoji[aria-label="musical notes"] { + filter: invert(100%) hue-rotate(180deg); +} + +nav#navbar { + border-bottom: 5px #0a6682 solid; +} + +.secondary-nav { + --color-button: #2a2a2a; +} + +.ui.table > tbody { + background-color: var(--color-hover); +} + +.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n), +.ui.basic.striped.table > tbody > tr:nth-child(2n), +.ui.striped.table > tr:nth-child(2n), +.ui.striped.table > tbody > tr:nth-child(2n) { + background-color: #111111 !important; +} \ No newline at end of file From 08273921eacb989e400ce97d8a9deb8d9a5a7599 Mon Sep 17 00:00:00 2001 From: Cory Sanin Date: Sun, 8 Dec 2024 02:30:50 -0500 Subject: [PATCH 2/2] Reduce harshness of some colors and update readme --- README.md | 6 +++++- theme-arc-blue.css | 16 +++++++++++++--- theme-arc-blue.css.map | 2 +- theme-arc-blue.scss | 16 +++++++++++++--- 4 files changed, 32 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 4a91e4c..df9b4de 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,7 @@ # gitea-dark-blue theme -The dark blue Gitea theme used in https://gitea.artixlinux.org \ No newline at end of file +The dark blue Gitea theme used in https://gitea.artixlinux.org + +## Processing Sass + +Install `dart-sass` and run `sass ./theme-arc-blue.scss ./theme-arc-blue.css` diff --git a/theme-arc-blue.css b/theme-arc-blue.css index 1c1ef45..d71bfe8 100644 --- a/theme-arc-blue.css +++ b/theme-arc-blue.css @@ -192,7 +192,7 @@ --color-footer: var(--color-nav-bg); --color-timeline: #343c44; --color-input-text: var(--color-text-dark); - --color-input-background: #1a1a1a; + --color-input-background: #2a2a2a; --color-input-toggle-background: #2e353c; --color-input-border: var(--color-secondary); --color-input-border-hover: var(--color-secondary-dark-1); @@ -219,8 +219,8 @@ --color-reaction-bg: #e8f3ff12; --color-reaction-hover-bg: var(--color-primary-light-4); --color-reaction-active-bg: var(--color-primary-light-5); - --color-tooltip-text: #1a1a1a; - --color-tooltip-bg: #68cafd; + --color-tooltip-text: var(--color-text); + --color-tooltip-bg: #315875; --color-nav-bg: #333; --color-nav-hover-bg: var(--color-secondary-light-4); --color-nav-text: var(--color-text); @@ -270,6 +270,16 @@ nav#navbar { --color-button: #2a2a2a; } +.repo-button-row { + --color-primary: var(--color-box-header); + --color-primary-hover: #23455f; + --color-primary-contrast: var(--color-text); +} + +.ui.attached.segment { + --color-input-background: #1a1a1a; +} + .ui.table > tbody { background-color: var(--color-hover); } diff --git a/theme-arc-blue.css.map b/theme-arc-blue.css.map index e856135..7f3bf86 100644 --- a/theme-arc-blue.css.map +++ b/theme-arc-blue.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["theme-arc-blue.scss"],"names":[],"mappings":"AAaA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAoBI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;EAIE","file":"theme-arc-blue.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["theme-arc-blue.scss"],"names":[],"mappings":"AAaA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAoBI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;EAIE","file":"theme-arc-blue.css"} \ No newline at end of file diff --git a/theme-arc-blue.scss b/theme-arc-blue.scss index f84ec90..c464874 100644 --- a/theme-arc-blue.scss +++ b/theme-arc-blue.scss @@ -205,7 +205,7 @@ $black: #292e38; --color-footer: var(--color-nav-bg); --color-timeline: #343c44; --color-input-text: var(--color-text-dark); - --color-input-background: #1a1a1a; + --color-input-background: #2a2a2a; --color-input-toggle-background: #2e353c; --color-input-border: var(--color-secondary); --color-input-border-hover: var(--color-secondary-dark-1); @@ -232,8 +232,8 @@ $black: #292e38; --color-reaction-bg: #e8f3ff12; --color-reaction-hover-bg: var(--color-primary-light-4); --color-reaction-active-bg: var(--color-primary-light-5); - --color-tooltip-text: #1a1a1a; - --color-tooltip-bg: #68cafd; + --color-tooltip-text: var(--color-text); + --color-tooltip-bg: #315875; --color-nav-bg: #333; --color-nav-hover-bg: var(--color-secondary-light-4); --color-nav-text: var(--color-text); @@ -283,6 +283,16 @@ nav#navbar { --color-button: #2a2a2a; } +.repo-button-row { + --color-primary: var(--color-box-header); + --color-primary-hover: #23455f; + --color-primary-contrast: var(--color-text); +} + +.ui.attached.segment { + --color-input-background: #1a1a1a; +} + .ui.table > tbody { background-color: var(--color-hover); }