From a06678ab0735b0e3c547577dcdb50c98d622c074 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Sun, 1 Nov 2020 21:25:44 +0100 Subject: [PATCH] more Gitea fixes after latest gitea update. --- CSS/themes/gitea/aquamarine.css | 1 + CSS/themes/gitea/dark.css | 1 + CSS/themes/gitea/gitea-base.css | 105 ++++++++++++++++++++++------- CSS/themes/gitea/hotline.css | 1 + CSS/themes/gitea/organizr-dark.css | 1 + CSS/themes/gitea/plex.css | 1 + CSS/themes/gitea/space-gray.css | 1 + 7 files changed, 88 insertions(+), 23 deletions(-) diff --git a/CSS/themes/gitea/aquamarine.css b/CSS/themes/gitea/aquamarine.css index 0c338f13..32b70836 100644 --- a/CSS/themes/gitea/aquamarine.css +++ b/CSS/themes/gitea/aquamarine.css @@ -24,6 +24,7 @@ --accent-color-hover: #fff; --text: #eee; --text-hover: #fff; + --text-muted: #bbb; --link-color: #12afa0; --heatmap-color-1: #002D24; diff --git a/CSS/themes/gitea/dark.css b/CSS/themes/gitea/dark.css index d495d844..25c62142 100644 --- a/CSS/themes/gitea/dark.css +++ b/CSS/themes/gitea/dark.css @@ -24,6 +24,7 @@ --accent-color-hover: #ffffff73; --text: #b7b7b7; --text-hover: #fff; + --text-muted: #bbb; --link-hover: rgba(255, 255, 255, 0.45); --heatmap-color-1: #303030; diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css index 3e9607cc..bad7e13d 100644 --- a/CSS/themes/gitea/gitea-base.css +++ b/CSS/themes/gitea/gitea-base.css @@ -79,9 +79,10 @@ a:hover, ::-webkit-scrollbar-thumb { min-height: 50px; border: 3px solid transparent; - border-radius: 8px; + border-radius: 8px !important; background-color: hsla(0, 0%, 100%, .2); background-clip: padding-box; + box-shadow: none !important; } ::-webkit-scrollbar-track { @@ -91,7 +92,7 @@ a:hover, ::-webkit-scrollbar-thumb:hover { min-height: 50px; border: 3px solid transparent; - border-radius: 8px; + border-radius: 8px !important; background-color: hsla(0, 0%, 100%, .5); background-clip: padding-box; } @@ -133,7 +134,8 @@ footer, .repository.view.issue .comment-list .comment .tag, .repository .metas .ui.list a .text, .repository .diff-box .header .file, -.CodeMirror { +.CodeMirror, +.feeds .list ul li a .svg { color: var(--text); } @@ -160,6 +162,11 @@ b:hover, color: var(--text-hover) !important; } +/* TEXT MUTED */ +.ui .text.light.grey { + color: var(--text-muted) !important; +} + /* NAVBAR */ .following.bar.light { background-color: transparent; @@ -193,6 +200,11 @@ b:hover, } /* UI */ +.ui.menu { + background: rgb(0 0 0 / 10%); + border: 1px solid rgba(255, 255, 255, .1); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); +} .ui.attached.segment { border: 1px solid rgba(255, 255, 255, 0.1); @@ -728,9 +740,16 @@ td.blob-excerpt { .ui.blue.labels .label, .ui.ui.ui.blue.label { + background-color: var(--accent-color) !important; + border-color: var(--accent-color) !important; + color: var(--text-hover); +} + +.ui.black.labels .label, +.ui.ui.ui.black.label { background-color: var(--accent-color); border-color: var(--accent-color); - color: var(--text-hover); + color: var(--button-text); } .repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) { @@ -770,7 +789,7 @@ td.blob-excerpt { .dropzone { min-height: 150px; border: 2px solid rgba(0, 0, 0, .3); - background: rgb(255 255 255 / 25%); + background: rgb(255 255 255 / 25%) !important; padding: 20px; } @@ -884,6 +903,27 @@ footer { background: var(--accent-color); } +.ui.toggle.checkbox input:checked~label:before { + background-color: rgb(0 0 0 / 25%) !important; +} + +.ui.toggle.checkbox input:checked~label, +.ui.toggle.checkbox label { + color: var(--text) !important; +} + +.ui.toggle.checkbox label:before, +.ui.toggle.checkbox input:focus:checked~label:before { + background: rgb(255 255 255 / 10%) !important; + background-color: rgb(255 255 255 / 10%) !important; +} + +.ui.toggle.checkbox input:focus:checked~label, +.ui.checkbox input:focus~label, +.ui.checkbox input:focus~label:after { + color: var(--text-hover) !important; +} + .ui.primary.button, .ui.primary.buttons .button { background-color: var(--button-color); @@ -896,6 +936,21 @@ footer { color: var(--button-text); } +.ui.teal.button, +.ui.teal.buttons .button { + background-color: var(--button-color); + color: var(--button-text); + text-shadow: none; + background-image: none; +} + +.ui.teal.button:hover, +.ui.teal.buttons .button:hover { + background-color: var(--button-color-hover); + color: var(--button-text); + text-shadow: none; +} + /* .ui.green.button, .ui.green.buttons .button { @@ -918,13 +973,13 @@ footer { */ .ui.blue.button, .ui.blue.buttons .button { - background-color: var(--button-color); + background-color: var(--button-color) !important; color: var(--button-text); } .ui.blue.button:hover, .ui.blue.buttons .button:hover { - background-color: var(--button-color-hover); + background-color: var(--button-color-hover) !important; color: var(--button-text); } @@ -953,11 +1008,15 @@ footer { .ui.basic.blue.button, .ui.basic.blue.buttons .button { box-shadow: inset 0 0 0 1px var(--accent-color) !important; - color: var(--accent-color) !important; + color: var(--button-text) !important; } .ui.basic.blue.button:hover, -.ui.basic.blue.buttons .button:hover { +.ui.basic.blue.buttons .button:hover, +.ui.basic.blue.button:active, +.ui.basic.blue.buttons .button:active, +.ui.basic.blue.button:focus, +.ui.basic.blue.buttons .button:focus { background: var(--button-color) !important; color: var(--button-text) !important; } @@ -1179,42 +1238,42 @@ a.ui.labels .label:hover { /* HIGHLIGHTING */ ::-webkit-selection { - background-color: var(--accent-color); - color: var(--text-hover); + background-color: var(--accent-color) !important; + color: var(--text-hover) !important; } ::-moz-selection { - background-color: var(--accent-color); - color: var(--text-hover); + background-color: var(--accent-color) !important; + color: var(--text-hover) !important; } ::selection { - background-color: var(--accent-color); - color: var(--text-hover); + background-color: var(--accent-color) !important; + color: var(--text-hover) !important; } textarea::-webkit-selection, input::-webkit-selection { - background-color: var(--accent-color); - color: var(--text-hover); + background-color: var(--accent-color) !important; + color: var(--text-hover) !important; } textarea::-moz-selection, input::-moz-selection { - background-color: var(--accent-color); - color: var(--text-hover); + background-color: var(--accent-color) !important; + color: var(--text-hover) !important; } textarea::-moz-selection, input::-moz-selection { - background-color: var(--accent-color); - color: var(--text-hover); + background-color: var(--accent-color) !important; + color: var(--text-hover) !important; } textarea::selection, input::selection { - background-color: var(--accent-color); - color: var(--text-hover); + background-color: var(--accent-color) !important; + color: var(--text-hover) !important; } /* CALENDAR */ diff --git a/CSS/themes/gitea/hotline.css b/CSS/themes/gitea/hotline.css index 8c473201..0432c384 100644 --- a/CSS/themes/gitea/hotline.css +++ b/CSS/themes/gitea/hotline.css @@ -24,6 +24,7 @@ --accent-color-hover: #0b3161; --text: #eee; --text-hover: #fff; + --text-muted: #bbb; --link-hover: #F44336; --heatmap-color-1: #690000; diff --git a/CSS/themes/gitea/organizr-dark.css b/CSS/themes/gitea/organizr-dark.css index ebf64ed3..5e22288b 100644 --- a/CSS/themes/gitea/organizr-dark.css +++ b/CSS/themes/gitea/organizr-dark.css @@ -24,6 +24,7 @@ --accent-color-hover: #fff; --text: #96a2b4; --text-hover: #fff; + --text-muted: #bbb; --link-color: #2cabe3; --heatmap-color-1: #002A57; diff --git a/CSS/themes/gitea/plex.css b/CSS/themes/gitea/plex.css index e022dad0..26a2237d 100644 --- a/CSS/themes/gitea/plex.css +++ b/CSS/themes/gitea/plex.css @@ -24,6 +24,7 @@ --accent-color-hover: #ffc107; --text: #eee; --text-hover: #fff; + --text-muted: #bbb; --link-color:#fff; --heatmap-color-1: #492000; diff --git a/CSS/themes/gitea/space-gray.css b/CSS/themes/gitea/space-gray.css index bd65831f..66950b61 100644 --- a/CSS/themes/gitea/space-gray.css +++ b/CSS/themes/gitea/space-gray.css @@ -24,6 +24,7 @@ --accent-color-hover: #81a6b7; --text: #eee; --text-hover: #fff; + --text-muted: #bbb; --link-color: #81a6b7; --heatmap-color-1: #002634;