gitea 1.14.0 fixes

CSS/themes/gitea/gitea-base.css

@@ -29,7 +29,11 @@ a,
 .ui.card>.content>a.header,
 .ui.cards>.card>.content>a.header,
 .ui.card>.extra a:not(.ui),
-.ui.cards>.card>.extra a:not(.ui) {
+.ui.cards>.card>.extra a:not(.ui),
+.ui.card>.content>.description,
+.ui.card>.content>.header,
+.ui.cards>.card>.content>.description,
+.ui.cards>.card>.content>.header {
     color: var(--link-color);
 }
 
@@ -48,12 +52,17 @@ a:hover,
 }
 
 /* LINKS IMPORTANT */
-.ui .text.blue a {
+.ui .text.blue a,
+.issue.list a:not(.label):hover,
+.ui .migrate a,
+.ui .text.grey a {
     color: var(--link-color) !important;
 }
 
 /* LINKS HOVER IMPORTANT */
-.ui .text.blue a:hover {
+.ui .text.blue a:hover,
+.ui .text.grey a:hover,
+.ui .migrate a:hover {
     color: #fff !important;
 }
 
@@ -135,12 +144,12 @@ footer,
 .repository .metas .ui.list a .text,
 .repository .diff-box .header .file,
 .CodeMirror,
+.EasyMDEContainer .CodeMirror,
 .feeds .list ul li a .svg {
     color: var(--text);
 }
 
 /* TEXT IMPORTANT */
-.ui .text.grey a,
 .ui .text.grey {
     color: var(--text) !important;
 }
@@ -158,9 +167,7 @@ b:hover,
 }
 
 /* TEXT HOVER IMPORTANT */
-.ui .text.grey a:hover {
+
-    color: var(--text-hover) !important;
-}
 
 /* TEXT MUTED */
 .ui .text.light.grey {
@@ -380,8 +387,22 @@ b:hover,
     color: var(--text-hover) !important;
 }
 
+.ui.menu, .ui.vertical.menu {
+    background: #ffffff00;
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.ui.floating.dropdown .overflow.menu .scrolling.menu.items {
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+}
+
+.ui.dropdown .scrolling.menu {
+    border-color: rgb(255 255 255 / 10%);
+}
+
 .ui.dropdown .menu {
     background: var(--modal-bg-color);
+    border-color: rgb(255 255 255 / 10%);
 }
 
 .ui.dropdown .menu>.item:hover {
@@ -398,6 +419,11 @@ b:hover,
     color: var(--accent-color);
     outline: none !important;
 }
+.ui.selection.dropdown:hover, input:hover, textarea:hover {
+    border-color: rgb(255 255 255 / 20%);
+    background: rgb(0 0 0 / .25);
+    color: #fff;
+}
 
 .ui.dropdown .menu>.item {
     color: var(--text);
@@ -414,6 +440,7 @@ b:hover,
 .ui.selection.dropdown {
     background: rgb(0 0 0 / .25);
     color: #fff;
+    border-color: rgb(255 255 255 / 10%);
 }
 
 .ui.selection.dropdown:focus {
@@ -481,6 +508,7 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
 #app .ui.item.menu,
 .ui.item.menu .item {
     background: rgb(255 255 255 / 8%);
+    border-color: rgb(255 255 255 / 10%);
 }
 
 #app .ui.menu .active.item {
@@ -684,11 +712,27 @@ td.blob-excerpt {
     box-shadow: none;
 }
 
+.ui.cards a.card:hover, 
+.ui.link.card:hover,
+.ui.link.cards .card:not(.icon):hover,
+a.ui.card:hover {
+    border: 1px solid rgb(255 255 255 / 20%);
+    background: rgb(255 255 255 / 15%);
+}
+
 .repository .ui.menu {
     background: rgb(0 0 0 / 0%);
     box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
 }
 
+.repository.migrate .card {
+    border: 1px solid transparent;
+}
+
+.ui.card>.content, .ui.cards>.card>.content {
+    border-color: rgb(255 255 255 / 10%);
+}
+
 .ui.ui.menu .item.disabled {
     cursor: default;
     background-color: transparent;
@@ -807,11 +851,16 @@ td.blob-excerpt {
     border-left: 1px solid #fff;
 }
 
-.CodeMirror {
+.CodeMirror,
+.EasyMDEContainer .CodeMirror {
     border: 1px solid rgb(255 255 255 / .1);
     background: rgba(0, 0, 0, .25);
 }
 
+.CodeMirror-focused {
+    border-color: rgb(255 255 255 / 20%)!important;
+}
+
 .editor-toolbar a,
 .editor-toolbar button {
     color: #ffffff !important;
@@ -839,7 +888,7 @@ td.blob-excerpt {
 }
 
 .ui.form .dropzone {
-    border: 2px dashed var(--accent-color);
+    border: 2px dashed var(--accent-color) !important;
     box-shadow: none !important;
     padding: 0;
     min-height: 5rem;
@@ -847,11 +896,11 @@ td.blob-excerpt {
 }
 
 .ui.form .dropzone .dz-button {
-    color: var(--text-hover);
+    color: var(--text-hover) !important;
 }
 
 .ui.form .dropzone:hover .dz-button {
-    color: var(--link-color);
+    color: var(--link-color) !important;
 }
 
 .repository .metas .ui.list .item {
@@ -1077,7 +1126,7 @@ footer {
 .ui.basic.button,
 .ui.basic.buttons .button {
     color: var(--button-text);
-    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 15%);
+    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 15%) !important;
 }
 
 .ui.basic.button:focus,
@@ -1185,6 +1234,10 @@ a.ui.labels .label:hover {
 }
 
 /* FORMS */
+input {
+    caret-color: var(--text) !important;
+}
+
 .ui.form input:not([type]),
 .ui.form input[type=date],
 .ui.form input[type=datetime-local],
@@ -1204,6 +1257,7 @@ a.ui.labels .label:hover {
     border-radius: .28571429rem;
     box-shadow: inset 0 0 0 0 transparent;
     transition: color .1s ease, border-color .1s ease;
+    caret-color: var(--text) !important;
 }
 
 .ui.form input:not([type]):focus,
@@ -1223,6 +1277,7 @@ a.ui.labels .label:hover {
     border-radius: .28571429rem;
     background: rgb(0 0 0 / 50%);
     box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
+    caret-color: var(--text) !important;
 }
 .ui.form input:focus:hover, 
 .ui.form textarea:focus:hover,
@@ -1246,6 +1301,7 @@ textarea:hover {
     background: rgba(0, 0, 0, .5);
     box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
     -webkit-appearance: none;
+    caret-color: var(--text) !important;
 }
 
 .ui.form textarea,
@@ -1253,6 +1309,7 @@ textarea:hover {
     background: rgb(0 0 0 / .25);
     border: 1px solid rgba(34, 36, 38, .15);
     color: var(--text);
+    caret-color: var(--text) !important;
 }
 
 
@@ -1262,6 +1319,7 @@ textarea:hover {
     background: rgb(0 0 0 / 50%);
     color: var(--text);
     box-shadow: none;
+    caret-color: var(--text) !important;
 }
 
 .ui.input>input {