From ea73e6f10c5ee3aa517821261ed72782c3b187ca Mon Sep 17 00:00:00 2001
From: Chish <i@chish.cn>
Date: Wed, 29 Nov 2023 22:07:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                        |    8 +-
 public/css/theme-github-auto.css | 1509 ++++++++++++++++++++++++++++++
 public/css/theme-github-dark.css | 1041 +++++++++++++++++++++
 public/css/theme-github.css      | 1008 +++++++++-----------
 4 files changed, 3020 insertions(+), 546 deletions(-)
 create mode 100644 public/css/theme-github-auto.css
 create mode 100644 public/css/theme-github-dark.css

diff --git a/README.md b/README.md
index da31e23..635a7f2 100755
--- a/README.md
+++ b/README.md
@@ -10,6 +10,8 @@ gitea-github-theme
     ├─README.md
     ├─public
     │  ├─css
+    │  │  ├─theme-github-auto.css
+    │  │  ├─theme-github.dark.css
     │  │  └─theme-github.css
     │  └─js
     │     └─theme-github.js
@@ -20,12 +22,12 @@ gitea-github-theme
 ## 安装
 - 寻找你的 Gitea 环境地址, 管理后台 -> 应用配置 -> App Data Path
 - 主题
-    - 创建 `public/css`, 将 `theme-github.css` 文件移入
+    - 创建 `public/css`, 将 `theme-github.css` `theme-github-auto.css` `theme-github.dark.css` 文件移入
     - 修改 Gitea 配置文件 `gitea/conf/app.ini`, 在文中找到或文档末尾添加:
 ```ini
 [ui]
-THEMES = gitea,arc-green,github
-DEFAULT_THEME = github
+THEMES = gitea,arc-green,github,github-auto,github-dark
+DEFAULT_THEME = github-auto
 ```
 - 主页
     - 创建 `templates`, 将 `home.tmpl` 文件移入
diff --git a/public/css/theme-github-auto.css b/public/css/theme-github-auto.css
new file mode 100644
index 0000000..f975bba
--- /dev/null
+++ b/public/css/theme-github-auto.css
@@ -0,0 +1,1509 @@
+@media (prefers-color-scheme: light) {
+    :root {
+        --border-radius: 6px;
+        --color-primary: #0969da;
+        --color-navbar: #f6f8fa;
+        --color-active: #afb8c133;
+        --color-markup-code-block: #afb8c133;
+        --color-hover: #c7c7c7;
+        --color-purple: #8250df;
+        --color-green: #1a7f37;
+        --color-green-light: #27c24c;
+        --color-grey-light: var(--color-text-light);
+    }
+
+    .ui.label {
+        padding: 0.3em 0.5em;
+        background: var(--color-light);
+        color: var(--color-text-light);
+        border-radius: 6px;
+    }
+
+    .ui.blue.label,
+    .ui.blue.labels .label,
+    .ui.primary.label,
+    .ui.primary.labels .label {
+        border-color: var(--color-light) !important;
+        background-color: #afb8c133 !important;
+        border-radius: 6px;
+        color: #24292f !important;
+    }
+
+    .ui.blue.button,
+    .ui.blue.buttons .button,
+    .ui.primary.button,
+    .ui.primary.buttons .button {
+        background-color: #f6f8fa !important;
+        color: #24292f !important;
+    }
+
+    .repo-icon {
+        display: inline-block;
+        transform: scale(0.75);
+        margin-right: -0.05rem !important;
+    }
+
+    .ui.green.buttons .button,
+    .ui.green.button {
+        background-color: #1a7f37;
+        color: #fff !important;
+        /* border-radius: 2em; */
+        padding: 5px 10px;
+    }
+
+    .ui.green.labels .label,
+    .ui.ui.ui.green.label {
+        background-color: #1a7f37;
+        color: #fff !important;
+        border-radius: 2em;
+        padding: 5px 10px;
+    }
+
+    /* "edit" and "reopen" button font color */
+    .ui.basic.green.buttons .button,
+    .ui.basic.green.button {
+        color: #24292f;
+    }
+
+    .feeds .list ul li.private {
+        background: none;
+    }
+
+    .repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
+    .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+        color: #54aeff;
+    }
+
+    .repo-title a {
+        color: var(--color-primary) !important;
+    }
+
+    .ui.basic.blue.button,
+    .ui.basic.blue.buttons .button,
+    .ui.basic.primary.button,
+    .ui.basic.primary.buttons .button {
+        background-color: #fff !important;
+        box-shadow: inset 0 0 0 1px rgba(34, 36, 38, 0.15) !important;
+        color: var(--color-text) !important;
+    }
+
+    .ui.basic.blue.button:focus,
+    .ui.basic.blue.buttons .button:focus,
+    .ui.basic.primary.button:focus,
+    .ui.basic.primary.buttons .button:focus {
+        box-shadow: inset 0 0 0 0px #808080 !important;
+    }
+
+    .ui.basic.blue.button:hover,
+    .ui.basic.blue.buttons .button:hover,
+    .ui.basic.primary.button:hover,
+    .ui.basic.primary.buttons .button:hover {
+        background-color: #fff !important;
+    }
+
+    ui.basic.blue.button:hover,
+    .ui.basic.blue.buttons .button:hover,
+    .ui.basic.primary.button:hover,
+    .ui.basic.primary.buttons .button:hover {
+        box-shadow: inset 0 0 0 0px #808080 !important;
+    }
+
+    a:hover,
+    a.muted:hover,
+    .ui.breadcrumb a:hover {
+        color: none;
+    }
+
+    .ui.basic.labels .label,
+    .ui.basic.label {
+        background-color: #fff;
+    }
+
+    .ui.labeled.button.disabled>.button,
+    .ui.basic.buttons .button,
+    .ui.basic.button {
+        background-color: #f6f8fa;
+    }
+
+    .ui.blue.button:hover,
+    .ui.blue.buttons .button:hover,
+    .ui.primary.button:hover,
+    .ui.primary.buttons .button:hover {
+        background-color: var(--color-hover) !important;
+    }
+
+    .repository .ui.segment.sub-menu .list .item a:hover {
+        color: var(--color-text) !important;
+    }
+
+    .repo-buttons .ui.labeled.button>.label:hover {
+        color: var(--color-text) !important;
+    }
+
+    .repository.file.list #repo-files-table tr:hover {
+        background-color: #f6f8fa !important;
+    }
+
+    .ui .error.header {
+        background-color: #cf222e !important;
+        color: #fff !important;
+    }
+
+    .ui.red.buttons .button,
+    .ui.red.button {
+        color: #fff !important;
+        padding: 8px 10px;
+    }
+
+    .ui.basic.red.buttons .button,
+    .ui.basic.red.button {
+        color: #cf222e !important;
+        font-weight: 500;
+    }
+
+    * {
+        scrollbar-width: thin;
+        scrollbar-color: #f6f8fa transparent !important;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        box-shadow: inset 0 0 0 6px #808080 !important;
+    }
+
+    .ui.purple.labels .label,
+    .ui.ui.ui.purple.label {
+        background-color: #8250df !important;
+    }
+
+    .repository #clone-panel input {
+        background-color: #f6f8fa;
+    }
+
+    .ui.basic.green.buttons .button,
+    .ui.basic.green.button {
+        color: var(--color-text) !important;
+    }
+
+    ul.repo-owner-name-list {
+        font-size: 13px;
+    }
+
+    a.ui.label {
+        color: #fff !important;
+    }
+
+    .ui .sha.label {
+        color: var(--color-text) !important;
+        padding: 6px 10px 6px;
+    }
+
+    .ui.basic.green.buttons .button,
+    .ui.basic.green.button {
+        color: #1a7f37 !important;
+    }
+
+    .ui.basic.labels .label,
+    .ui.basic.label {
+        color: var(--color-text) !important;
+    }
+
+    .repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon,
+    .repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon,
+    .repository #rev-list .sha.label.isSigned.isVerified .detail.icon,
+    .repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .detail.icon {
+        border-left: 1px solid #1a7f37;
+        color: #1a7f37;
+    }
+
+    .repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerified {
+        border: 1px solid #1a7f37;
+    }
+
+    .ui.labeled.icon.buttons>.button>.icon,
+    .ui.labeled.icon.button>.icon {
+        border-right: 1px solid var(--color-secondary);
+    }
+
+    .ui.buttons:not(.basic):not(.inverted)>.button:not(.basic):not(.inverted) {
+        border-left: 1px solid var(--color-secondary);
+    }
+
+    /* GPG verified msg banner */
+    .repository .ui.attached.isSigned.isVerified.message .ui.text {
+        color: black;
+    }
+
+    .repository .ui.attached.isSigned.isVerified:last-child,
+    .repository .ui.attached.isSigned.isVerified.bottom {
+        border-bottom: 1px solid #21ba45;
+    }
+
+    .repository .ui.attached.isSigned.isVerified.top,
+    .repository .ui.attached.isSigned.isVerified.message {
+        border-top: 1px solid var(--color-secondary);
+    }
+
+    .repository .ui.attached.isSigned.isVerified {
+        border-left: 1px solid var(--color-secondary);
+        border-right: 1px solid var(--color-secondary);
+    }
+
+    .repository .ui.attached.isSigned.isVerified.message {
+        box-shadow: none;
+        background-color: #21ba45;
+        color: black;
+    }
+
+    /* bg color of commit info box */
+    .ui .info.segment.top {
+        background-color: var(--color-navbar) !important;
+    }
+
+    .repo-icon {
+        display: none;
+    }
+
+    /* navbar font size */
+    .ui.secondary.menu .item {
+        font-size: 13px;
+    }
+
+    #navbar .item {
+        margin: 0;
+        padding: 0.5em;
+        font-size: 14px;
+        color: black !important;
+    }
+
+    .following.bar #navbar {
+        width: 100vw;
+        /* default 52px */
+        min-height: 40px;
+        padding: 0 0.5rem;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        box-shadow: inset 0 0 0 6px var(--color-navbar);
+    }
+
+    ::-webkit-scrollbar-thumb:hover {
+        box-shadow: inset 0 0 0 6px var(--color-text);
+    }
+
+    .following.bar #navbar .brand {
+        margin-top: -2px;
+    }
+
+    /* reduce navbar bottom margin */
+    .ui.ui.ui.container:not(.fluid) {
+        margin-bottom: -3px;
+    }
+
+    /* Link color for repo breadcrumbs */
+    a,
+    .ui.breadcrumb a {
+        color: var(--color-primary) !important;
+    }
+
+    /* color for repo menu bar to overwrite link color */
+    .ui.tabular.menu .item {
+        color: var(--color-text) !important;
+        height: fit-content;
+    }
+
+    .repository .ui.segment.sub-menu .list .item a {
+        color: var(--color-text) !important;
+    }
+
+    .ui .menu:not(.vertical) .item>.button.compact {
+        color: var(--color-text) !important;
+    }
+
+    .ui.labeled.button.disabled>.button,
+    .ui.basic.buttons .button,
+    .ui.basic.button {
+        color: var(--color-text-light) !important;
+    }
+
+    #manage_topic {
+        font-size: 12px;
+        color: var(--color-text) !important;
+    }
+
+    .ui.menu .item {
+        color: var(--color-text) !important;
+    }
+
+    /* font weight of "danger zone" buttons in "delete repo" */
+
+    .ui.label {
+        background: rgba(175, 184, 193, 0.2);
+    }
+
+    .comment-header .actions a {
+        color: black !important;
+    }
+
+    .ui.dropdown>.text {
+        color: black !important;
+    }
+
+    .repository.compare.pull .choose.branch .svg {
+        color: black !important;
+    }
+
+    a.muted {
+        color: black !important;
+    }
+
+    .repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill,
+    .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+        color: #54aeff !important;
+    }
+
+    .repository.file.list #repo-files-table td a {
+        color: black !important;
+    }
+
+    .ui.negative.buttons .button,
+    .ui.negative.button {
+        background-color: none;
+        color: #fff;
+    }
+
+    .ui.green.button {
+        padding: 5px 16px;
+        line-height: 20px;
+    }
+
+    .ui.green.labels .label,
+    .ui.ui.ui.green.label {
+        padding: 5px 16px;
+        line-height: 20px;
+    }
+
+    .ui.tabular.menu .active.item {
+        margin-bottom: 2px;
+    }
+
+    .ui.menu .item>.label:not(.floating) {
+        padding: 0 6px;
+        line-height: 18px;
+    }
+
+    .ui.secondary.pointing.menu .item>.circular.label {
+        line-height: 10px;
+    }
+
+    .ui.grey.labels .label,
+    .ui.ui.ui.grey.label {
+        line-height: 10px;
+    }
+
+    /* yes/no dialog buttons for repo archival */
+    .ui.basic.inverted.buttons .button,
+    .ui.basic.inverted.button {
+        color: #f9fafb !important;
+    }
+
+    /* border color of SSH/https cloning buttons (non-focused) */
+    .ui.basic.blue.button,
+    .ui.basic.blue.buttons .button,
+    .ui.basic.primary.button,
+    .ui.basic.primary.buttons .button {
+        box-shadow: inset 0 0 0 1px transparent !important;
+    }
+
+    /* same for hover */
+    ui.basic.blue.button:hover,
+    .ui.basic.blue.buttons .button:hover,
+    .ui.basic.primary.button:hover,
+    .ui.basic.primary.buttons .button:hover {
+        box-shadow: inset 0 0 0 0px transparent !important;
+    }
+
+    /* background color of branch name in PRs */
+    .issue.list .branches .branch {
+        background-color: #afb8c133;
+        border-radius: 6px;
+    }
+
+    /* branch display in PRs */
+    .issue.list .branches .branch {
+        background-color: #afb8c133;
+        border-radius: 6px;
+    }
+
+    .issue.list .branches .truncated-name {
+        color: #24292f;
+        padding: 2px;
+    }
+
+    /* hover */
+    .ui.basic.secondary.buttons .button:hover,
+    .ui.basic.secondary.button:hover {
+        background: var(--color-hover) !important;
+    }
+
+    /* settings button in org team settings */
+    .ui.teal.labels .label,
+    .ui.ui.ui.teal.label,
+    .ui.teal.button,
+    .ui.teal.buttons .button {
+        background: var(--color-green);
+        color: #fff !important;
+    }
+
+    .ui.labeled.icon.buttons>.button>.icon,
+    .ui.labeled.icon.button>.icon {
+        background: var(--color-green);
+    }
+
+    .ui.teal.labels .label,
+    .ui.ui.ui.teal.label,
+    .ui.teal.button,
+    .ui.teal.buttons .button {
+        background: var(--color-green);
+        color: #fff !important;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --color-primary: #347d39;
+        --color-secondary: #373e47;
+        --border-radius: 6px;
+        --color-body: #0d1117;
+        --color-navbar: #161b22;
+        --color-footer: #161b22;
+        --color-text-light: #a6aab5;
+        --color-text-light-2: #adbac7;
+        --color-grey-light: var(--color-text-light);
+        --color-text: #bbc0ca;
+        --color-box-body: #22272e;
+        --color-markup-code-block: #636e7b66;
+        --color-light: #22272e;
+        --color-button: #22272e;
+        --color-input-background: #22272e;
+        --color-input-border-hover: #8e8c8c;
+        --color-input-text: #adbac7;
+        --color-box-header: #22272e;
+        --color-active: #22272e;
+        --color-menu: #22272e;
+        --color-caret: var(--color-text);
+        --is-dark-theme: true;
+        --color-blue: #4796f9;
+        --color-input-background: #22272e;
+        --color-primary-contrast: #adbac7;
+        --color-text-light-2: #a6aab5;
+        --color-box-body: #161b22;
+        --color-box-header: #161b22;
+        --color-green-light: #16ab39;
+        --color-nav-bg: #161b22;
+        --color-header-wrapper: #161b22;
+        --color-nav-hover-bg: #808080;
+
+        /* code editor colors are set in https:/*github.com/go-gitea/gitea/blob/f5b300ea77081a1b78ac044cb1c0f9225538d091/web_src/js/features/codeeditor.js#L82-L97.  */
+        /* monaco editor dark theme is toggled via variable `--is-dark-theme` */
+        --color-primary-light-3: #71798e;
+        --color-editor-line-highlight: #71798e;
+        --color-code-bg: var(--color-input-background);
+    }
+
+    .ui.list .list>.item>.content,
+    .ui.list>.item>.content {
+        color: unset;
+    }
+
+    .ui.list .list>.item .description,
+    .ui.list>.item .description {
+        color: var(--color-text);
+    }
+
+    .ui.repository.list,
+    .ui.user.list {
+        background: var(--color-box-body);
+        padding: 1em;
+        border-radius: 0.75em;
+    }
+
+    .ui.header .sub.header {
+        color: #636e7b;
+    }
+
+    .ui .error.header {
+        border-color: var(--color-red) !important;
+        background-color: var(--color-red) !important;
+        color: #cdd9e5fff !important;
+    }
+
+    .ui.modal>.header {
+        background: var(--color-secondary);
+        color: #dbdbdb;
+    }
+
+    .ui.modal>.actions {
+        background: var(--color-secondary);
+        border-color: var(--color-secondary);
+    }
+
+    .ui.modal>.content {
+        background: #383c4a;
+    }
+
+    .ui.green.buttons .button,
+    .ui.green.button {
+        background-color: #347d39;
+        color: #cdd9e5 !important;
+        border-radius: 2em;
+        padding: 5px 10px;
+    }
+
+    .repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
+    .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+        color: #768390;
+    }
+
+    a,
+    .ui.breadcrumb a {
+        /* color: var(--color-text); */
+        color: var(--color-blue);
+    }
+
+    .repo-title a {
+        color: var(--color-blue) !important;
+    }
+
+    .ui.table>thead>tr>th {
+        background: #636e7b1a;
+        color: #dbdbdb !important;
+    }
+
+    .repository.file.list #repo-files-table tr {
+        background: #22272e;
+    }
+
+    .repo-icon {
+        display: inline-block;
+        transform: scale(0.75);
+        margin-right: -0.05rem !important;
+    }
+
+    .repository.file.list #file-buttons .ui.button {
+        color: #cdd9e5 !important;
+    }
+
+    .ui.basic.green.button,
+    .ui.basic.green.buttons .button,
+    .ui.basic.primary.button,
+    .ui.basic.primary.buttons .button {
+        background-color: #22272e !important;
+        box-shadow: inset 0 0 0 1px rgba(34, 36, 38, 0.15) !important;
+        color: #cdd9e5 !important;
+    }
+
+    .ui.basic.green.button:focus,
+    .ui.basic.green.buttons .button:focus,
+    .ui.basic.primary.button:focus,
+    .ui.basic.primary.buttons .button:focus {
+        box-shadow: inset 0 0 0 0px #808080 !important;
+    }
+
+    .ui.basic.green.button:hover,
+    .ui.basic.green.buttons .button:hover,
+    .ui.basic.primary.button:hover,
+    .ui.basic.primary.buttons .button:hover {
+        background-color: #22272e !important;
+    }
+
+    .ui.basic.green.button:hover,
+    .ui.basic.green.buttons .button:hover,
+    .ui.basic.primary.button:hover,
+    .ui.basic.primary.buttons .button:hover {
+        box-shadow: inset 0 0 0 0px #808080 !important;
+    }
+
+    .issue.list {
+        list-style: none;
+        margin-top: 1rem;
+        background-color: #22272e;
+        border-radius: 6px;
+        padding: 3px 10px 3px 10px;
+        border: 1px solid #373e47;
+    }
+
+    .ui.menu .item {
+        background-color: #22272e;
+    }
+
+    .ui.horizontal.segments>.segment {
+        background-color: #22272e;
+        border-radius: 6px;
+    }
+
+    .ui.attached.header {
+        border-radius: 6px;
+    }
+
+    .repository.file.list .repo-description {
+        color: #adbac7;
+    }
+
+    .commit-summary a.default-link {
+        color: #adbac7 !important;
+    }
+
+    .markup h1,
+    .markup h2,
+    .markup h3,
+    .markup h4,
+    .markup h5,
+    .markup h6 {
+        color: #adbac7;
+    }
+
+    .markup code,
+    .markup tt {
+        color: #adbac7;
+    }
+
+    .markup p,
+    .markup blockquote,
+    .markup details,
+    .markup ul,
+    .markup ol,
+    .markup dl,
+    .markup table,
+    .markup pre {
+        color: #adbac7;
+    }
+
+    .repo-list-link {
+        color: var(--color-blue) !important;
+    }
+
+    .ui.menu.two.item .item {
+        border: 1px solid #373e47;
+        background: #161b22;
+    }
+
+    a,
+    .push.news {
+        color: null;
+    }
+
+    .ui.header {
+        color: #a6aab5;
+    }
+
+    .repo-description {
+        color: #a6aab5 !important;
+    }
+
+    a.ui.label {
+        color: #adbac7 !important;
+        border-color: var(--color-secondary) !important;
+    }
+
+    .ui.label {
+        border-color: var(--color-secondary) !important;
+    }
+
+    .ui.menu .item {
+        color: #adbac7;
+    }
+
+    .ui .sha.label {
+        padding: 6px 10px 6px;
+    }
+
+    /* repo list dashboard */
+    .feeds .list ul li.private {
+        background-color: #22272e;
+    }
+
+    /* ssh and search repository fields */
+    input,
+    textarea,
+    .ui.input>input,
+    .ui.form input:not([type]),
+    .ui.form select,
+    .ui.form textarea,
+    .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.selection.dropdown,
+    .ui.checkbox label:before,
+    .ui.checkbox input:checked~label:before,
+    .ui.checkbox input:not([type="radio"]):indeterminate~label:before {
+        border-color: #373e47 !important;
+    }
+
+    /* hover repository rows */
+    .repository.file.list #repo-files-table tr:hover {
+        background-color: var(--color-hover);
+    }
+
+    /* due date boxes */
+    .repository .metas #deadlineForm input {
+        border-color: var(--color-secondary);
+    }
+
+    /* border color dependencies block in issues */
+    #new-dependency-drop-list.ui.selection.dropdown {
+        border-color: var(--color-secondary);
+    }
+
+    .page-content .ui.button {
+        border-color: var(--color-secondary);
+    }
+
+    /* border color form fields settings page */
+    input,
+    textarea,
+    .ui.input>input,
+    .ui.form input:not([type]),
+    .ui.form select,
+    .ui.form textarea,
+    .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.selection.dropdown,
+    .ui.checkbox label:before,
+    .ui.checkbox input:checked~label:before,
+    .ui.checkbox input:not([type="radio"]):indeterminate~label:before {
+        border-color: var(--color-secondary);
+    }
+
+    /* background color of code display */
+    .lines-code {
+        background-color: #22272e;
+    }
+
+    .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-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-code-new {
+        background: rgba(70, 149, 74, 0.15);
+    }
+
+    .tag-code,
+    .tag-code td {
+        background-color: var(--color-body);
+    }
+
+    /* green code color dark theme */
+    .chroma .s2 {
+        color: #8ddb8c;
+    }
+
+    .chroma .k {
+        color: #f47067;
+    }
+
+    .chroma .m {
+        color: #6cb6ff;
+    }
+
+    .chroma .nf {
+        color: #96d0ff;
+    }
+
+    .chroma .nb {
+        color: var(--color-blue);
+    }
+
+    .chroma .nx {
+        color: var(--color-text);
+    }
+
+    .chroma .nv {
+        color: #08dddd;
+    }
+
+    .chroma .si {
+        color: #8ddb8c;
+    }
+
+    .chroma .nt {
+        color: #50eb75;
+    }
+
+    .chroma .nd {
+        color: #c4cfcf;
+    }
+
+    .chroma .o {
+        color: #eb3243;
+    }
+
+    .chroma .nc {
+        color: #16e9e9;
+    }
+
+    .chroma .nn {
+        color: #16e9e9;
+    }
+
+    .chroma .s {
+        color: #8ddb8c;
+    }
+
+    /* border color repo files */
+    .repository.file.list #repo-files-table td {
+
+        /* border-bottom: 1px solid #373e47; */
+    }
+
+    /* text color repo files */
+    .repository.file.list #repo-files-table td {
+        color: var(--color-text-light) !important;
+        background: #161b22;
+    }
+
+    .repository.file.list #repo-files-table td a {
+        /* color: #7f8699 !important; */
+        color: var(--color-blue) !important;
+    }
+
+    /* gpg commit label  */
+    .repository #commits-table td.sha .sha.label.isSigned.isVerified,
+    .repository #repo-files-table .sha.label.isSigned.isVerified,
+    .repository #rev-list .sha.label.isSigned.isVerified,
+    .repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified {
+        border: 1.5px solid #21ba45 !important;
+        background: transparent;
+        border-radius: 6px;
+    }
+
+    /* color of active tabular item, e.g. in PR view (conversations, commits, files changed) */
+    .ui.tabular.menu .active.item,
+    .ui.tabular.menu .active.item:hover {
+        background: var(--color-navbar);
+        border-bottom: 3px solid #f78166 !important;
+        border: 0px solid black;
+        color: #adbac7;
+    }
+
+    /* repo watch and fork counters */
+    .ui.basic.labels:not(.tag):not(.image):not(.ribbon) .label,
+    .ui.basic.label:not(.tag):not(.image):not(.ribbon) {
+        color: #adbac7;
+    }
+
+    .repo-buttons .ui.labeled.button.disabled>.label {
+        color: #adbac7;
+    }
+
+    /* border color of warning message */
+    .ui.warning.message {
+        background-color: #22272e;
+        color: var(--color-text);
+    }
+
+    .ui.warning.message,
+    .ui.attached.warning.message {
+        box-shadow: null;
+    }
+
+    .ui.warning.message,
+    .ui.attached.warning.message {
+        box-shadow: 0 0 0 0px #c9ba9b inset, 0 0 #0000;
+    }
+
+    /* repo svg icons */
+    .repository.view.issue .comment-list .timeline-item .badge .svg {
+        fill: #cdd9e5fff !important;
+    }
+
+    /* background emoji reactions */
+    .repository .segment.reactions .ui.label.basic.blue {
+        background-color: transparent;
+    }
+
+    .ui.positive.message {
+        background-color: #22272e;
+        color: #cdd9e5;
+    }
+
+    .ui.positive.message,
+    .ui.attached.positive.message {
+        box-shadow: 0 0 0 1px #347d39 inset, 0 0 #0000;
+    }
+
+    /* diff color deletion */
+    .code-diff-unified .del-code,
+    .code-diff-unified .del-code td,
+    .code-diff-split .del-code .lines-num-old,
+    .code-diff-split .del-code .lines-type-marker-old,
+    .code-diff-split .del-code .lines-code-old {
+        background: rgba(229, 83, 75, 0.15);
+    }
+
+    /* diff color neutral */
+    .lines-num,
+    .lines-code {
+        background-color: var(--color-navbar);
+    }
+
+    .lines-type-marker {
+        background-color: var(--color-navbar);
+    }
+
+    a.blob-excerpt {
+        background: var(--color-body);
+    }
+
+    /* PR open label */
+    .ui.green.labels .label,
+    .ui.ui.ui.green.label {
+        background-color: #347d39;
+    }
+
+    /* bg color of PR comment form */
+    .ui.form,
+    .ui.form .field .dropdown,
+    .ui.form .field .dropdown .menu>.item {
+        background-color: var(--color-navbar);
+    }
+
+    .comment-code-cloud {
+        background-color: var(--color-navbar);
+    }
+
+    /* remove border of "new file" button */
+    .ui.buttons .button:first-child {
+        border-left: 1px solid var(--color-markup-code-block);
+    }
+
+    /* border color of dropdown svg */
+    .ui.form,
+    .ui.form .field .dropdown,
+    .ui.form .field .dropdown .menu>.item {
+        background-color: var(--color-border);
+        /* border: 0px solid black !important; */
+    }
+
+    /* hover font color */
+    .ui.secondary.pointing.menu .active.item,
+    .ui.secondary.pointing.menu .active.item:hover,
+    .ui.secondary.pointing.menu .dropdown.item:hover,
+    .ui.secondary.pointing.menu .link.item:hover,
+    .ui.secondary.pointing.menu a.item:hover {
+        color: var(--color-text);
+    }
+
+    .ui.selection.active.dropdown,
+    .ui.selection.active.dropdown:hover,
+    .ui.selection.active.dropdown .menu,
+    .ui.selection.active.dropdown:hover .menu {
+        border-color: #373e47;
+    }
+
+    /* user avatar background */
+    .user.profile .ui.card #profile-avatar {
+        background: var(--color-navbar);
+    }
+
+    .ui.cards>.card>.content,
+    .ui.card>.content {
+        background: var(--color-navbar);
+    }
+
+    .user.profile .ui.card .extra.content ul li:not(:last-child) {
+        border-bottom: 1px solid var(--color-secondary);
+        background-color: var(--color-navbar);
+    }
+
+    .user.profile .ui.card .extra.content ul li {
+        background-color: var(--color-navbar);
+    }
+
+    /* right border of profile search bar */
+    .ui.action.input:not([class*="left action"])>input {
+        border-right-color: var(--color-secondary);
+    }
+
+    .ui.action.input:not([class*="left action"])>input:focus {
+        border-right-color: var(--color-secondary);
+    }
+
+    /* font color line numbers */
+    .lines-num span:after {
+        color: var(--color-text);
+    }
+
+    /* gpg key signed message */
+    .repository .ui.attached.isSigned.isVerified.message {
+        background-color: var(--color-primary);
+        color: black;
+    }
+
+    .repository .ui.attached.isSigned.isVerified.message .ui.text {
+        color: var(--color-active);
+    }
+
+    .ui .info.segment.top {
+        background-color: var(--color-navbar) !important;
+    }
+
+    .repository .ui.attached.isSigned.isVerified.top,
+    .repository .ui.attached.isSigned.isVerified.message {
+        border-top: 0px solid var(--color-text);
+    }
+
+    .repository .ui.attached.isSigned.isVerified {
+        border-left: 0px solid var(--color-text);
+        border-right: 0px solid var(--color-text);
+    }
+
+    .repository .ui.attached.isSigned.isVerified:last-child,
+    .repository .ui.attached.isSigned.isVerified.bottom {
+        border-bottom: 0px solid #a3c293;
+    }
+
+    /* info message banner colors */
+    .ui.info.message {
+        background-color: var(--color-navbar);
+        color: var(--color-text);
+    }
+
+    .repository.view.issue .comment-list .timeline-item .badge {
+        background-color: var(--color-navbar);
+        color: var(--color-text);
+        width: 30px;
+        height: 30px;
+        margin-left: -31px;
+    }
+
+    .repository.view.issue .comment-list .timeline-item .badge.badge-commit {
+        border-color: var(--color-navbar);
+        background: var(--color-navbar);
+    }
+
+    .repository.view.issue .comment-list .timeline:before {
+        background-color: #373e47;
+    }
+
+    .repository.view.issue .comment-list .timeline-item .badge .svg {
+        width: 20px;
+        height: 20px;
+        padding: 3px;
+    }
+
+    input {
+        caret-color: var(--color-text);
+    }
+
+    .removed-code {
+        background: #b70f22;
+        color: var(--color-text);
+    }
+
+    .added-code {
+        background: #0d8b2c;
+        color: var(--color-text);
+    }
+
+    /* review - pending label */
+    .ui.basic.labels .yellow.label,
+    .ui.ui.ui.basic.yellow.label {
+        background: var(--color-project-board-bg);
+        color: #333 !important;
+    }
+
+    /* green checkmark background when approving PRs */
+    .bg-green {
+        background: var(--color-primary) !important;
+    }
+
+    i.green.icon.icon.icon.icon {
+        color: var(--color-primary);
+    }
+
+    span.green .svg {
+        color: var(--color-primary);
+    }
+
+    /* highlight color bg for highlighted lines */
+    .lines-code.active,
+    .lines-code .active {
+        border-radius: 6px;
+        background: #000000 !important;
+    }
+
+    .ui.ui.ui.ui.table tr.active,
+    .ui.ui.table td.active {
+        box-shadow: 0 0 #000000de inset;
+        background: #e0e0e0;
+        color: --var(--color-text);
+    }
+
+    /* navbar font size */
+    .ui.secondary.menu .item {
+        font-size: 13px;
+    }
+
+    #navbar .item {
+        margin: 0;
+        padding: 0.5em;
+        font-size: 14px;
+    }
+
+    .following.bar #navbar {
+        width: 100vw;
+        border-bottom: 1px solid #373e47;
+        /* default 52px */
+        min-height: 40px;
+        padding: 0 0.5rem;
+        background: var(--color-navbar);
+    }
+
+    ::-webkit-scrollbar-thumb {
+        box-shadow: inset 0 0 0 6px var(--color-navbar);
+    }
+
+    ::-webkit-scrollbar-thumb:hover {
+        box-shadow: inset 0 0 0 6px var(--color-text);
+    }
+
+    .following.bar #navbar .brand {
+        margin-top: -2px;
+    }
+
+    /* border colors of search fields, e.g. "find repository" on main page */
+    input:hover,
+    textarea:hover,
+    .ui.input input:hover,
+    .ui.form input:not([type]):hover,
+    .ui.form select:hover,
+    .ui.form textarea:hover,
+    .ui.form input[type="date"]:hover,
+    .ui.form input[type="datetime-local"]:hover,
+    .ui.form input[type="email"]:hover,
+    .ui.form input[type="file"]:hover,
+    .ui.form input[type="number"]:hover,
+    .ui.form input[type="password"]:hover,
+    .ui.form input[type="search"]:hover,
+    .ui.form input[type="tel"]:hover,
+    .ui.form input[type="text"]:hover,
+    .ui.form input[type="time"]:hover,
+    .ui.form input[type="url"]:hover,
+    .ui.selection.dropdown:hover,
+    .ui.checkbox label:hover:before,
+    .ui.checkbox label:active:before,
+    .ui.radio.checkbox label:after,
+    .ui.radio.checkbox input:focus~label:before,
+    .ui.radio.checkbox input:checked~label:before {
+        border-color: var(--color-secondary);
+    }
+
+    a:hover,
+    a.muted:hover,
+    .ui.breadcrumb a:hover {
+        color: var(--color-blue);
+    }
+
+    input:focus,
+    textarea:focus,
+    .ui.input input:focus,
+    .ui.form input:not([type]):focus,
+    .ui.form select:focus,
+    .ui.form textarea:focus,
+    .ui.form input[type="date"]:focus,
+    .ui.form input[type="datetime-local"]:focus,
+    .ui.form input[type="email"]:focus,
+    .ui.form input[type="file"]:focus,
+    .ui.form input[type="number"]:focus,
+    .ui.form input[type="password"]:focus,
+    .ui.form input[type="search"]:focus,
+    .ui.form input[type="tel"]:focus,
+    .ui.form input[type="text"]:focus,
+    .ui.form input[type="time"]:focus,
+    .ui.form input[type="url"]:focus,
+    .ui.selection.dropdown:focus,
+    .ui.checkbox input:focus~label:before,
+    .ui.checkbox input:not([type="radio"]):indeterminate:focus~label:before,
+    .ui.checkbox input:checked:focus~label:before,
+    .ui.radio.checkbox input:focus:checked~label:before {
+        border-color: ;
+    }
+
+    .repo-icon {
+        display: none;
+    }
+
+    /* reduce navbar bottom margin */
+    .ui.ui.ui.container:not(.fluid) {
+        margin-bottom: -3px;
+    }
+
+    .ui.green.button {
+        padding: 5px 16px;
+        line-height: 20px;
+    }
+
+    .ui.green.labels .label,
+    .ui.ui.ui.green.label {
+        padding: 2px 5px;
+        line-height: 20px;
+        color: #cdd9e5 !important;
+        border-radius: 2em;
+    }
+
+    .ui.tabular.menu .active.item {
+        margin-bottom: 1px;
+    }
+
+    /* repository icon for directories */
+    .repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill,
+    .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+        color: #768390;
+    }
+
+    .ui.secondary.pointing.menu .item>.circular.label {
+        line-height: 10px;
+    }
+
+    .ui.grey.labels .label,
+    .ui.ui.ui.grey.label {
+        line-height: 10px;
+    }
+
+    .ui.primary.label,
+    .ui.primary.labels .label {
+        background-color: #373e47 !important;
+    }
+
+    /* timeline view icon color */
+    .repository.view.issue .comment-list .timeline-item .badge .svg {
+        fill: #cdd9e5 !important;
+    }
+
+    /* borders -------------------------------------------------------------------*/
+
+    /* border width of active item in repo view */
+    .ui.tabular.menu .active.item,
+    .ui.tabular.menu .active.item:hover {
+        border-width: initial;
+    }
+
+    /* README border */
+    .ui.attached:not(.message)+.ui.attached.segment:not(.top) {
+        border-width: inherit;
+    }
+
+    .ui.top.attached.header {
+        border-width: inherit;
+        border: 1px solid #373e47;
+    }
+
+    .following.bar.light {
+        border-bottom: 0px solid var(--color-secondary);
+    }
+
+    .ui.action.input:not([class*="left action"])>input {
+        border-width: inherit;
+    }
+
+    .ui.action.input>.dropdown:last-child,
+    .ui.action.input>.button:last-child,
+    .ui.action.input>.buttons:last-child>.button {
+        border-width: inherit;
+    }
+
+    .ui.action.input:not([class*="left action"])>.ui.dropdown.selection:not(:focus):not(:hover) {
+        border-width: inherit;
+    }
+
+    .repository #clone-panel #repo-clone-https,
+    .repository #clone-panel #repo-clone-ssh {
+        border-width: inherit;
+    }
+
+    .ui.action.input>.dropdown:not(:first-child),
+    .ui.action.input>.button:not(:first-child),
+    .ui.action.input>.buttons:not(:first-child)>.button {
+        border-width: inherit;
+    }
+
+    .ui.segment,
+    .ui.segments,
+    .ui.attached.segment {
+        border-width: inherit;
+    }
+
+    .ui.table {
+        border-width: inherit;
+    }
+
+    footer {
+        border-width: inherit;
+    }
+
+    .page-content .ui.button {
+        border-width: inherit;
+    }
+
+    .repo-buttons .ui.labeled.button>.label {
+        border-width: inherit;
+        border: 1px solid #373e47 !important;
+    }
+
+    .repo-button-row .button {
+        height: unset;
+    }
+
+    .repository .repository-summary .segment.language-stats {
+        height: 14px;
+        border-radius: 6px;
+    }
+
+    .ui.table[class*="single line"],
+    .ui.table [class*="single line"] {
+        white-space: nowrap;
+        border: 1px solid #373e47;
+    }
+
+    .ui.tiny.input {
+        font-size: 0.85714286em;
+        border: 1px solid #373e47;
+        border-radius: 6px;
+    }
+
+    .ui.fluid.input {
+        border: 1px solid #373e47 !important;
+        border-radius: 6px;
+    }
+
+    .repository.view.issue .comment-list .comment>.content>div:last-child {
+        border: 0px solid #373e47 !important;
+    }
+
+    .ui.basic.secondary.buttons .button,
+    .ui.basic.secondary.button {
+        color: var(--color-text) !important;
+        border: 1px solid #373e47 !important;
+    }
+
+    .ui.small.buttons .dropdown,
+    .ui.small.buttons .dropdown .menu>.item,
+    .ui.small.buttons .button,
+    .ui.small.buttons .or,
+    .ui.ui.ui.ui.small.button {
+        border: 1px solid #373e47 !important;
+    }
+
+    .ui.table>tr>td,
+    .ui.table>tbody>tr>td {
+        border-top-color: #373e47;
+    }
+
+    .ui.basic.primary.button,
+    .ui.basic.primary.buttons .button {
+        color: #adbac7 !important;
+        font-weight: 500 !important;
+    }
+
+    .feeds .list ul li .repo-list-link {
+        background: #161b22;
+    }
+
+    .ui.attached:not(.message)+.ui.attached.segment:not(.top) {
+        border: 1px solid #373e47;
+    }
+
+    .ui.menu .active.item,
+    .ui.menu .active.item:hover,
+    .ui.vertical.menu .active.item,
+    .ui.vertical.menu .active.item:hover {
+        background: #161b22;
+        font-weight: 500;
+        color: #adbac7;
+    }
+
+    .ui.primary.labels .label,
+    .ui.ui.ui.primary.label {
+        color: #a6aab5;
+    }
+
+    .issue.list a:not(.label):hover {
+        color: var(--color-blue) !important;
+    }
+
+    .ui.segment,
+    .ui.segments,
+    .ui.attached.segment {
+        border: 1px solid #373e47 !important;
+    }
+
+    .repository.view.issue .comment-list .comment .comment-container {
+        border: 1px solid #373e47;
+        border-radius: 0px;
+    }
+
+    .repository.view.issue .comment-list .comment>.content>div:first-child {
+        border-bottom: 1px solid #373e47 !important;
+    }
+
+    .tag-code,
+    .tag-code td,
+    .tag-code .blob-excerpt {
+        background-color: var(--color-body);
+    }
+
+    /* issue \& PR count labels */
+    .ui.menu .item>.label {
+        background: rgba(99, 110, 123, 0.4);
+        color: #cdd9e5;
+    }
+
+    .ui.basic.red.buttons .button,
+    .ui.basic.red.button {
+        color: var(--color-red);
+        border: 1px solid var(--color-red);
+        border-radius: 16px;
+        padding: 5px 16px;
+        line-height: 20px;
+    }
+
+    #navbar a.item .notification_count {
+        color: var(--color-text);
+    }
+
+    .ui.secondary.menu .dropdown.item:hover,
+    .ui.secondary.menu a.item:hover {
+        color: #e3e3e3;
+    }
+
+    .ui.secondary.menu .active.item,
+    .ui.secondary.menu .active.item:hover {
+        color: #e3e3e3;
+        background-color: var(--color-nav-bg);
+    }
+
+    /* list in Pull requests view */
+    .issue.list>.item .desc {
+        color: var(--color-text);
+    }
+}
\ No newline at end of file
diff --git a/public/css/theme-github-dark.css b/public/css/theme-github-dark.css
new file mode 100644
index 0000000..fe400cb
--- /dev/null
+++ b/public/css/theme-github-dark.css
@@ -0,0 +1,1041 @@
+:root {
+    --color-primary: #347d39;
+    --color-secondary: #373e47;
+    --border-radius: 6px;
+    --color-body: #0d1117;
+    --color-navbar: #161b22;
+    --color-footer: #161b22;
+    --color-text-light: #a6aab5;
+    --color-text-light-2: #adbac7;
+    --color-grey-light: var(--color-text-light);
+    --color-text: #bbc0ca;
+    --color-box-body: #22272e;
+    --color-markup-code-block: #636e7b66;
+    --color-light: #22272e;
+    --color-button: #22272e;
+    --color-input-background: #22272e;
+    --color-input-border-hover: #8e8c8c;
+    --color-input-text: #adbac7;
+    --color-box-header: #22272e;
+    --color-active: #22272e;
+    --color-menu: #22272e;
+    --color-caret: var(--color-text);
+    --is-dark-theme: true;
+    --color-blue: #4796f9;
+    --color-input-background: #22272e;
+    --color-primary-contrast: #adbac7;
+    --color-text-light-2: #a6aab5;
+    --color-box-body: #161b22;
+    --color-box-header: #161b22;
+    --color-green-light: #16ab39;
+    --color-nav-bg: #161b22;
+    --color-header-wrapper: #161b22;
+    --color-nav-hover-bg: #808080;
+
+    /* code editor colors are set in https:/*github.com/go-gitea/gitea/blob/f5b300ea77081a1b78ac044cb1c0f9225538d091/web_src/js/features/codeeditor.js#L82-L97.  */
+    /* monaco editor dark theme is toggled via variable `--is-dark-theme` */
+    --color-primary-light-3: #71798e;
+    --color-editor-line-highlight: #71798e;
+    --color-code-bg: var(--color-input-background);
+}
+
+.ui.list .list>.item>.content,
+.ui.list>.item>.content {
+    color: unset;
+}
+
+.ui.list .list>.item .description,
+.ui.list>.item .description {
+    color: var(--color-text);
+}
+
+.ui.repository.list,
+.ui.user.list {
+    background: var(--color-box-body);
+    padding: 1em;
+    border-radius: 0.75em;
+}
+
+.ui.header .sub.header {
+    color: #636e7b;
+}
+
+.ui .error.header {
+    border-color: var(--color-red) !important;
+    background-color: var(--color-red) !important;
+    color: #cdd9e5fff !important;
+}
+
+.ui.modal>.header {
+    background: var(--color-secondary);
+    color: #dbdbdb;
+}
+
+.ui.modal>.actions {
+    background: var(--color-secondary);
+    border-color: var(--color-secondary);
+}
+
+.ui.modal>.content {
+    background: #383c4a;
+}
+
+.ui.green.buttons .button,
+.ui.green.button {
+    background-color: #347d39;
+    color: #cdd9e5 !important;
+    border-radius: 2em;
+    padding: 5px 10px;
+}
+
+.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
+.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+    color: #768390;
+}
+
+a,
+.ui.breadcrumb a {
+    /* color: var(--color-text); */
+    color: var(--color-blue);
+}
+
+.repo-title a {
+    color: var(--color-blue) !important;
+}
+
+.ui.table>thead>tr>th {
+    background: #636e7b1a;
+    color: #dbdbdb !important;
+}
+
+.repository.file.list #repo-files-table tr {
+    background: #22272e;
+}
+
+.repo-icon {
+    display: inline-block;
+    transform: scale(0.75);
+    margin-right: -0.05rem !important;
+}
+
+.repository.file.list #file-buttons .ui.button {
+    color: #cdd9e5 !important;
+}
+
+.ui.basic.green.button,
+.ui.basic.green.buttons .button,
+.ui.basic.primary.button,
+.ui.basic.primary.buttons .button {
+    background-color: #22272e !important;
+    box-shadow: inset 0 0 0 1px rgba(34, 36, 38, 0.15) !important;
+    color: #cdd9e5 !important;
+}
+
+.ui.basic.green.button:focus,
+.ui.basic.green.buttons .button:focus,
+.ui.basic.primary.button:focus,
+.ui.basic.primary.buttons .button:focus {
+    box-shadow: inset 0 0 0 0px #808080 !important;
+}
+
+.ui.basic.green.button:hover,
+.ui.basic.green.buttons .button:hover,
+.ui.basic.primary.button:hover,
+.ui.basic.primary.buttons .button:hover {
+    background-color: #22272e !important;
+}
+
+.ui.basic.green.button:hover,
+.ui.basic.green.buttons .button:hover,
+.ui.basic.primary.button:hover,
+.ui.basic.primary.buttons .button:hover {
+    box-shadow: inset 0 0 0 0px #808080 !important;
+}
+
+.issue.list {
+    list-style: none;
+    margin-top: 1rem;
+    background-color: #22272e;
+    border-radius: 6px;
+    padding: 3px 10px 3px 10px;
+    border: 1px solid #373e47;
+}
+
+.ui.menu .item {
+    background-color: #22272e;
+}
+
+.ui.horizontal.segments>.segment {
+    background-color: #22272e;
+    border-radius: 6px;
+}
+
+.ui.attached.header {
+    border-radius: 6px;
+}
+
+.repository.file.list .repo-description {
+    color: #adbac7;
+}
+
+.commit-summary a.default-link {
+    color: #adbac7 !important;
+}
+
+.markup h1,
+.markup h2,
+.markup h3,
+.markup h4,
+.markup h5,
+.markup h6 {
+    color: #adbac7;
+}
+
+.markup code,
+.markup tt {
+    color: #adbac7;
+}
+
+.markup p,
+.markup blockquote,
+.markup details,
+.markup ul,
+.markup ol,
+.markup dl,
+.markup table,
+.markup pre {
+    color: #adbac7;
+}
+
+.repo-list-link {
+    color: var(--color-blue) !important;
+}
+
+.ui.menu.two.item .item {
+    border: 1px solid #373e47;
+    background: #161b22;
+}
+
+a,
+.push.news {
+    color: null;
+}
+
+.ui.header {
+    color: #a6aab5;
+}
+
+.repo-description {
+    color: #a6aab5 !important;
+}
+
+a.ui.label {
+    color: #adbac7 !important;
+    border-color: var(--color-secondary) !important;
+}
+
+.ui.label {
+    border-color: var(--color-secondary) !important;
+}
+
+.ui.menu .item {
+    color: #adbac7;
+}
+
+.ui .sha.label {
+    padding: 6px 10px 6px;
+}
+
+/* repo list dashboard */
+.feeds .list ul li.private {
+    background-color: #22272e;
+}
+
+/* ssh and search repository fields */
+input,
+textarea,
+.ui.input>input,
+.ui.form input:not([type]),
+.ui.form select,
+.ui.form textarea,
+.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.selection.dropdown,
+.ui.checkbox label:before,
+.ui.checkbox input:checked~label:before,
+.ui.checkbox input:not([type="radio"]):indeterminate~label:before {
+    border-color: #373e47 !important;
+}
+
+/* hover repository rows */
+.repository.file.list #repo-files-table tr:hover {
+    background-color: var(--color-hover);
+}
+
+/* due date boxes */
+.repository .metas #deadlineForm input {
+    border-color: var(--color-secondary);
+}
+
+/* border color dependencies block in issues */
+#new-dependency-drop-list.ui.selection.dropdown {
+    border-color: var(--color-secondary);
+}
+
+.page-content .ui.button {
+    border-color: var(--color-secondary);
+}
+
+/* border color form fields settings page */
+input,
+textarea,
+.ui.input>input,
+.ui.form input:not([type]),
+.ui.form select,
+.ui.form textarea,
+.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.selection.dropdown,
+.ui.checkbox label:before,
+.ui.checkbox input:checked~label:before,
+.ui.checkbox input:not([type="radio"]):indeterminate~label:before {
+    border-color: var(--color-secondary);
+}
+
+/* background color of code display */
+.lines-code {
+    background-color: #22272e;
+}
+
+.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-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-code-new {
+    background: rgba(70, 149, 74, 0.15);
+}
+
+.tag-code,
+.tag-code td {
+    background-color: var(--color-body);
+}
+
+/* green code color dark theme */
+.chroma .s2 {
+    color: #8ddb8c;
+}
+
+.chroma .k {
+    color: #f47067;
+}
+
+.chroma .m {
+    color: #6cb6ff;
+}
+
+.chroma .nf {
+    color: #96d0ff;
+}
+
+.chroma .nb {
+    color: var(--color-blue);
+}
+
+.chroma .nx {
+    color: var(--color-text);
+}
+
+.chroma .nv {
+    color: #08dddd;
+}
+
+.chroma .si {
+    color: #8ddb8c;
+}
+
+.chroma .nt {
+    color: #50eb75;
+}
+
+.chroma .nd {
+    color: #c4cfcf;
+}
+
+.chroma .o {
+    color: #eb3243;
+}
+
+.chroma .nc {
+    color: #16e9e9;
+}
+
+.chroma .nn {
+    color: #16e9e9;
+}
+
+.chroma .s {
+    color: #8ddb8c;
+}
+
+/* border color repo files */
+.repository.file.list #repo-files-table td {
+    /* border-bottom: 1px solid #373e47; */
+}
+
+/* text color repo files */
+.repository.file.list #repo-files-table td {
+    color: var(--color-text-light) !important;
+    background: #161b22;
+}
+
+.repository.file.list #repo-files-table td a {
+    /* color: #7f8699 !important; */
+    color: var(--color-blue) !important;
+}
+
+/* gpg commit label  */
+.repository #commits-table td.sha .sha.label.isSigned.isVerified,
+.repository #repo-files-table .sha.label.isSigned.isVerified,
+.repository #rev-list .sha.label.isSigned.isVerified,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified {
+    border: 1.5px solid #21ba45 !important;
+    background: transparent;
+    border-radius: 6px;
+}
+
+/* color of active tabular item, e.g. in PR view (conversations, commits, files changed) */
+.ui.tabular.menu .active.item,
+.ui.tabular.menu .active.item:hover {
+    background: var(--color-navbar);
+    border-bottom: 3px solid #f78166 !important;
+    border: 0px solid black;
+    color: #adbac7;
+}
+
+/* repo watch and fork counters */
+.ui.basic.labels:not(.tag):not(.image):not(.ribbon) .label,
+.ui.basic.label:not(.tag):not(.image):not(.ribbon) {
+    color: #adbac7;
+}
+
+.repo-buttons .ui.labeled.button.disabled>.label {
+    color: #adbac7;
+}
+
+/* border color of warning message */
+.ui.warning.message {
+    background-color: #22272e;
+    color: var(--color-text);
+}
+
+.ui.warning.message,
+.ui.attached.warning.message {
+    box-shadow: null;
+}
+
+.ui.warning.message,
+.ui.attached.warning.message {
+    box-shadow: 0 0 0 0px #c9ba9b inset, 0 0 #0000;
+}
+
+/* repo svg icons */
+.repository.view.issue .comment-list .timeline-item .badge .svg {
+    fill: #cdd9e5fff !important;
+}
+
+/* background emoji reactions */
+.repository .segment.reactions .ui.label.basic.blue {
+    background-color: transparent;
+}
+
+.ui.positive.message {
+    background-color: #22272e;
+    color: #cdd9e5;
+}
+
+.ui.positive.message,
+.ui.attached.positive.message {
+    box-shadow: 0 0 0 1px #347d39 inset, 0 0 #0000;
+}
+
+/* diff color deletion */
+.code-diff-unified .del-code,
+.code-diff-unified .del-code td,
+.code-diff-split .del-code .lines-num-old,
+.code-diff-split .del-code .lines-type-marker-old,
+.code-diff-split .del-code .lines-code-old {
+    background: rgba(229, 83, 75, 0.15);
+}
+
+/* diff color neutral */
+.lines-num,
+.lines-code {
+    background-color: var(--color-navbar);
+}
+
+.lines-type-marker {
+    background-color: var(--color-navbar);
+}
+
+a.blob-excerpt {
+    background: var(--color-body);
+}
+
+/* PR open label */
+.ui.green.labels .label,
+.ui.ui.ui.green.label {
+    background-color: #347d39;
+}
+
+/* bg color of PR comment form */
+.ui.form,
+.ui.form .field .dropdown,
+.ui.form .field .dropdown .menu>.item {
+    background-color: var(--color-navbar);
+}
+
+.comment-code-cloud {
+    background-color: var(--color-navbar);
+}
+
+/* remove border of "new file" button */
+.ui.buttons .button:first-child {
+    border-left: 1px solid var(--color-markup-code-block);
+}
+
+/* border color of dropdown svg */
+.ui.form,
+.ui.form .field .dropdown,
+.ui.form .field .dropdown .menu>.item {
+    background-color: var(--color-border);
+    /* border: 0px solid black !important; */
+}
+
+/* hover font color */
+.ui.secondary.pointing.menu .active.item,
+.ui.secondary.pointing.menu .active.item:hover,
+.ui.secondary.pointing.menu .dropdown.item:hover,
+.ui.secondary.pointing.menu .link.item:hover,
+.ui.secondary.pointing.menu a.item:hover {
+    color: var(--color-text);
+}
+
+.ui.selection.active.dropdown,
+.ui.selection.active.dropdown:hover,
+.ui.selection.active.dropdown .menu,
+.ui.selection.active.dropdown:hover .menu {
+    border-color: #373e47;
+}
+
+/* user avatar background */
+.user.profile .ui.card #profile-avatar {
+    background: var(--color-navbar);
+}
+
+.ui.cards>.card>.content,
+.ui.card>.content {
+    background: var(--color-navbar);
+}
+
+.user.profile .ui.card .extra.content ul li:not(:last-child) {
+    border-bottom: 1px solid var(--color-secondary);
+    background-color: var(--color-navbar);
+}
+
+.user.profile .ui.card .extra.content ul li {
+    background-color: var(--color-navbar);
+}
+
+/* right border of profile search bar */
+.ui.action.input:not([class*="left action"])>input {
+    border-right-color: var(--color-secondary);
+}
+
+.ui.action.input:not([class*="left action"])>input:focus {
+    border-right-color: var(--color-secondary);
+}
+
+/* font color line numbers */
+.lines-num span:after {
+    color: var(--color-text);
+}
+
+/* gpg key signed message */
+.repository .ui.attached.isSigned.isVerified.message {
+    background-color: var(--color-primary);
+    color: black;
+}
+
+.repository .ui.attached.isSigned.isVerified.message .ui.text {
+    color: var(--color-active);
+}
+
+.ui .info.segment.top {
+    background-color: var(--color-navbar) !important;
+}
+
+.repository .ui.attached.isSigned.isVerified.top,
+.repository .ui.attached.isSigned.isVerified.message {
+    border-top: 0px solid var(--color-text);
+}
+
+.repository .ui.attached.isSigned.isVerified {
+    border-left: 0px solid var(--color-text);
+    border-right: 0px solid var(--color-text);
+}
+
+.repository .ui.attached.isSigned.isVerified:last-child,
+.repository .ui.attached.isSigned.isVerified.bottom {
+    border-bottom: 0px solid #a3c293;
+}
+
+/* info message banner colors */
+.ui.info.message {
+    background-color: var(--color-navbar);
+    color: var(--color-text);
+}
+
+/* PR timelines colors */
+.repository.view.issue .comment-list .timeline-item .badge .svg {
+    fill: black;
+}
+
+.repository.view.issue .comment-list .timeline-item .badge {
+    background-color: var(--color-navbar);
+    color: var(--color-text);
+    width: 30px;
+    height: 30px;
+    margin-left: -31px;
+}
+
+.repository.view.issue .comment-list .timeline-item .badge.badge-commit {
+    border-color: var(--color-navbar);
+    background: var(--color-navbar);
+}
+
+.repository.view.issue .comment-list .timeline:before {
+    background-color: #373e47;
+}
+
+.repository.view.issue .comment-list .timeline-item .badge .svg {
+    width: 20px;
+    height: 20px;
+    padding: 3px;
+}
+
+input {
+    caret-color: var(--color-text);
+}
+
+.removed-code {
+    background: #b70f22;
+    color: var(--color-text);
+}
+
+.added-code {
+    background: #0d8b2c;
+    color: var(--color-text);
+}
+
+/* review - pending label */
+.ui.basic.labels .yellow.label,
+.ui.ui.ui.basic.yellow.label {
+    background: var(--color-project-board-bg);
+    color: #333 !important;
+}
+
+/* green checkmark background when approving PRs */
+.bg-green {
+    background: var(--color-primary) !important;
+}
+
+i.green.icon.icon.icon.icon {
+    color: var(--color-primary);
+}
+
+span.green .svg {
+    color: var(--color-primary);
+}
+
+/* highlight color bg for highlighted lines */
+.lines-code.active,
+.lines-code .active {
+    border-radius: 6px;
+    background: #000000 !important;
+}
+
+.ui.ui.ui.ui.table tr.active,
+.ui.ui.table td.active {
+    box-shadow: 0 0 #000000de inset;
+    background: #e0e0e0;
+    color: --var(--color-text);
+}
+
+/* navbar font size */
+.ui.secondary.menu .item {
+    font-size: 13px;
+}
+
+#navbar .item {
+    margin: 0;
+    padding: 0.5em;
+    font-size: 14px;
+}
+
+.following.bar #navbar {
+    width: 100vw;
+    border-bottom: 1px solid #373e47;
+    /* default 52px */
+    min-height: 40px;
+    padding: 0 0.5rem;
+    background: var(--color-navbar);
+}
+
+::-webkit-scrollbar-thumb {
+    box-shadow: inset 0 0 0 6px var(--color-navbar);
+}
+
+::-webkit-scrollbar-thumb:hover {
+    box-shadow: inset 0 0 0 6px var(--color-text);
+}
+
+.following.bar #navbar .brand {
+    margin-top: -2px;
+}
+
+/* border colors of search fields, e.g. "find repository" on main page */
+input:hover,
+textarea:hover,
+.ui.input input:hover,
+.ui.form input:not([type]):hover,
+.ui.form select:hover,
+.ui.form textarea:hover,
+.ui.form input[type="date"]:hover,
+.ui.form input[type="datetime-local"]:hover,
+.ui.form input[type="email"]:hover,
+.ui.form input[type="file"]:hover,
+.ui.form input[type="number"]:hover,
+.ui.form input[type="password"]:hover,
+.ui.form input[type="search"]:hover,
+.ui.form input[type="tel"]:hover,
+.ui.form input[type="text"]:hover,
+.ui.form input[type="time"]:hover,
+.ui.form input[type="url"]:hover,
+.ui.selection.dropdown:hover,
+.ui.checkbox label:hover:before,
+.ui.checkbox label:active:before,
+.ui.radio.checkbox label:after,
+.ui.radio.checkbox input:focus~label:before,
+.ui.radio.checkbox input:checked~label:before {
+    border-color: var(--color-secondary);
+}
+
+a:hover,
+a.muted:hover,
+.ui.breadcrumb a:hover {
+    color: var(--color-blue);
+}
+
+input:focus,
+textarea:focus,
+.ui.input input:focus,
+.ui.form input:not([type]):focus,
+.ui.form select:focus,
+.ui.form textarea:focus,
+.ui.form input[type="date"]:focus,
+.ui.form input[type="datetime-local"]:focus,
+.ui.form input[type="email"]:focus,
+.ui.form input[type="file"]:focus,
+.ui.form input[type="number"]:focus,
+.ui.form input[type="password"]:focus,
+.ui.form input[type="search"]:focus,
+.ui.form input[type="tel"]:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="time"]:focus,
+.ui.form input[type="url"]:focus,
+.ui.selection.dropdown:focus,
+.ui.checkbox input:focus~label:before,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus~label:before,
+.ui.checkbox input:checked:focus~label:before,
+.ui.radio.checkbox input:focus:checked~label:before {
+    border-color: ;
+}
+
+.repo-icon {
+    display: none;
+}
+
+/* reduce navbar bottom margin */
+.ui.ui.ui.container:not(.fluid) {
+    margin-bottom: -3px;
+}
+
+.ui.green.button {
+    padding: 5px 16px;
+    line-height: 20px;
+}
+
+.ui.green.labels .label,
+.ui.ui.ui.green.label {
+    padding: 2px 5px;
+    line-height: 20px;
+    color: #cdd9e5 !important;
+    border-radius: 2em;
+}
+
+.ui.tabular.menu .active.item {
+    margin-bottom: 1px;
+}
+
+/* repository icon for directories */
+.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill,
+.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+    color: #768390;
+}
+
+.ui.secondary.pointing.menu .item>.circular.label {
+    line-height: 10px;
+}
+
+.ui.grey.labels .label,
+.ui.ui.ui.grey.label {
+    line-height: 10px;
+}
+
+.ui.primary.label,
+.ui.primary.labels .label {
+    background-color: #373e47 !important;
+}
+
+/* timeline view icon color */
+.repository.view.issue .comment-list .timeline-item .badge .svg {
+    fill: #cdd9e5 !important;
+}
+
+/* borders -------------------------------------------------------------------*/
+
+/* border width of active item in repo view */
+.ui.tabular.menu .active.item,
+.ui.tabular.menu .active.item:hover {
+    border-width: initial;
+}
+
+/* README border */
+.ui.attached:not(.message)+.ui.attached.segment:not(.top) {
+    border-width: inherit;
+}
+
+.ui.top.attached.header {
+    border-width: inherit;
+    border: 1px solid #373e47;
+}
+
+.following.bar.light {
+    border-bottom: 0px solid var(--color-secondary);
+}
+
+.ui.action.input:not([class*="left action"])>input {
+    border-width: inherit;
+}
+
+.ui.action.input>.dropdown:last-child,
+.ui.action.input>.button:last-child,
+.ui.action.input>.buttons:last-child>.button {
+    border-width: inherit;
+}
+
+.ui.action.input:not([class*="left action"])>.ui.dropdown.selection:not(:focus):not(:hover) {
+    border-width: inherit;
+}
+
+.repository #clone-panel #repo-clone-https,
+.repository #clone-panel #repo-clone-ssh {
+    border-width: inherit;
+}
+
+.ui.action.input>.dropdown:not(:first-child),
+.ui.action.input>.button:not(:first-child),
+.ui.action.input>.buttons:not(:first-child)>.button {
+    border-width: inherit;
+}
+
+.ui.segment,
+.ui.segments,
+.ui.attached.segment {
+    border-width: inherit;
+}
+
+.ui.table {
+    border-width: inherit;
+}
+
+footer {
+    border-width: inherit;
+}
+
+.page-content .ui.button {
+    border-width: inherit;
+}
+
+.repo-buttons .ui.labeled.button>.label {
+    border-width: inherit;
+    border: 1px solid #373e47 !important;
+}
+
+.repo-button-row .button {
+    height: unset;
+}
+
+.repository .repository-summary .segment.language-stats {
+    height: 14px;
+    border-radius: 6px;
+}
+
+.ui.table[class*="single line"],
+.ui.table [class*="single line"] {
+    white-space: nowrap;
+    border: 1px solid #373e47;
+}
+
+.ui.tiny.input {
+    font-size: 0.85714286em;
+    border: 1px solid #373e47;
+    border-radius: 6px;
+}
+
+.ui.fluid.input {
+    border: 1px solid #373e47 !important;
+    border-radius: 6px;
+}
+
+.repository.view.issue .comment-list .comment>.content>div:last-child {
+    border: 0px solid #373e47 !important;
+}
+
+.ui.basic.secondary.buttons .button,
+.ui.basic.secondary.button {
+    color: var(--color-text) !important;
+    border: 1px solid #373e47 !important;
+}
+
+.ui.small.buttons .dropdown,
+.ui.small.buttons .dropdown .menu>.item,
+.ui.small.buttons .button,
+.ui.small.buttons .or,
+.ui.ui.ui.ui.small.button {
+    border: 1px solid #373e47 !important;
+}
+
+.ui.table>tr>td,
+.ui.table>tbody>tr>td {
+    border-top-color: #373e47;
+}
+
+.ui.basic.primary.button,
+.ui.basic.primary.buttons .button {
+    color: #adbac7 !important;
+    font-weight: 500 !important;
+}
+
+.feeds .list ul li .repo-list-link {
+    background: #161b22;
+}
+
+.ui.attached:not(.message)+.ui.attached.segment:not(.top) {
+    border: 1px solid #373e47;
+}
+
+.ui.menu .active.item,
+.ui.menu .active.item:hover,
+.ui.vertical.menu .active.item,
+.ui.vertical.menu .active.item:hover {
+    background: #161b22;
+    font-weight: 500;
+    color: #adbac7;
+}
+
+.ui.primary.labels .label,
+.ui.ui.ui.primary.label {
+    color: #a6aab5;
+}
+
+.issue.list a:not(.label):hover {
+    color: var(--color-blue) !important;
+}
+
+.ui.segment,
+.ui.segments,
+.ui.attached.segment {
+    border: 1px solid #373e47 !important;
+}
+
+.repository.view.issue .comment-list .comment .comment-container {
+    border: 1px solid #373e47;
+    border-radius: 0px;
+}
+
+.repository.view.issue .comment-list .comment>.content>div:first-child {
+    border-bottom: 1px solid #373e47 !important;
+}
+
+.tag-code,
+.tag-code td,
+.tag-code .blob-excerpt {
+    background-color: var(--color-body);
+}
+
+/* issue \& PR count labels */
+.ui.menu .item>.label {
+    background: rgba(99, 110, 123, 0.4);
+    color: #cdd9e5;
+}
+
+.ui.basic.red.buttons .button,
+.ui.basic.red.button {
+    color: var(--color-red);
+    border: 1px solid var(--color-red);
+    border-radius: 16px;
+    padding: 5px 16px;
+    line-height: 20px;
+}
+
+#navbar a.item .notification_count {
+    color: var(--color-text);
+}
+
+.ui.secondary.menu .dropdown.item:hover,
+.ui.secondary.menu a.item:hover {
+    color: #e3e3e3;
+}
+
+.ui.secondary.menu .active.item,
+.ui.secondary.menu .active.item:hover {
+    color: #e3e3e3;
+    background-color: var(--color-nav-bg);
+}
+
+/* list in Pull requests view */
+.issue.list>.item .desc {
+    color: var(--color-text);
+}
\ No newline at end of file
diff --git a/public/css/theme-github.css b/public/css/theme-github.css
index 506b6a7..e6a4008 100755
--- a/public/css/theme-github.css
+++ b/public/css/theme-github.css
@@ -1,550 +1,472 @@
-.chroma {
-	background-color: var(--color-code-bg);
-}
-.chroma .lntd {
-	vertical-align: top;
-	border: 0;
-	margin: 0;
-	padding: 0;
-}
-.chroma .lntable {
-	border-spacing: 0;
-	border: 0;
-	width: auto;
-	margin: 0;
-	padding: 0;
-	display: block;
-	overflow: auto;
-}
-.chroma .hl {
-	width: 100%;
-	display: block;
-}
-.chroma .lnt,
-.chroma .ln {
-	margin-right: 0.4em;
-	padding: 0 0.4em;
-}
-.chroma .gs {
-	font-weight: var(--font-weight-semibold);
-}
-.chroma .gl {
-	text-decoration: underline;
-}
-.chroma .bp {
-	color: #fabd2f;
-}
-.chroma .c,
-.chroma .c1,
-.chroma .ch,
-.chroma .cm {
-	color: #777e94;
-}
-.chroma .cp {
-	color: #8ec07c;
-}
-.chroma .cpf {
-	color: #79c0ff;
-}
-.chroma .cs {
-	color: #9075cd;
-}
-.chroma .dl {
-	color: #79c0ff;
-}
-.chroma .gd {
-	color: #fff;
-	background-color: #5f3737;
-}
-.chroma .ge {
-	color: #ddee30;
-}
-.chroma .gh {
-	color: #ffaa10;
-}
-.chroma .gi {
-	color: #fff;
-	background-color: #3a523a;
-}
-.chroma .go {
-	color: #777e94;
-}
-.chroma .gp {
-	color: #ebdbb2;
-}
-.chroma .gr {
-	color: #f43;
-}
-.chroma .gs {
-	color: #ebdbb2;
-}
-.chroma .gt {
-	color: #7ee787;
-}
-.chroma .gu {
-	color: #a5d6ff;
-}
-.chroma .il {
-	color: #79c0ff;
-}
-.chroma .k {
-	color: #ff7b72;
-}
-.chroma .kc {
-	color: #79c0ff;
-}
-.chroma .kd {
-	color: #ff7b72;
-}
-.chroma .kn {
-	color: #ff7b72;
-}
-.chroma .kp {
-	color: #5f8700;
-}
-.chroma .kr {
-	color: #7ee787;
-}
-.chroma .kt {
-	color: #ff7b72;
-}
-.chroma .m,
-.chroma .mb,
-.chroma .mf,
-.chroma .mh,
-.chroma .mi,
-.chroma .mo {
-	color: #79c0ff;
-}
-.chroma .n {
-	color: #c9d1d9;
-}
-.chroma .na {
-	color: #d2a8ff;
-}
-.chroma .nb {
-	color: #a5d6ff;
-}
-.chroma .nc {
-	color: #e6edf3;
-}
-.chroma .nd {
-	color: #79c0ff;
-}
-.chroma .ne {
-	color: #7ee787;
-}
-.chroma .nf,
-.chroma .ni {
-	color: #d2a8ff;
-}
-.chroma .nl {
-	color: #7ee787;
-}
-.chroma .nn {
-	color: #e6edf3;
-}
-.chroma .no {
-	color: #79c0ff;
-}
-.chroma .nt {
-	color: #7ee787;
-}
-.chroma .nv {
-	color: #ebdbb2;
-}
-.chroma .nx {
-	color: #b6bac5;
-}
-.chroma .o {
-	color: #7ee787;
-}
-.chroma .ow {
-	color: #5f8700;
-}
-.chroma .p {
-	color: #d2d4db;
-}
-.chroma .s,
-.chroma .s1,
-.chroma .s2 {
-	color: #a5d6ff;
-}
-.chroma .sa {
-	color: #79c0ff;
-}
-.chroma .sb {
-	color: #a5d6ff;
-}
-.chroma .sc {
-	color: #79c0ff;
-}
-.chroma .sd {
-	color: #777e94;
-}
-.chroma .se {
-	color: #7ee787;
-}
-.chroma .sh {
-	color: #79c0ff;
-}
-.chroma .si {
-	color: #ffaa10;
-}
-.chroma .sr {
-	color: #9075cd;
-}
-.chroma .ss {
-	color: #7ee787;
-}
-.chroma .sx {
-	color: #ffaa10;
-}
-.chroma .vc {
-	color: #7ee787;
-}
-.chroma .vg,
-.chroma .vi {
-	color: #ffaa10;
-}
-.chroma .w {
-	color: #7f8699;
-}
-.CodeMirror.cm-s-default .cm-property,
-.CodeMirror.cm-s-paper .cm-property {
-	color: #a0cc75;
-}
-.CodeMirror.cm-s-default .cm-header,
-.CodeMirror.cm-s-paper .cm-header {
-	color: #9daccc;
-}
-.CodeMirror.cm-s-default .cm-quote,
-.CodeMirror.cm-s-paper .cm-quote {
-	color: #090;
-}
-.CodeMirror.cm-s-default .cm-keyword,
-.CodeMirror.cm-s-paper .cm-keyword {
-	color: #cc8a61;
-}
-.CodeMirror.cm-s-default .cm-atom,
-.CodeMirror.cm-s-paper .cm-atom {
-	color: #ef5e77;
-}
-.CodeMirror.cm-s-default .cm-number,
-.CodeMirror.cm-s-paper .cm-number {
-	color: #ff5656;
-}
-.CodeMirror.cm-s-default .cm-def,
-.CodeMirror.cm-s-paper .cm-def {
-	color: #e4e4e4;
-}
-.CodeMirror.cm-s-default .cm-variable-2,
-.CodeMirror.cm-s-paper .cm-variable-2 {
-	color: #00bdbf;
-}
-.CodeMirror.cm-s-default .cm-variable-3,
-.CodeMirror.cm-s-paper .cm-variable-3 {
-	color: #085;
-}
-.CodeMirror.cm-s-default .cm-comment,
-.CodeMirror.cm-s-paper .cm-comment {
-	color: #8e9ab3;
-}
-.CodeMirror.cm-s-default .cm-string,
-.CodeMirror.cm-s-paper .cm-string {
-	color: #a77272;
-}
-.CodeMirror.cm-s-default .cm-string-2,
-.CodeMirror.cm-s-paper .cm-string-2 {
-	color: #f50;
-}
-.CodeMirror.cm-s-default .cm-meta,
-.CodeMirror.cm-s-paper .cm-meta,
-.CodeMirror.cm-s-default .cm-qualifier,
-.CodeMirror.cm-s-paper .cm-qualifier {
-	color: #ffb176;
-}
-.CodeMirror.cm-s-default .cm-builtin,
-.CodeMirror.cm-s-paper .cm-builtin {
-	color: #b7c951;
-}
-.CodeMirror.cm-s-default .cm-bracket,
-.CodeMirror.cm-s-paper .cm-bracket {
-	color: #997;
-}
-.CodeMirror.cm-s-default .cm-tag,
-.CodeMirror.cm-s-paper .cm-tag {
-	color: #f1d273;
-}
-.CodeMirror.cm-s-default .cm-attribute,
-.CodeMirror.cm-s-paper .cm-attribute {
-	color: #bfcc70;
-}
-.CodeMirror.cm-s-default .cm-hr,
-.CodeMirror.cm-s-paper .cm-hr {
-	color: #999;
-}
-.CodeMirror.cm-s-default .cm-url,
-.CodeMirror.cm-s-paper .cm-url {
-	color: #c5cfd0;
-}
-.CodeMirror.cm-s-default .cm-link,
-.CodeMirror.cm-s-paper .cm-link {
-	color: #d8c792;
-}
-.CodeMirror.cm-s-default .cm-error,
-.CodeMirror.cm-s-paper .cm-error {
-	color: #dbdbeb;
-}
 :root {
-	--is-dark-theme: true;
-	--color-primary: #2f81f7;
-	--color-primary-contrast: #fff;
-	--color-primary-dark-1: #739cb3;
-	--color-primary-dark-2: #1874FB;
-	--color-primary-dark-3: #92b4c4;
-	--color-primary-dark-4: #0066ff;
-	--color-primary-dark-5: #cfddc1;
-	--color-primary-dark-6: #e7eee0;
-	--color-primary-dark-7: #f8faf6;
-	--color-primary-light-1: #0962e2;
-	--color-primary-light-2: #2e63b0;
-	--color-primary-light-3: #415b8b;
-	--color-primary-light-4: #2d456a;
-	--color-primary-light-5: #223546;
-	--color-primary-light-6: #131923;
-	--color-primary-light-7: #06090b;
-	--color-primary-alpha-10: #3683c019;
-	--color-primary-alpha-20: #3683c033;
-	--color-primary-alpha-30: #3683c04b;
-	--color-primary-alpha-40: #3683c066;
-	--color-primary-alpha-50: #3683c080;
-	--color-primary-alpha-60: #3683c099;
-	--color-primary-alpha-70: #3683c0b3;
-	--color-primary-alpha-80: #3683c0cc;
-	--color-primary-alpha-90: #3683c0e1;
-	--color-primary-hover: var(--color-primary-light-1);
-	--color-primary-active: var(--color-primary-light-2);
-	--color-secondary: #2c2f35;
-	--color-secondary-dark-1: #505665;
-	--color-secondary-dark-2: #5b6273;
-	--color-secondary-dark-3: #71798e;
-	--color-secondary-dark-4: #7f8699;
-	--color-secondary-dark-5: #8c93a4;
-	--color-secondary-dark-6: #9aa0af;
-	--color-secondary-dark-7: #a8adba;
-	--color-secondary-dark-8: #c4c7d0;
-	--color-secondary-dark-9: #dfe1e6;
-	--color-secondary-dark-10: #edeef1;
-	--color-secondary-dark-11: #fbfbfc;
-	--color-secondary-dark-12: #eeeff2;
-	--color-secondary-dark-13: #fbfbfc;
-	--color-secondary-light-1: #373b46;
-	--color-secondary-light-2: #292c34;
-	--color-secondary-light-3: #1c1e23;
-	--color-secondary-light-4: #0e0f11;
-	--color-secondary-alpha-10: #2c2f35;
-	--color-secondary-alpha-20: #2c2f3533;
-	--color-secondary-alpha-30: #2c2f354b;
-	--color-secondary-alpha-40: #2c2f3566;
-	--color-secondary-alpha-50: #2c2f3580;
-	--color-secondary-alpha-60: #2c2f3599;
-	--color-secondary-alpha-70: #2c2f35b3;
-	--color-secondary-alpha-80: #2c2f35cc;
-	--color-secondary-alpha-90: #2c2f35e1;
-	--color-red: #c23636;
-	--color-orange: #f17a2b;
-	--color-yellow: #f3c640;
-	--color-olive: #c8df36;
-	--color-green: #238636;
-	--color-teal: #08979c;
-	--color-blue: #4b80ca;
-	--color-violet: #754ad3;
-	--color-purple: #b65dd4;
-	--color-pink: #e04b9f;
-	--color-brown: #a86d45;
-	--color-black: #141516;
-	--color-grey: #797c85;
-	--color-gold: #d4b74c;
-	--color-white: #ffffff;
-	--color-red-light: #d15a5a;
-	--color-orange-light: #f6a066;
-	--color-yellow-light: #eaaf03;
-	--color-olive-light: #abc016;
-	--color-green-light: #93b373;
-	--color-teal-light: #00b6ad;
-	--color-blue-light: #4e96cc;
-	--color-violet-light: #9b79e4;
-	--color-purple-light: #ba6ad5;
-	--color-pink-light: #d74397;
-	--color-brown-light: #b08061;
-	--color-black-light: #3f4555;
-	--color-red-dark-1: #da3737;
-	--color-orange-dark-1: #f38236;
-	--color-yellow-dark-1: #b88a03;
-	--color-olive-dark-1: #839311;
-	--color-green-dark-1: #2ea043;
-	--color-teal-dark-1: #13c2c2;
-	--color-blue-dark-1: #347cb3;
-	--color-violet-dark-1: #7b4edb;
-	--color-purple-dark-1: #a742c9;
-	--color-pink-dark-1: #be297d;
-	--color-brown-dark-1: #94674a;
-	--color-black-dark-1: #292d38;
-	--color-red-dark-2: #ad3030;
-	--color-orange-dark-2: #f16e17;
-	--color-yellow-dark-2: #a37a02;
-	--color-olive-dark-2: #74820f;
-	--color-green-dark-2: #238636;
-	--color-teal-dark-2: #00746e;
-	--color-blue-dark-2: #2e6e9f;
-	--color-violet-dark-2: #6733d6;
-	--color-purple-dark-2: #9834b9;
-	--color-pink-dark-2: #a9246f;
-	--color-brown-dark-2: #835b42;
-	--color-black-dark-2: #252832;
-	--color-console-bg: #11171f;
-	--color-ansi-black: var(--color-black);
-	--color-ansi-red: var(--color-red);
-	--color-ansi-green: var(--color-green);
-	--color-ansi-yellow: var(--color-yellow);
-	--color-ansi-blue: var(--color-blue);
-	--color-ansi-magenta: var(--color-pink);
-	--color-ansi-cyan: var(--color-teal);
-	--color-ansi-white: var(--color-console-fg-subtle);
-	--color-ansi-bright-black: var(--color-black-light);
-	--color-ansi-bright-red: var(--color-red-light);
-	--color-ansi-bright-green: var(--color-green-light);
-	--color-ansi-bright-yellow: var(--color-yellow-light);
-	--color-ansi-bright-blue: var(--color-blue-light);
-	--color-ansi-bright-magenta: var(--color-pink-light);
-	--color-ansi-bright-cyan: var(--color-teal-light);
-	--color-ansi-bright-white: var(--color-console-fg);
-	--color-grey: #505665;
-	--color-grey-light: #a1a6b7;
-	--color-gold: #b1983b;
-	--color-white: #fff;
-	--color-diff-removed-word-bg: #6f3333;
-	--color-diff-added-word-bg: #3c653c;
-	--color-diff-removed-row-bg: #3c2626;
-	--color-diff-moved-row-bg: #818044;
-	--color-diff-added-row-bg: #283e2d;
-	--color-diff-removed-row-border: #634343;
-	--color-diff-moved-row-border: #bcca6f;
-	--color-diff-added-row-border: #314a37;
-	--color-diff-inactive: #353846;
-	--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;
-	--color-body: #0d1117;
-	--color-box-header: #161b22;
-	--color-box-body: #11171f;
-	--color-box-body-highlight: #262b36;
-	--color-text-dark: #dbe0ea;
-	--color-text: #bbc0ca;
-	--color-text-light: #a6aab5;
-	--color-text-light-1: rgb(125, 133, 144);
-	--color-text-light-2: #8a8e99;
-	--color-text-light-3: #707687;
-	--color-footer: #010409;
-	--color-timeline: #4c525e;
-	--color-input-text: #d5dbe6;
-	--color-input-background: #2c2f35;
-	--color-input-toggle-background: #454a57;
-	--color-input-border: #2c2f35;
-	--color-input-border-hover: #505667;
-	--color-header-wrapper: #0d1117;
-	--color-header-wrapper-transparent: #20243000;
-	--color-light: #00000028;
-	--color-light-mimic-enabled: rgba(
-		0,
-		0,
-		0,
-		calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
-	);
-	--color-light-border: #ffffff28;
-	--color-hover: #ffffff19;
-	--color-active: #ffffff24;
-	--color-menu: #0d1117;
-	--color-card: #0d1117;
-	--color-markup-table-row: #ffffff06;
-	--color-markup-code-block: #ffffff16;
-	--color-button: #1e252e;
-	--color-code-bg: #0d1117;
-	--color-code-sidebar-bg: #232834;
-	--color-shadow: #00000060;
-	--color-secondary-bg: #2c2f35;
-	--color-text-focus: #fff;
-	--color-expand-button: #3c404d;
-	--color-placeholder-text: #8a8e99;
-	--color-editor-line-highlight: var(--color-primary-light-5);
-	--color-project-board-bg: var(--color-secondary-light-2);
-	--color-caret: var(--color-text);
-	--color-reaction-bg: #ffffff12;
-	--color-reaction-hover-bg: var(--color-primary-light-4);
-	--color-reaction-active-bg: var(--color-primary-light-5);
-	--color-tooltip-text: #fff;
-	--color-tooltip-bg: #000000f0;
-	--color-nav-bg: #010409;
-	--color-nav-hover-bg: #383c47;
-	--color-label-text: #dfe3ec;
-	--color-label-bg: #7c84974b;
-	--color-label-hover-bg: #7c8497a0;
-	--color-label-active-bg: #7c8497;
-	--color-accent: var(--color-primary-light-1);
-	--color-small-accent: var(--color-primary-light-5);
-	--color-active-line: #534d1b;
-	accent-color: var(--color-accent);
-	color-scheme: dark;
+	--border-radius: 6px;
+	--color-primary: #0969da;
+	--color-navbar: #f6f8fa;
+	--color-active: #afb8c133;
+	--color-markup-code-block: #afb8c133;
+	--color-hover: #92969933;
+	--color-purple: #8250df;
+	--color-green: #1a7f37;
+	--color-green-light: #27c24c;
+	--color-grey-light: var(--color-text-light);
 }
-.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() hue-rotate(180deg);
+
+.ui.label {
+	padding: 0.3em 0.5em;
+	background: var(--color-light);
+	color: var(--color-text-light);
+	border-radius: 6px;
+}
+
+.ui.blue.label,
+.ui.blue.labels .label,
+.ui.primary.label,
+.ui.primary.labels .label {
+	border-color: var(--color-light) !important;
+	background-color: #afb8c133 !important;
+	border-radius: 6px;
+	color: #24292f !important;
+}
+
+.ui.blue.button,
+.ui.blue.buttons .button,
+.ui.primary.button,
+.ui.primary.buttons .button {
+	background-color: #f6f8fa !important;
+	color: #24292f !important;
+}
+
+.repo-icon {
+	display: inline-block;
+	transform: scale(0.75);
+	margin-right: -0.05rem !important;
+}
+
+.ui.green.buttons .button,
+.ui.green.button {
+	background-color: #1a7f37;
+	color: #fff !important;
+	/* border-radius: 2em; */
+	padding: 5px 10px;
+}
+
+.ui.green.labels .label,
+.ui.ui.ui.green.label {
+	background-color: #1a7f37;
+	color: #fff !important;
+	border-radius: 2em;
+	padding: 5px 10px;
+}
+
+/* "edit" and "reopen" button font color */
+.ui.basic.green.buttons .button,
+.ui.basic.green.button {
+	color: #24292f;
+}
+
+.feeds .list ul li.private {
+	background: none;
+}
+
+.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
+.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+	color: #54aeff;
+}
+
+.repo-title a {
+	color: var(--color-primary) !important;
+}
+
+.ui.basic.blue.button,
+.ui.basic.blue.buttons .button,
+.ui.basic.primary.button,
+.ui.basic.primary.buttons .button {
+	background-color: #fff !important;
+	box-shadow: inset 0 0 0 1px rgba(34, 36, 38, 0.15) !important;
+	color: var(--color-text) !important;
+}
+
+.ui.basic.blue.button:focus,
+.ui.basic.blue.buttons .button:focus,
+.ui.basic.primary.button:focus,
+.ui.basic.primary.buttons .button:focus {
+	box-shadow: inset 0 0 0 0px #808080 !important;
+}
+
+.ui.basic.blue.button:hover,
+.ui.basic.blue.buttons .button:hover,
+.ui.basic.primary.button:hover,
+.ui.basic.primary.buttons .button:hover {
+	background-color: #fff !important;
+}
+
+ui.basic.blue.button:hover,
+.ui.basic.blue.buttons .button:hover,
+.ui.basic.primary.button:hover,
+.ui.basic.primary.buttons .button:hover {
+	box-shadow: inset 0 0 0 0px #808080 !important;
+}
+
+a:hover,
+a.muted:hover,
+.ui.breadcrumb a:hover {
+	color: none;
+}
+
+.ui.basic.labels .label,
+.ui.basic.label {
+	background-color: #fff;
+}
+
+.ui.labeled.button.disabled>.button,
+.ui.basic.buttons .button,
+.ui.basic.button {
+	background-color: #f6f8fa;
+}
+
+.ui.blue.button:hover,
+.ui.blue.buttons .button:hover,
+.ui.primary.button:hover,
+.ui.primary.buttons .button:hover {
+	background-color: var(--color-hover) !important;
+}
+
+.repository .ui.segment.sub-menu .list .item a:hover {
+	color: var(--color-text) !important;
+}
+
+.repo-buttons .ui.labeled.button>.label:hover {
+	color: var(--color-text) !important;
+}
+
+.repository.file.list #repo-files-table tr:hover {
+	background-color: #f6f8fa !important;
+}
+
+.ui .error.header {
+	background-color: #cf222e !important;
+	color: #fff !important;
+}
+
+.ui.red.buttons .button,
+.ui.red.button {
+	color: #fff !important;
+	padding: 8px 10px;
+}
+
+.ui.basic.red.buttons .button,
+.ui.basic.red.button {
+	color: #cf222e !important;
+	font-weight: 500;
+}
+
+* {
+	scrollbar-width: thin;
+	scrollbar-color: #f6f8fa transparent !important;
+}
+
+::-webkit-scrollbar-thumb {
+	box-shadow: inset 0 0 0 6px #808080 !important;
+}
+
+.ui.purple.labels .label,
+.ui.ui.ui.purple.label {
+	background-color: #8250df !important;
+}
+
+.repository #clone-panel input {
+	background-color: #f6f8fa;
+}
+
+.ui.basic.green.buttons .button,
+.ui.basic.green.button {
+	color: var(--color-text) !important;
+}
+
+ul.repo-owner-name-list {
+	font-size: 13px;
+}
+
+a.ui.label {
+	color: #fff !important;
+}
+
+.ui .sha.label {
+	color: var(--color-text) !important;
+	padding: 6px 10px 6px;
+}
+
+.ui.basic.green.buttons .button,
+.ui.basic.green.button {
+	color: #1a7f37 !important;
+}
+
+.ui.basic.labels .label,
+.ui.basic.label {
+	color: var(--color-text) !important;
+}
+
+.repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon,
+.repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon,
+.repository #rev-list .sha.label.isSigned.isVerified .detail.icon,
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .detail.icon {
+	border-left: 1px solid #1a7f37;
+	color: #1a7f37;
+}
+
+.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerified {
+	border: 1px solid #1a7f37;
+}
+
+.ui.labeled.icon.buttons>.button>.icon,
+.ui.labeled.icon.button>.icon {
+	border-right: 1px solid var(--color-secondary);
+}
+
+.ui.buttons:not(.basic):not(.inverted)>.button:not(.basic):not(.inverted) {
+	border-left: 1px solid var(--color-secondary);
+}
+
+/* GPG verified msg banner */
+.repository .ui.attached.isSigned.isVerified.message .ui.text {
+	color: black;
+}
+
+.repository .ui.attached.isSigned.isVerified:last-child,
+.repository .ui.attached.isSigned.isVerified.bottom {
+	border-bottom: 1px solid #21ba45;
+}
+
+.repository .ui.attached.isSigned.isVerified.top,
+.repository .ui.attached.isSigned.isVerified.message {
+	border-top: 1px solid var(--color-secondary);
+}
+
+.repository .ui.attached.isSigned.isVerified {
+	border-left: 1px solid var(--color-secondary);
+	border-right: 1px solid var(--color-secondary);
+}
+
+.repository .ui.attached.isSigned.isVerified.message {
+	box-shadow: none;
+	background-color: #21ba45;
+	color: black;
+}
+
+/* bg color of commit info box */
+.ui .info.segment.top {
+	background-color: var(--color-navbar) !important;
+}
+
+.repo-icon {
+	display: none;
+}
+
+/* navbar font size */
+.ui.secondary.menu .item {
+	font-size: 13px;
+}
+
+#navbar .item {
+	margin: 0;
+	padding: 0.5em;
+	font-size: 14px;
+	color: black !important;
+}
+
+.following.bar #navbar {
+	width: 100vw;
+	/* default 52px */
+	min-height: 40px;
+	padding: 0 0.5rem;
+}
+
+::-webkit-scrollbar-thumb {
+	box-shadow: inset 0 0 0 6px var(--color-navbar);
+}
+
+::-webkit-scrollbar-thumb:hover {
+	box-shadow: inset 0 0 0 6px var(--color-text);
+}
+
+.following.bar #navbar .brand {
+	margin-top: -2px;
+}
+
+/* reduce navbar bottom margin */
+.ui.ui.ui.container:not(.fluid) {
+	margin-bottom: -3px;
+}
+
+/* Link color for repo breadcrumbs */
+a,
+.ui.breadcrumb a {
+	color: var(--color-primary) !important;
+}
+
+/* color for repo menu bar to overwrite link color */
+.ui.tabular.menu .item {
+	color: var(--color-text) !important;
+	height: fit-content;
+}
+
+.repository .ui.segment.sub-menu .list .item a {
+	color: var(--color-text) !important;
+}
+
+.ui .menu:not(.vertical) .item>.button.compact {
+	color: var(--color-text) !important;
+}
+
+.ui.labeled.button.disabled>.button,
+.ui.basic.buttons .button,
+.ui.basic.button {
+	color: var(--color-text-light) !important;
+}
+
+#manage_topic {
+	font-size: 12px;
+	color: var(--color-text) !important;
+}
+
+.ui.menu .item {
+	color: var(--color-text) !important;
+}
+
+/* font weight of "danger zone" buttons in "delete repo" */
+
+.ui.label {
+	background: rgba(175, 184, 193, 0.2);
+}
+
+.comment-header .actions a {
+	color: black !important;
+}
+
+.ui.dropdown>.text {
+	color: black !important;
+}
+
+.repository.compare.pull .choose.branch .svg {
+	color: black !important;
+}
+
+a.muted {
+	color: black !important;
 }
 
 .repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill,
 .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
-	color: #7d8590;
+	color: #54aeff !important;
+}
+
+.repository.file.list #repo-files-table td a {
+	color: black !important;
+}
+
+.ui.negative.buttons .button,
+.ui.negative.button {
+	background-color: none;
+	color: #fff;
+}
+
+.ui.green.button {
+	padding: 5px 16px;
+	line-height: 20px;
+}
+
+.ui.green.labels .label,
+.ui.ui.ui.green.label {
+	padding: 5px 16px;
+	line-height: 20px;
+}
+
+.ui.tabular.menu .active.item {
+	margin-bottom: 2px;
+}
+
+.ui.menu .item>.label:not(.floating) {
+	padding: 0 6px;
+	line-height: 18px;
+}
+
+.ui.secondary.pointing.menu .item>.circular.label {
+	line-height: 10px;
+}
+
+.ui.grey.labels .label,
+.ui.ui.ui.grey.label {
+	line-height: 10px;
+}
+
+/* yes/no dialog buttons for repo archival */
+.ui.basic.inverted.buttons .button,
+.ui.basic.inverted.button {
+	color: #f9fafb !important;
+}
+
+/* border color of SSH/https cloning buttons (non-focused) */
+.ui.basic.blue.button,
+.ui.basic.blue.buttons .button,
+.ui.basic.primary.button,
+.ui.basic.primary.buttons .button {
+	box-shadow: inset 0 0 0 1px transparent !important;
+}
+
+/* same for hover */
+ui.basic.blue.button:hover,
+.ui.basic.blue.buttons .button:hover,
+.ui.basic.primary.button:hover,
+.ui.basic.primary.buttons .button:hover {
+	box-shadow: inset 0 0 0 0px transparent !important;
+}
+
+/* background color of branch name in PRs */
+.issue.list .branches .branch {
+	background-color: #afb8c133;
+	border-radius: 6px;
+}
+
+/* branch display in PRs */
+.issue.list .branches .branch {
+	background-color: #afb8c133;
+	border-radius: 6px;
+}
+
+.issue.list .branches .truncated-name {
+	color: #24292f;
+	padding: 2px;
+}
+
+/* hover */
+.ui.basic.secondary.buttons .button:hover,
+.ui.basic.secondary.button:hover {
+	background: var(--color-hover) !important;
+}
+
+/* settings button in org team settings */
+.ui.teal.labels .label,
+.ui.ui.ui.teal.label,
+.ui.teal.button,
+.ui.teal.buttons .button {
+	background: var(--color-green);
+	color: #fff !important;
+}
+
+.ui.labeled.icon.buttons>.button>.icon,
+.ui.labeled.icon.button>.icon {
+	background: var(--color-green);
+}
+
+.ui.teal.labels .label,
+.ui.ui.ui.teal.label,
+.ui.teal.button,
+.ui.teal.buttons .button {
+	background: var(--color-green);
+	color: #fff !important;
+}
+
+/* folder icon color for PR diff view */
+.svg-icon.directory[data-v-0fac5124] {
+	color: #54aeff;
 }
\ No newline at end of file