mirrors/gitea-github-theme
1
0
Fork 0
mirror of https://github.com/pat-s/gitea-github-theme.git synced 2025-03-13 08:02:40 +00:00
Code Issues Projects Releases Wiki Activity

light: button color and font color contrast improvements

Browse source
This commit is contained in:
pat-s 2023-04-01 10:54:21 +02:00
parent 6b2aac8ce2
commit 81b00caf8e
No known key found for this signature in database
GPG key ID: 3C6318841EF78925
2 changed files with 26 additions and 6 deletions

16
theme-github-auto.css
View file

@ -41,14 +41,14 @@
.ui.green.buttons .button,
.ui.green.button {
background-color: #1a7f37;
color: #cdd9e5 !important;
border-radius: 2em;
color: #fff !important;
/* border-radius: 2em; */
padding: 5px 10px;
}
.ui.green.labels .label,
.ui.ui.ui.green.label {
background-color: #1a7f37;
color: #cdd9e5 !important;
color: #fff !important;
border-radius: 2em;
padding: 5px 10px;
}
@ -129,6 +129,7 @@
.ui.red.buttons .button,
.ui.red.button {
color: #fff !important;
padding: 8px 10px;
}
.ui.basic.red.buttons .button,
.ui.basic.red.button {
@ -418,6 +419,15 @@
color: #fff !important;
}
.ui.labeled.icon.buttons>.button>.icon, .ui.labeled.icon.button>.icon {
background: var(--color-green);
}
.ui.teal.labels .label, .ui.ui.ui.teal.label, .ui.teal.button, .ui.teal.buttons .button {
background: var(--color-green);
color: #fff !important;
}
}
@media (prefers-color-scheme: dark) {
:root {

16
theme-github.css
View file

@ -40,14 +40,14 @@
.ui.green.buttons .button,
.ui.green.button {
background-color: #1a7f37;
color: #cdd9e5 !important;
border-radius: 2em;
color: #fff !important;
/* border-radius: 2em; */
padding: 5px 10px;
}
.ui.green.labels .label,
.ui.ui.ui.green.label {
background-color: #1a7f37;
color: #cdd9e5 !important;
color: #fff !important;
border-radius: 2em;
padding: 5px 10px;
}
@ -128,6 +128,7 @@ a.muted:hover,
.ui.red.buttons .button,
.ui.red.button {
color: #fff !important;
padding: 8px 10px;
}
.ui.basic.red.buttons .button,
.ui.basic.red.button {
@ -416,3 +417,12 @@ ui.basic.blue.button:hover,
background: var(--color-green);
color: #fff !important;
}
.ui.labeled.icon.buttons>.button>.icon, .ui.labeled.icon.button>.icon {
background: var(--color-green);
}
.ui.teal.labels .label, .ui.ui.ui.teal.label, .ui.teal.button, .ui.teal.buttons .button {
background: var(--color-green);
color: #fff !important;
}