gitea issues page fixes

CSS/themes/gitea/gitea-base.css

@@ -98,15 +98,36 @@ footer,
 .ui.form .inline.fields .field>label,
 .ui.form .inline.fields .field>p,
 .ui.form .inline.fields>label,
-.ui.dropdown .menu>.message:not(.ui) {
+.ui.dropdown .menu>.message:not(.ui),
+.ui.dropdown .menu>.header:not(.ui),
+.repository.view.issue .comment-list .comment .tag,
+.repository .metas .ui.list a .text,
+.CodeMirror {
     color: var(--text);
 }
+
+/* TEXT IMPORTANT */
+.ui .text.grey a,
+.ui .text.grey {
+    color: var(--text) !important;
+}
+
 /* TEXT HOVER */
 b:hover,
-.issue.list>.item .title:hover {
+.issue.list>.item .title:hover,
+.ui.checkbox+label:hover,
+.ui.checkbox label:hover,
+.ui.checkbox input:focus~label,
+.ui.checkbox input:focus~label:after,
+.repository .metas .ui.list a .text:hover {
     color: var(--text-hover);
 }
 
+/* TEXT HOVER IMPORTANT */
+.ui .text.grey a:hover {
+    color: var(--text-hover) !important;
+}
+
 /* NAVBAR */
 .following.bar.light {
     background-color: transparent;
@@ -135,7 +156,7 @@ b:hover,
 /* UI */
 
 .ui.attached.segment {
-    border: 1px solid transparent;
+    border: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 .ui.segment {
@@ -276,6 +297,10 @@ b:hover,
     opacity: .7;
 }
 
+.ui.pointing.dropdown>.menu:not(.hidden):after {
+    background: var(--modal-bg-color);
+}
+
 /* MESSAGES */
 .ui.negative.message {
     background-color: #F44336;
@@ -301,6 +326,7 @@ b:hover,
     background: rgb(0 0 0 / 95%);
     color: var(--text);
 }
+
 svg.vch__wrapper .vch__days__labels__wrapper text.vch__day__label[data-v-a9cfea66],
 svg.vch__wrapper .vch__legend__wrapper text[data-v-a9cfea66],
 svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9cfea66] {
@@ -322,14 +348,18 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
     font-weight: 400;
     box-shadow: none;
 }
-.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
+
+.ui.menu .active.item:hover,
+.ui.vertical.menu .active.item:hover {
     background-color: rgba(0, 0, 0, .25);
     color: var(--text-hover);
 }
+
 .ui.menu a.item:hover {
     color: var(--text-hover);
     background: rgb(255 255 255 / 8%);
 }
+
 #app .ui.link.menu .item:hover,
 .ui.menu .dropdown.item:hover,
 .ui.menu .link.item:hover {
@@ -380,6 +410,7 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
     border: 1px solid rgba(255, 255, 255, 0.11);
     box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
 }
+
 /*
 .repository .ui.menu .active.item {
     background: var(--main-bg-color) !important;
@@ -443,6 +474,90 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
     background-color: transparent !important;
 }
 
+/* ISSUES */
+.CodeMirror-cursor {
+    border-left: 1px solid #fff;
+}
+
+.CodeMirror {
+    border: 1px solid rgb(255 255 255 / .1);
+    background: rgba(0, 0, 0, .25);
+}
+
+.editor-toolbar a {
+    color: #ffffff !important;
+}
+
+.editor-toolbar {
+    border: 1px solid rgb(255 255 255 / .1);
+    border-left: 1px solid rgb(255 255 255 / .1);
+    border-right: 1px solid rgb(255 255 255 / .1);
+}
+
+.editor-toolbar a.active,
+.editor-toolbar a:hover {
+    background: rgb(255 255 255 / 25%);
+    border-color: rgb(255 255 255 / 25%);
+}
+
+.dropzone {
+    min-height: 150px;
+    border: 2px solid rgba(0, 0, 0, .3);
+    background: rgb(255 255 255 / 25%);
+    padding: 20px;
+}
+
+.ui.form .dropzone {
+    border: 2px dashed var(--accent-color);
+    box-shadow: none !important;
+    padding: 0;
+    min-height: 5rem;
+    border-radius: 4px;
+}
+
+.ui.form .dropzone .dz-button {
+    color: var(--text-hover);
+}
+
+.ui.form .dropzone:hover .dz-button {
+    color: var(--link-color);
+}
+
+.repository .metas .ui.list .item {
+    color: var(--text) !important;
+}
+
+.repository.view.issue .comment-list .timeline:before {
+    background-color: transparent;
+}
+
+.repository.view.issue .comment-list .comment .content>.header {
+    background-color: rgb(0 0 0 / 25%);
+}
+
+.repository.view.issue .comment-list .comment .content>.header .actions a {
+    color: rgb(255 255 255);
+}
+
+.repository.view.issue .comment-list .comment .content>.header .actions a:hover {
+    color: var(--accent-color);
+}
+
+.repository .segment.reactions .ui.label.basic.blue {
+    background-color: #ffffff00 !important;
+    border-color: inherit !important;
+}
+
+.repository.view.issue .comment-list .comment:target>.content {
+    box-shadow: 0 0 10px #000000;
+}
+
+.repository.view.issue .comment-list .timeline-item .badge {
+    background-color: var(--accent-color);
+    border: 2px solid var(--accent-color);
+    color: #fff;
+}
+
 /* TABLE */
 .ui.table>thead>tr>th {
     background: rgb(0 0 0 / 25%);
@@ -582,21 +697,45 @@ footer {
     background: rgb(255 255 255 / 8%);
     color: var(--button-text);
 }
+
+.ui.basic.red.button,
+.ui.basic.red.buttons .button {
+    background: #F44336;
+    box-shadow: inset 0 0 0 1px #F44336;
+    color: var(--button-text);
+}
+
+.ui.basic.red.button:hover,
+.ui.basic.red.buttons .button:hover {
+    background: #ec2626;
+    box-shadow: inset 0 0 0 1px #ec2626;
+    color: var(--button-text);
+}
+
 /* LABELS */
-    .ui.label, .ui.menu .item>.label {
+.ui.label,
+.ui.menu .item>.label {
     background-color: var(--button-color);
     color: var(--button-text);
 }
-    .ui.labels a.label:hover, a.ui.label:hover {
+
+.ui.labels a.label:hover,
+a.ui.label:hover {
     background-color: #ffffff;
     color: rgba(0, 0, 0, .8);
 }
-    .repository #commits-table td.sha .sha.label, .repository #repo-files-table .sha.label, .repository .timeline-item.commits-list .singular-commit .sha.label {
+
+.repository #commits-table td.sha .sha.label,
+.repository #repo-files-table .sha.label,
+.repository .timeline-item.commits-list .singular-commit .sha.label {
     border: 1px solid transparent;
 }
-    .repository.file.list #repo-files-table tbody .svg.octicon-file-directory, .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+
+.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
+.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
     color: var(--accent-color);
 }
+
 /* FORMS */
 .ui.form input:not([type]),
 .ui.form input[type=date],
@@ -683,12 +822,16 @@ footer {
 .markdown:not(code) table tr:nth-child(2n) {
     background-color: rgba(0, 0, 0, .45);
 }
-.markdown:not(code) code, .markdown:not(code) tt {
+
+.markdown:not(code) code,
+.markdown:not(code) tt {
     background-color: rgb(0 0 0 / 0.25);
 }
+
 .chroma {
     filter: invert(1);
 }
+
 .repository.file.list .non-diff-file-content pre {
     overflow: auto;
     color: #695d4b;
@@ -755,3 +898,8 @@ input::selection {
     background-color: var(--accent-color);
     color: var(--text-hover);
 }
+
+/* CALENDAR */
+::-webkit-calendar-picker-indicator {
+    filter: invert(1);
+}