From 364a61da08f46e9db782173ea56f35431c297198 Mon Sep 17 00:00:00 2001
From: Cory Sanin <corysanin@artixlinux.org>
Date: Sun, 8 Dec 2024 02:03:25 -0500
Subject: [PATCH] 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