From 4427e0c137c3a5b07f0949d0cccc48b1493b25d0 Mon Sep 17 00:00:00 2001
From: Sophia Atkinson <sophialul@protonmail.com>
Date: Mon, 8 May 2023 18:27:26 -0700
Subject: [PATCH] Updated to support 1.19.3

---
 public/css/index.css      | 856 +++++++++++++++++++++-----------------
 public/css/theme-auto.css |   5 +-
 2 files changed, 481 insertions(+), 380 deletions(-)

diff --git a/public/css/index.css b/public/css/index.css
index 1383719..d48f663 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -1,62 +1,62 @@
-span.svg-icon.status[data-v-437c389f] {
+span.svg-icon.status[data-v-31f6283f] {
     float: right
 }
 
-span.svg-icon.file[data-v-437c389f] {
+span.svg-icon.file[data-v-31f6283f] {
     color: var(--color-secondary-dark-7)
 }
 
-span.svg-icon.directory[data-v-437c389f] {
+span.svg-icon.directory[data-v-31f6283f] {
     color: var(--color-primary)
 }
 
-span.svg-icon.octicon-diff-modified[data-v-437c389f] {
+span.svg-icon.octicon-diff-modified[data-v-31f6283f] {
     color: var(--color-yellow)
 }
 
-span.svg-icon.octicon-diff-added[data-v-437c389f] {
+span.svg-icon.octicon-diff-added[data-v-31f6283f] {
     color: var(--color-green)
 }
 
-span.svg-icon.octicon-diff-removed[data-v-437c389f] {
+span.svg-icon.octicon-diff-removed[data-v-31f6283f] {
     color: var(--color-red)
 }
 
-span.svg-icon.octicon-diff-renamed[data-v-437c389f] {
+span.svg-icon.octicon-diff-renamed[data-v-31f6283f] {
     color: var(--color-teal)
 }
 
-.item.filewrapper[data-v-437c389f] {
+.item.filewrapper[data-v-31f6283f] {
     display: grid!important;
     grid-template-columns: 20px 7fr 1fr;
     padding-left: 18px!important
 }
 
-.item.filewrapper[data-v-437c389f]:hover {
+.item.filewrapper[data-v-31f6283f]:hover,div.directory[data-v-31f6283f]:hover {
     color: var(--color-text);
     background: var(--color-hover);
     border-radius: 4px
 }
 
-div.directory[data-v-437c389f] {
+.item.filewrapper.selected[data-v-31f6283f] {
+    color: var(--color-text);
+    background: var(--color-active);
+    border-radius: 4px
+}
+
+div.directory[data-v-31f6283f] {
     display: grid;
     grid-template-columns: 18px 20px auto;
     user-select: none;
     cursor: pointer
 }
 
-div.directory[data-v-437c389f]:hover {
-    color: var(--color-text);
-    background: var(--color-hover);
-    border-radius: 4px
-}
-
-div.list[data-v-437c389f] {
+div.list[data-v-31f6283f] {
     padding-bottom: 0!important;
     padding-top: inherit!important
 }
 
-a[data-v-437c389f],a[data-v-437c389f]:hover {
+a[data-v-31f6283f],a[data-v-31f6283f]:hover {
     text-decoration: none
 }
 
@@ -124,16 +124,16 @@ a[data-v-437c389f],a[data-v-437c389f]:hover {
     display: flex
 }
 
-.action-view-body[data-v-03ebda9d] {
+.action-view-body[data-v-c04a296c] {
     display: flex;
     height: calc(100vh - 266px)
 }
 
-.action-view-header[data-v-03ebda9d] {
+.action-view-header[data-v-c04a296c] {
     margin: 0 20px 20px
 }
 
-.action-view-header .run_cancel[data-v-03ebda9d] {
+.action-view-header .run_cancel[data-v-c04a296c] {
     border: none;
     color: var(--color-red);
     background-color: transparent;
@@ -142,11 +142,11 @@ a[data-v-437c389f],a[data-v-437c389f]:hover {
     transition: transform .2s
 }
 
-.action-view-header .run_cancel[data-v-03ebda9d]:hover {
+.action-view-header .run_cancel[data-v-c04a296c]:hover {
     transform: scale(1.3)
 }
 
-.action-view-header .run_approve[data-v-03ebda9d] {
+.action-view-header .run_approve[data-v-c04a296c] {
     border: none;
     color: var(--color-green);
     background-color: transparent;
@@ -155,34 +155,34 @@ a[data-v-437c389f],a[data-v-437c389f]:hover {
     transition: transform .2s
 }
 
-.action-view-header .run_cancel[data-v-03ebda9d]:hover,.action-view-header .run_approve[data-v-03ebda9d]:hover {
+.action-view-header .run_cancel[data-v-c04a296c]:hover,.action-view-header .run_approve[data-v-c04a296c]:hover {
     transform: scale(1.3)
 }
 
-.action-info-summary[data-v-03ebda9d] {
+.action-info-summary[data-v-c04a296c] {
     font-size: 150%;
     height: 20px;
     padding: 0 10px;
     display: flex
 }
 
-.action-info-summary .action-title[data-v-03ebda9d] {
+.action-info-summary .action-title[data-v-c04a296c] {
     padding: 0 5px
 }
 
-.action-view-left[data-v-03ebda9d] {
+.action-view-left[data-v-c04a296c] {
     width: 30%;
     max-width: 400px;
     overflow-y: scroll;
     margin-left: 10px
 }
 
-.job-group-section .job-group-summary[data-v-03ebda9d] {
+.job-group-section .job-group-summary[data-v-c04a296c] {
     margin: 5px 0;
     padding: 10px
 }
 
-.job-group-section .job-brief-list .job-brief-item[data-v-03ebda9d] {
+.job-group-section .job-brief-list .job-brief-item[data-v-c04a296c] {
     margin: 5px 0;
     padding: 10px;
     background: var(--color-info-bg);
@@ -193,7 +193,7 @@ a[data-v-437c389f],a[data-v-437c389f]:hover {
     flex-wrap: nowrap
 }
 
-.job-group-section .job-brief-list .job-brief-item .job-brief-rerun[data-v-03ebda9d] {
+.job-group-section .job-brief-list .job-brief-item .job-brief-rerun[data-v-c04a296c] {
     float: right;
     border: none;
     background-color: transparent;
@@ -202,26 +202,26 @@ a[data-v-437c389f],a[data-v-437c389f]:hover {
     transition: transform .2s
 }
 
-.job-group-section .job-brief-list .job-brief-item .job-brief-rerun[data-v-03ebda9d]:hover {
+.job-group-section .job-brief-list .job-brief-item .job-brief-rerun[data-v-c04a296c]:hover {
     transform: scale(1.3)
 }
 
-.job-group-section .job-brief-list .job-brief-item .job-brief-link[data-v-03ebda9d] {
+.job-group-section .job-brief-list .job-brief-item .job-brief-link[data-v-c04a296c] {
     flex-grow: 1;
     display: flex
 }
 
-.job-group-section .job-brief-list .job-brief-item .job-brief-link span[data-v-03ebda9d] {
+.job-group-section .job-brief-list .job-brief-item .job-brief-link span[data-v-c04a296c] {
     margin-right: 8px;
     display: flex;
     align-items: center
 }
 
-.job-group-section .job-brief-list .job-brief-item[data-v-03ebda9d]:hover {
+.job-group-section .job-brief-list .job-brief-item[data-v-c04a296c]:hover {
     background-color: var(--color-secondary)
 }
 
-.action-view-right[data-v-03ebda9d] {
+.action-view-right[data-v-c04a296c] {
     flex: 1;
     background-color: var(--color-console-bg);
     color: var(--color-console-fg);
@@ -231,36 +231,36 @@ a[data-v-437c389f],a[data-v-437c389f]:hover {
     flex-direction: column
 }
 
-.job-info-header .job-info-header-title[data-v-03ebda9d] {
+.job-info-header .job-info-header-title[data-v-c04a296c] {
     font-size: 150%;
     padding: 10px
 }
 
-.job-info-header .job-info-header-detail[data-v-03ebda9d] {
+.job-info-header .job-info-header-detail[data-v-c04a296c] {
     padding: 0 10px 10px;
     border-bottom: 1px solid var(--color-grey)
 }
 
-.job-step-container[data-v-03ebda9d] {
+.job-step-container[data-v-c04a296c] {
     max-height: 100%;
     overflow: auto
 }
 
-.job-step-container .job-step-summary[data-v-03ebda9d] {
+.job-step-container .job-step-summary[data-v-c04a296c] {
     cursor: pointer;
     padding: 5px 10px;
     display: flex
 }
 
-.job-step-container .job-step-summary .step-summary-msg[data-v-03ebda9d] {
+.job-step-container .job-step-summary .step-summary-msg[data-v-c04a296c] {
     flex: 1
 }
 
-.job-step-container .job-step-summary .step-summary-dur[data-v-03ebda9d] {
+.job-step-container .job-step-summary .step-summary-dur[data-v-c04a296c] {
     margin-left: 16px
 }
 
-.job-step-container .job-step-summary[data-v-03ebda9d]:hover {
+.job-step-container .job-step-summary[data-v-c04a296c]:hover {
     background-color: var(--color-black-light)
 }
 
@@ -1172,7 +1172,7 @@ span[data-img-src]:after {
 }
 
 .ui.breadcrumb a {
-    color: #7289DA
+    color: #4183c4
 }
 
 .ui.breadcrumb a:hover {
@@ -3261,13 +3261,13 @@ span[data-img-src]:after {
 }
 
 .ui.green.buttons .button:hover,.ui.green.button:hover {
-    background-color: #4E5D94;
+    background-color: #16ab39;
     color: #fff;
     text-shadow: none
 }
 
 .ui.green.buttons .button:focus,.ui.green.button:focus {
-    background-color: #7289DA;
+    background-color: #0ea432;
     color: #fff;
     text-shadow: none
 }
@@ -3298,7 +3298,7 @@ span[data-img-src]:after {
 
 .ui.basic.green.buttons .button:focus,.ui.basic.green.button:focus {
     background: transparent;
-    box-shadow: 0 0 0 1px #7289DA inset;
+    box-shadow: 0 0 0 1px #0ea432 inset;
     color: #16ab39
 }
 
@@ -4536,7 +4536,7 @@ span[data-img-src]:after {
 }
 
 .ui.positive.buttons .button:focus,.ui.positive.button:focus {
-    background-color: #7289DA;
+    background-color: #0ea432;
     color: #fff;
     text-shadow: none
 }
@@ -4567,7 +4567,7 @@ span[data-img-src]:after {
 
 .ui.basic.positive.buttons .button:focus,.ui.basic.positive.button:focus {
     background: transparent;
-    box-shadow: 0 0 0 1px #7289DA inset;
+    box-shadow: 0 0 0 1px #0ea432 inset;
     color: #16ab39
 }
 
@@ -21870,7 +21870,7 @@ i.icon.youtube.play:before {
 }
 
 .ui.inverted.items>.item>.content a:not(.ui):hover {
-    color: #7289DA
+    color: #4183c4
 }
 
 .ui.inverted.items>.item>.content>a.header {
@@ -22469,7 +22469,7 @@ a.ui.label {
 }
 
 .ui.inverted.basic.label:hover {
-    color: #7289DA
+    color: #4183c4
 }
 
 .ui.primary.labels .label,.ui.ui.ui.primary.label {
@@ -23803,7 +23803,7 @@ ul.ui.list ul li,ol.ui.list ol li,.ui.list .list>.item {
 
 .ui.list .list>a.item,.ui.list>a.item {
     cursor: pointer;
-    color: #7289DA
+    color: #4183c4
 }
 
 .ui.list .list>a.item:hover,.ui.list>a.item:hover {
@@ -23816,7 +23816,7 @@ ul.ui.list ul li,ol.ui.list ol li,.ui.list .list>.item {
 
 .ui.list .list>.item a.header,.ui.list>.item a.header {
     cursor: pointer;
-    color: #7289DA!important
+    color: #4183c4!important
 }
 
 .ui.list .list>.item>a.header:hover,.ui.list>.item>a.header:hover {
@@ -29566,7 +29566,7 @@ p:last-child {
 }
 
 a {
-    color: #7289DA;
+    color: #4183c4;
     text-decoration: none
 }
 
@@ -36626,7 +36626,7 @@ code.language-math.is-loading:after {
     color: var(--color-text);
     font-size: 16px;
     min-width: 0;
-    font-weight: 600
+    font-weight: var(--font-weight-bold)
 }
 
 .issue.list>.item .issue-item-top-row a.index {
@@ -37217,7 +37217,7 @@ code.language-math.is-loading:after {
 }
 
 .image-diff-container .diff-side-by-side .side .side-header {
-    font-weight: 700
+    font-weight: var(--font-weight-bold)
 }
 
 .image-diff-container .diff-swipe {
@@ -37321,6 +37321,20 @@ code.language-math.is-loading:after {
     background: var(--color-primary-dark-2)!important
 }
 
+.monaco-editor .iPadShowKeyboard {
+    border: none!important;
+    width: 58px!important;
+    min-width: 0!important;
+    height: 36px!important;
+    min-height: 0!important;
+    margin: 0!important;
+    padding: 0!important;
+    position: absolute!important;
+    resize: none!important;
+    overflow: hidden!important;
+    border-radius: 4px!important
+}
+
 .board {
     display: flex;
     flex-direction: row;
@@ -37656,7 +37670,7 @@ code.language-math.is-loading:after {
 .markup h1,.markup h2,.markup h3,.markup h4,.markup h5,.markup h6 {
     margin-top: 24px;
     margin-bottom: 16px;
-    font-weight: 600;
+    font-weight: var(--font-weight-bold);
     line-height: 1.25
 }
 
@@ -37806,7 +37820,7 @@ code.language-math.is-loading:after {
     margin-top: 16px;
     font-size: 1em;
     font-style: italic;
-    font-weight: 600
+    font-weight: var(--font-weight-bold)
 }
 
 .markup dl dd {
@@ -37838,7 +37852,7 @@ code.language-math.is-loading:after {
 }
 
 .markup table th {
-    font-weight: 600
+    font-weight: var(--font-weight-bold)
 }
 
 .markup table th,.markup table td {
@@ -38080,6 +38094,7 @@ code.language-math.is-loading:after {
 }
 
 .markup-block-error {
+    display: block!important;
     border: 1px solid var(--color-error-border)!important;
     margin-bottom: 0!important;
     border-bottom-left-radius: 0!important;
@@ -38098,6 +38113,30 @@ code.language-math.is-loading:after {
     border-top-right-radius: 0!important
 }
 
+.CodeMirror-scroll .cm-header-1 {
+    font-size: 2em
+}
+
+.CodeMirror-scroll .cm-header-2 {
+    font-size: 1.5em
+}
+
+.CodeMirror-scroll .cm-header-3 {
+    font-size: 1.25em
+}
+
+.CodeMirror-scroll .cm-header-4 {
+    font-size: 1em
+}
+
+.CodeMirror-scroll .cm-header-5 {
+    font-size: .875em
+}
+
+.CodeMirror-scroll .cm-header-6 {
+    font-size: .85em
+}
+
 .markup .code-block,.markup .mermaid-block {
     position: relative
 }
@@ -38170,7 +38209,7 @@ code.language-math.is-loading:after {
 }
 
 .chroma .gs {
-    font-weight: 600
+    font-weight: var(--font-weight-bold)
 }
 
 .chroma .gl {
@@ -40005,7 +40044,7 @@ pre,code,kbd,samp {
 }
 
 b,strong,h1,h2,h3,h4,h5,h6 {
-    font-weight: 600
+    font-weight: var(--font-weight-bold)
 }
 
 body {
@@ -40024,10 +40063,6 @@ body {
     }
 }
 
-img {
-    border-radius: 3px
-}
-
 table {
     border-collapse: collapse
 }
@@ -40542,10 +40577,6 @@ a.label,.repository-menu a,.ui.search .results a,.ui .menu a,.ui.cards a.card,.i
     margin-bottom: -.25rem
 }
 
-.ui.dropdown .menu>.item>svg.img {
-    margin-right: .78571429rem
-}
-
 .ui.selection.dropdown .menu>.item {
     border-color: var(--color-secondary)
 }
@@ -40813,7 +40844,7 @@ a.label,.repository-menu a,.ui.search .results a,.ui .menu a,.ui.cards a.card,.i
     border-color: var(--color-secondary)
 }
 
-.ui.avatar img,.ui.avatar svg,.ui.avatar.img,.ui.cards>.card img.avatar,.ui.cards>.card .avatar img,.ui.card img.avatar,.ui.card .avatar img {
+img.ui.avatar,.ui.avatar img,.ui.avatar svg,.ui.cards>.card img.avatar,.ui.cards>.card .avatar img,.ui.card img.avatar,.ui.card .avatar img {
     border-radius: var(--border-radius)
 }
 
@@ -41343,7 +41374,7 @@ a.label,.repository-menu a,.ui.search .results a,.ui .menu a,.ui.cards a.card,.i
 }
 
 .scrolling.menu .item.selected {
-    font-weight: 600!important
+    font-weight: var(--font-weight-bold)!important
 }
 
 .ui.dropdown .scrolling.menu {
@@ -41372,46 +41403,6 @@ a.label,.repository-menu a,.ui.search .results a,.ui .menu a,.ui.cards a.card,.i
     color: var(--color-warning-text)
 }
 
-footer {
-    background-color: var(--color-footer);
-    border-top: 1px solid var(--color-secondary);
-    width: 100%;
-    flex-basis: 40px;
-    color: var(--color-text-light)
-}
-
-footer .container {
-    width: 100vw!important;
-    padding: 0 .5rem;
-    max-width: calc(100vw - 1rem)!important
-}
-
-footer .container .links>* {
-    border-left: 1px solid var(--color-secondary-dark-1);
-    padding-left: 8px;
-    margin-left: 5px
-}
-
-footer .container .links>*:first-child {
-    border-left: 0
-}
-
-footer .ui.language .menu {
-    max-height: 500px;
-    overflow-y: auto;
-    margin-bottom: 7px
-}
-
-footer .ui.language .svg {
-    margin-right: .15em;
-    vertical-align: top;
-    margin-top: calc(2em - 16px)
-}
-
-footer .ui.left,footer .ui.right {
-    line-height: 39px
-}
-
 .center:not(.popup) {
     text-align: center
 }
@@ -41889,15 +41880,105 @@ i.icon.centerlock {
     color: var(--color-text)
 }
 
-.ui.primary.label,.ui.primary.labels .label {
-    background-color: var(--color-primary)!important;
-    border-color: var(--color-primary-dark-2)!important
+.ui.primary.label,.ui.primary.labels .label,.ui.ui.ui.primary.label {
+    background-color: var(--color-primary);
+    border-color: var(--color-primary-dark-2)
 }
 
 .ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label {
-    background: transparent!important;
-    border-color: var(--color-primary)!important;
-    color: var(--color-primary)!important
+    background: transparent;
+    border-color: var(--color-primary);
+    color: var(--color-primary)
+}
+
+.ui.basic.labels a.primary.label:hover,a.ui.ui.ui.basic.primary.label:hover {
+    background: var(--color-hover);
+    border-color: var(--color-primary-dark-1);
+    color: var(--color-primary-dark-1)
+}
+
+.ui.basic.labels .secondary.label,.ui.ui.ui.basic.secondary.label {
+    background: transparent;
+    border-color: var(--color-secondary);
+    color: var(--color-secondary)
+}
+
+.ui.basic.labels .orange.label,.ui.ui.ui.basic.orange.label {
+    background: transparent;
+    border-color: var(--color-orange);
+    color: var(--color-orange)
+}
+
+.ui.basic.labels .green.label,.ui.ui.ui.basic.green.label {
+    background: transparent;
+    border-color: var(--color-green);
+    color: var(--color-green)
+}
+
+.ui.basic.labels .olive.label,.ui.ui.ui.basic.olive.label {
+    background: transparent;
+    border-color: var(--color-olive);
+    color: var(--color-olive)
+}
+
+.ui.basic.labels .teal.label,.ui.ui.ui.basic.teal.label {
+    background: transparent;
+    border-color: var(--color-teal);
+    color: var(--color-teal)
+}
+
+.ui.basic.labels .blue.label,.ui.ui.ui.basic.blue.label {
+    background: transparent;
+    border-color: var(--color-blue);
+    color: var(--color-blue)
+}
+
+.ui.basic.labels .violet.label,.ui.ui.ui.basic.violet.label {
+    background: transparent;
+    border-color: var(--color-violet);
+    color: var(--color-violet)
+}
+
+.ui.basic.labels .purple.label,.ui.ui.ui.basic.purple.label {
+    background: transparent;
+    border-color: var(--color-purple);
+    color: var(--color-purple)
+}
+
+.ui.basic.labels .pink.label,.ui.ui.ui.basic.pink.label {
+    background: transparent;
+    border-color: var(--color-pink);
+    color: var(--color-pink)
+}
+
+.ui.basic.labels .red.label,.ui.ui.ui.basic.red.label {
+    background: transparent;
+    border-color: var(--color-red);
+    color: var(--color-red)
+}
+
+.ui.basic.labels .brown.label,.ui.ui.ui.basic.brown.label {
+    background: transparent;
+    border-color: var(--color-brown);
+    color: var(--color-brown)
+}
+
+.ui.basic.labels .yellow.label,.ui.ui.ui.basic.yellow.label {
+    background: transparent;
+    border-color: var(--color-yellow);
+    color: var(--color-yellow)
+}
+
+.ui.basic.labels .grey.label,.ui.ui.ui.basic.grey.label {
+    background: transparent;
+    border-color: var(--color-grey);
+    color: var(--color-grey)
+}
+
+.ui.basic.labels .black.label,.ui.ui.ui.basic.black.label {
+    background: transparent;
+    border-color: var(--color-black);
+    color: var(--color-black)
 }
 
 .ui.basic.labels .label,.ui.basic.label {
@@ -42052,6 +42133,15 @@ table th[data-sortt-asc] .svg,table th[data-sortt-desc] .svg {
     border-radius: 0 0 var(--border-radius) var(--border-radius)
 }
 
+.ui.dropdown .menu>.divider {
+    border-top: 1px solid var(--color-secondary);
+    margin: 4px 0
+}
+
+.ui.multiple.dropdown>.label {
+    box-shadow: 0 0 0 1px var(--color-secondary) inset
+}
+
 .text-label {
     display: inline-flex!important;
     align-items: center!important
@@ -42195,7 +42285,7 @@ table th[data-sortt-asc] .svg,table th[data-sortt-desc] .svg {
 .ellipsis-button {
     padding: 0 5px 8px!important;
     display: inline-block!important;
-    font-weight: 600!important;
+    font-weight: var(--font-weight-bold)!important;
     line-height: 6px!important;
     vertical-align: middle!important
 }
@@ -42294,9 +42384,40 @@ table th[data-sortt-asc] .svg,table th[data-sortt-desc] .svg {
     color: var(--color-green)
 }
 
+footer {
+    background-color: var(--color-footer);
+    border-top: 1px solid var(--color-secondary);
+    line-height: 39px;
+    flex-basis: 40px;
+    color: var(--color-text-light);
+    padding: 0 20px
+}
+
+footer .right.links {
+    min-width: 180px
+}
+
+footer .right.links>* {
+    border-left: 1px solid var(--color-secondary-dark-1);
+    padding-left: 8px;
+    margin-left: 5px
+}
+
+footer .right.links>*:first-child {
+    border-left: none
+}
+
+footer .ui.dropdown.language .menu {
+    height: 500px;
+    max-height: calc(100vh - 60px);
+    overflow-y: auto;
+    margin-bottom: 10px
+}
+
 @media (max-width: 880px) {
-    footer .ui.container .left,footer .ui.container .right {
-        display:block;
+    footer .ui.left,footer .ui.right {
+        width:100%;
+        display: block;
         text-align: center;
         float: none
     }
@@ -42359,7 +42480,7 @@ table th[data-sortt-asc] .svg,table th[data-sortt-desc] .svg {
     margin: 20px auto;
     color: var(--color-red);
     text-align: left;
-    font-weight: 700
+    font-weight: var(--font-weight-bold)
 }
 
 .page-content.install .ui .reinstall-confirm {
@@ -42390,6 +42511,10 @@ input:focus,textarea:focus,.ui.input input:focus,.ui.form input:not([type]):focu
     color: var(--color-text)
 }
 
+.ui.form .required.fields:not(.grouped)>.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.field>label:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,.ui.form .required.field>.checkbox:after,.ui.form label.required:after {
+    color: var(--color-red)
+}
+
 .ui.input,.ui.checkbox input:focus~label:after,.ui.checkbox input:checked~label:after,.ui.checkbox label:active:after,.ui.checkbox input:not([type="radio"]):indeterminate~label:after,.ui.checkbox input:not([type="radio"]):indeterminate:focus~label:after,.ui.checkbox input:checked:focus~label:after,.ui.disabled.checkbox label,.ui.checkbox input[disabled]~label {
     color: var(--color-input-text)
 }
@@ -44140,7 +44265,7 @@ input:focus,textarea:focus,.ui.input input:focus,.ui.form input:not([type]):focu
 }
 
 .repository .data-table th {
-    font-weight: 600;
+    font-weight: var(--font-weight-bold);
     background: var(--color-box-header);
     border-top: 0
 }
@@ -44178,15 +44303,13 @@ input:focus,textarea:focus,.ui.input input:focus,.ui.form input:not([type]):focu
 .repository .diff-detail-box {
     padding: 7px 0;
     background: var(--color-body);
-    line-height: 30px;
-    height: 47px
+    line-height: 30px
 }
 
 @media (max-width: 991px) {
     .repository .diff-detail-box {
         flex-direction:column;
-        align-items: flex-start;
-        height: 77px
+        align-items: flex-start
     }
 }
 
@@ -44201,10 +44324,10 @@ input:focus,textarea:focus,.ui.input input:focus,.ui.form input:not([type]):focu
     top: 0;
     z-index: 8;
     border-bottom: none;
-    padding-left: 2px;
-    padding-right: 2px;
-    margin-left: -1px;
-    margin-right: -1px
+    padding-left: 5px;
+    padding-right: 5px;
+    margin-left: -4px;
+    margin-right: -4px
 }
 
 .repository .diff-detail-box>div:after {
@@ -44241,6 +44364,10 @@ input:focus,textarea:focus,.ui.input input:focus,.ui.form input:not([type]):focu
     }
 }
 
+.diff-detail-actions {
+    height: 33px
+}
+
 .repository .diff-detail-box .diff-detail-actions>* {
     margin-right: 0
 }
@@ -44363,8 +44490,12 @@ input:focus,textarea:focus,.ui.input input:focus,.ui.form input:not([type]):focu
     padding: 0!important
 }
 
-.repository .diff-file-box .code-diff tbody tr td.halfwidth {
-    width: 49%
+.repository .diff-file-box .code-diff table {
+    table-layout: fixed
+}
+
+.repository .diff-file-box .code-diff tbody tr td.lines-num,.repository .diff-file-box .code-diff tbody tr td.lines-escape,.repository .diff-file-box .code-diff tbody tr td.lines-type-marker {
+    white-space: nowrap
 }
 
 .repository .diff-file-box .code-diff tbody tr td.center {
@@ -44414,10 +44545,29 @@ input:focus,textarea:focus,.ui.input input:focus,.ui.form input:not([type]):focu
     padding-bottom: 5px
 }
 
+.diff-file-box {
+    border: 1px solid transparent;
+    border-radius: var(--border-radius);
+    scroll-margin-top: 47px
+}
+
+@media (max-width: 991px) {
+    .diff-file-box {
+        scroll-margin-top:77px
+    }
+}
+
+.diff-file-box .ui.attached.header,.diff-file-box .ui.attached.table {
+    margin: 0;
+    width: initial;
+    max-width: initial
+}
+
 .repository .diff-stats {
     clear: both;
     margin-bottom: 5px;
-    max-height: 400px;
+    max-height: 200px;
+    height: fit-content;
     overflow: auto;
     padding-left: 0
 }
@@ -44465,156 +44615,6 @@ input:focus,textarea:focus,.ui.input input:focus,.ui.form input:not([type]):focu
     line-height: 1.4
 }
 
-.repository.release #release-list {
-    border-top: 1px solid var(--color-secondary);
-    margin-top: 20px;
-    padding-top: 15px;
-    padding-left: 0
-}
-
-.repository.release #release-list .release-list-title {
-    font-size: 2rem;
-    font-weight: 400;
-    margin-top: -4px;
-    margin-bottom: 0
-}
-
-.repository.release #release-list>li {
-    list-style: none
-}
-
-.repository.release #release-list>li .meta,.repository.release #release-list>li .detail {
-    padding-top: 30px;
-    padding-bottom: 40px
-}
-
-.repository.release #release-list>li .meta {
-    text-align: right;
-    position: relative
-}
-
-.repository.release #release-list>li .meta .label {
-    margin-right: 0
-}
-
-.repository.release #release-list>li .meta .commit {
-    display: block;
-    margin-top: 10px
-}
-
-.repository.release #release-list>li .meta .choose {
-    margin-top: 15px
-}
-
-.repository.release #release-list>li .meta .choose .button {
-    margin-right: 0
-}
-
-.repository.release #release-list>li .detail {
-    border-left: 2px solid var(--color-secondary)
-}
-
-.repository.release #release-list>li .detail .author img {
-    margin-bottom: 3px
-}
-
-.repository.release #release-list>li .detail .download>a .svg {
-    margin-left: 5px;
-    margin-right: 5px
-}
-
-.repository.release #release-list>li .detail .download .list {
-    padding-left: 0
-}
-
-.repository.release #release-list>li .detail .download .list li {
-    list-style: none;
-    display: block;
-    padding: 8px;
-    border: 1px solid var(--color-secondary);
-    background: var(--color-light)
-}
-
-.repository.release #release-list>li .detail .download .list li a>.text.right {
-    margin-right: 5px
-}
-
-.repository.release #release-list>li .detail .download .list li+li {
-    border-top: 0
-}
-
-.repository.release #release-list>li .detail .download .list li:first-of-type {
-    border-radius: var(--border-radius) 0 0 var(--border-radius)
-}
-
-.repository.release #release-list>li .detail .download .list li:last-of-type {
-    border-radius: 0 var(--border-radius) var(--border-radius) 0
-}
-
-.repository.release #release-list>li .detail .dot {
-    width: 10px;
-    height: 10px;
-    background-color: var(--color-secondary-dark-3);
-    z-index: 9;
-    position: absolute;
-    display: block;
-    left: -6px;
-    top: 40px;
-    border-radius: 100%;
-    border: 2.5px solid var(--color-body)
-}
-
-.repository.release #tags-table .tag {
-    padding: 8px 12px
-}
-
-.repository.release #tags-table .release-tag-name {
-    font-size: 18px;
-    font-weight: 400
-}
-
-.repository.new.release .target {
-    min-width: 500px
-}
-
-.repository.new.release .target #tag-name {
-    margin-top: -4px
-}
-
-.repository.new.release .target .at {
-    margin-left: -5px;
-    margin-right: 5px
-}
-
-.repository.new.release .target .selection.dropdown {
-    padding-top: 10px;
-    padding-bottom: 10px
-}
-
-.repository.new.release .prerelease.field {
-    margin-bottom: 0
-}
-
-@media (max-width: 438px) {
-    .repository.new.release .field button,.repository.new.release .field input {
-        width:100%
-    }
-}
-
-@media (max-width: 767px) {
-    .repository.new.release .field button {
-        margin-bottom:1em
-    }
-}
-
-.repository.new.release .field .wrap_remove {
-    height: 38px
-}
-
-.repository.new.release .field .attachment_edit {
-    width: 450px!important
-}
-
 .repository.forks .list {
     margin-top: 0
 }
@@ -45177,7 +45177,7 @@ input:focus,textarea:focus,.ui.input input:focus,.ui.form input:not([type]):focu
     filter: drop-shadow(-3px 0 0 var(--color-primary-alpha-30))!important
 }
 
-.code-comment:target {
+.code-comment:target,.diff-file-box:target {
     border-color: var(--color-primary)!important;
     border-radius: var(--border-radius)!important;
     box-shadow: 0 0 0 3px var(--color-primary-alpha-30)!important
@@ -45751,13 +45751,13 @@ td.blob-excerpt {
 }
 
 #diff-file-tree {
-    width: 20%;
+    flex: 0 0 20%;
     max-width: 380px;
     line-height: inherit;
     position: sticky;
     padding-top: 0;
     top: 47px;
-    max-height: calc(100vh - 50px);
+    max-height: calc(100vh - 47px);
     height: 100%;
     overflow-y: auto
 }
@@ -46131,6 +46131,156 @@ td.blob-excerpt {
     padding-right: .5em
 }
 
+.repository.releases #release-list {
+    border-top: 1px solid var(--color-secondary);
+    margin-top: 20px;
+    padding-top: 15px;
+    padding-left: 0
+}
+
+.repository.releases #release-list .release-list-title {
+    font-size: 2rem;
+    font-weight: 400;
+    margin-top: -4px;
+    margin-bottom: 0
+}
+
+.repository.releases #release-list>li {
+    list-style: none
+}
+
+.repository.releases #release-list>li .meta,.repository.releases #release-list>li .detail {
+    padding-top: 30px;
+    padding-bottom: 40px
+}
+
+.repository.releases #release-list>li .meta {
+    text-align: right;
+    position: relative
+}
+
+.repository.releases #release-list>li .meta .label {
+    margin-right: 0
+}
+
+.repository.releases #release-list>li .meta .commit {
+    display: block;
+    margin-top: 10px
+}
+
+.repository.releases #release-list>li .meta .choose {
+    margin-top: 15px
+}
+
+.repository.releases #release-list>li .meta .choose .button {
+    margin-right: 0
+}
+
+.repository.releases #release-list>li .detail {
+    border-left: 2px solid var(--color-secondary)
+}
+
+.repository.releases #release-list>li .detail .author img {
+    margin-bottom: 3px
+}
+
+.repository.releases #release-list>li .detail .download>a .svg {
+    margin-left: 5px;
+    margin-right: 5px
+}
+
+.repository.releases #release-list>li .detail .download .list {
+    padding-left: 0
+}
+
+.repository.releases #release-list>li .detail .download .list li {
+    list-style: none;
+    display: block;
+    padding: 8px;
+    border: 1px solid var(--color-secondary);
+    background: var(--color-light)
+}
+
+.repository.releases #release-list>li .detail .download .list li a>.text.right {
+    margin-right: 5px
+}
+
+.repository.releases #release-list>li .detail .download .list li+li {
+    border-top: 0
+}
+
+.repository.releases #release-list>li .detail .download .list li:first-of-type {
+    border-radius: var(--border-radius) 0 0 var(--border-radius)
+}
+
+.repository.releases #release-list>li .detail .download .list li:last-of-type {
+    border-radius: 0 var(--border-radius) var(--border-radius) 0
+}
+
+.repository.releases #release-list>li .detail .dot {
+    width: 10px;
+    height: 10px;
+    background-color: var(--color-secondary-dark-3);
+    z-index: 9;
+    position: absolute;
+    display: block;
+    left: -6px;
+    top: 40px;
+    border-radius: 100%;
+    border: 2.5px solid var(--color-body)
+}
+
+.repository.tags #tags-table .tag {
+    padding: 8px 12px
+}
+
+.repository.tags #tags-table .release-tag-name {
+    font-size: 18px;
+    font-weight: 400
+}
+
+.repository.new.release .target {
+    min-width: 500px
+}
+
+.repository.new.release .target #tag-name {
+    margin-top: -4px
+}
+
+.repository.new.release .target .at {
+    margin-left: -5px;
+    margin-right: 5px
+}
+
+.repository.new.release .target .selection.dropdown {
+    padding-top: 10px;
+    padding-bottom: 10px
+}
+
+.repository.new.release .prerelease.field {
+    margin-bottom: 0
+}
+
+@media (max-width: 438px) {
+    .repository.new.release .field button,.repository.new.release .field input {
+        width:100%
+    }
+}
+
+@media (max-width: 767px) {
+    .repository.new.release .field button {
+        margin-bottom:1em
+    }
+}
+
+.repository.new.release .field .wrap_remove {
+    height: 38px
+}
+
+.repository.new.release .field .attachment_edit {
+    width: 450px!important
+}
+
 .repository.file.editor .tab[data-tab=write] {
     padding: 0!important
 }
@@ -46378,10 +46528,6 @@ td.blob-excerpt {
     padding: 10px 15px
 }
 
-.organization.teams .members a:hover,.organization.profile .members a:hover {
-    text-decoration: none
-}
-
 .organization.teams .members .ui.avatar,.organization.profile .members .ui.avatar {
     width: 48px;
     height: 48px;
@@ -46437,8 +46583,7 @@ td.blob-excerpt {
 }
 
 .organization.teams .repositories .item,.organization.teams .members .item {
-    padding: 10px 20px;
-    line-height: 32px
+    padding: 10px 19px
 }
 
 .organization.teams .repositories .item:not(:last-child),.organization.teams .members .item:not(:last-child) {
@@ -46446,7 +46591,8 @@ td.blob-excerpt {
 }
 
 .organization.teams .repositories .item .button,.organization.teams .members .item .button {
-    padding: 9px 10px
+    padding: 9px 10px;
+    margin: 0
 }
 
 .organization.teams #add-repo-form input,.organization.teams #repo-multiple-form input,.organization.teams #add-member-form input {
@@ -46462,9 +46608,13 @@ td.blob-excerpt {
     height: 60px
 }
 
+.org-team-navbar .active.item {
+    background: var(--color-box-body)!important
+}
+
 .user.profile .ui.card .header {
     display: block;
-    font-weight: 600;
+    font-weight: var(--font-weight-bold);
     font-size: 1.3rem;
     margin-top: -.2rem;
     line-height: 1.3rem
@@ -46479,26 +46629,26 @@ td.blob-excerpt {
     padding: 0
 }
 
-.user.profile .ui.card .extra.content ul {
+.user.profile .ui.card .extra.content>ul {
     margin: 0;
     padding: 0
 }
 
-.user.profile .ui.card .extra.content ul li {
+.user.profile .ui.card .extra.content>ul>li {
     padding: 10px;
     list-style: none
 }
 
-.user.profile .ui.card .extra.content ul li:not(:last-child) {
+.user.profile .ui.card .extra.content>ul>li:not(:last-child) {
     border-bottom: 1px solid var(--color-secondary)
 }
 
-.user.profile .ui.card .extra.content ul li .svg {
+.user.profile .ui.card .extra.content>ul>li .svg {
     margin-left: 1px;
     margin-right: 5px
 }
 
-.user.profile .ui.card .extra.content ul li.follow .ui.button {
+.user.profile .ui.card .extra.content>ul>li.follow .ui.button {
     width: 100%
 }
 
@@ -46549,44 +46699,6 @@ td.blob-excerpt {
     padding: 8px 15px
 }
 
-.user.notification .svg {
-    float: left;
-    font-size: 2em
-}
-
-.user.notification .svg.green {
-    color: var(--color-green)
-}
-
-.user.notification .svg.red {
-    color: var(--color-red)
-}
-
-.user.notification .svg.purple {
-    color: var(--color-purple)
-}
-
-.user.notification .svg.blue {
-    color: var(--color-blue)
-}
-
-.user.notification .content {
-    float: left;
-    margin-left: 7px
-}
-
-.user.notification table form {
-    display: inline-block
-}
-
-.user.notification table button {
-    padding: 3px 3px 3px 5px
-}
-
-.user.notification table tr {
-    cursor: pointer
-}
-
 .user .button.adopt,.user .button.delete {
     margin-top: -15px;
     margin-bottom: -15px
@@ -46612,7 +46724,7 @@ td.blob-excerpt {
     margin: -3px!important
 }
 
-.user-orgs li {
+.user-orgs>li {
     display: flex;
     border-bottom: 0!important;
     padding: 3px!important;
@@ -46630,10 +46742,31 @@ td.blob-excerpt {
     object-fit: contain
 }
 
+.user.notification table button {
+    padding: 3px 3px 3px 5px
+}
+
 #notification_div .tab.segment {
     overflow-x: auto
 }
 
+#notification_div .tabular.menu .active.item {
+    background: var(--color-box-body)
+}
+
+#notification_table {
+    border: none
+}
+
+#notification_table tr {
+    cursor: default
+}
+
+#notification_table td a {
+    width: 100%;
+    display: inline-block
+}
+
 .dashboard.feeds .context.user.menu,.dashboard.issues .context.user.menu {
     z-index: 101;
     min-width: 200px
@@ -46706,7 +46839,6 @@ td.blob-excerpt {
 }
 
 .dashboard .dashboard-navbar {
-    width: 100vw;
     padding-left: .5rem;
     padding-right: .5rem
 }
@@ -46882,7 +47014,7 @@ td.blob-excerpt {
 }
 
 .admin dl.admin-dl-horizontal dt {
-    font-weight: 600;
+    font-weight: var(--font-weight-bold);
     float: left;
     width: 285px;
     clear: left;
@@ -47069,10 +47201,6 @@ td.blob-excerpt {
     margin-bottom: .5em
 }
 
-.add-comment .lines-num,.add-comment .lines-escape,.add-comment .lines-type-marker {
-    display: none
-}
-
 .show-outdated:hover,.hide-outdated:hover {
     text-decoration: underline
 }
@@ -47080,8 +47208,7 @@ td.blob-excerpt {
 .comment-code-cloud {
     padding: .5rem 1rem!important;
     position: relative;
-    margin: 0 auto;
-    max-width: 1000px
+    max-width: 820px
 }
 
 @media (max-width: 767px) {
@@ -47243,28 +47370,9 @@ a.blob-excerpt:hover {
     max-height: calc(100vh - 360px)
 }
 
-@media (max-width: 767px) {
-    .review-box-panel .CodeMirror-scroll {
-        max-width:calc(100vw - 70px)
-    }
-}
-
-@media (min-width: 768px) and (max-width: 991px) {
-    .review-box-panel .CodeMirror-scroll {
-        max-width:700px
-    }
-}
-
-@media (min-width: 992px) and (max-width: 1200px) {
-    .review-box-panel .CodeMirror-scroll {
-        max-width:800px
-    }
-}
-
-@media (min-width: 1201px) {
-    .review-box-panel .CodeMirror-scroll {
-        max-width:900px
-    }
+.review-box-panel .editor-toolbar,.review-box-panel .CodeMirror-scroll {
+    width: min(calc(100vw - 2em),800px);
+    max-width: none
 }
 
 #review-box {
@@ -47284,12 +47392,12 @@ a.blob-excerpt:hover {
     display: none
 }
 
-.pull.files.diff [id] {
+.pull.files.diff .comment {
     scroll-margin-top: 99px
 }
 
 @media (max-width: 991px) {
-    .pull.files.diff [id] {
+    .pull.files.diff .comment {
         scroll-margin-top:130px
     }
 }
@@ -47327,14 +47435,6 @@ a.blob-excerpt:hover {
     height: 10px
 }
 
-.diff-file-box {
-    border-radius: .285rem
-}
-
-.diff-file-box:target {
-    box-shadow: 0 0 0 3px var(--color-accent)
-}
-
 .container-labels td:nth-child(1) {
     vertical-align: top
 }
@@ -47495,7 +47595,7 @@ a.blob-excerpt:hover {
 }
 
 .gt-bold {
-    font-weight: 600!important
+    font-weight: var(--font-weight-bold)!important
 }
 
 .gt-word-break {
diff --git a/public/css/theme-auto.css b/public/css/theme-auto.css
index 48603ea..e28e693 100644
--- a/public/css/theme-auto.css
+++ b/public/css/theme-auto.css
@@ -31,7 +31,7 @@
     }
 
     .chroma .gs {
-        font-weight: 600
+        font-weight: var(--font-weight-bold)
     }
 
     .chroma .gl {
@@ -265,7 +265,7 @@
 
 @media (prefers-color-scheme: dark) {
     .CodeMirror.cm-s-default .cm-property,.CodeMirror.cm-s-paper .cm-property {
-        color:#4E5D94
+        color:#a0cc75
     }
 
     .CodeMirror.cm-s-default .cm-header,.CodeMirror.cm-s-paper .cm-header {
@@ -518,6 +518,7 @@
         color-scheme: dark
     }
 
+
     .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)
     }