diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css index af3cf932..19c7c5b1 100644 --- a/CSS/themes/gitea/gitea-base.css +++ b/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 {