dark: less contrast for light font color, optimize

This commit is contained in:
pat-s
2023-03-28 22:56:26 +02:00
parent 4b59a3bddb
commit bb5db6bef2
2 changed files with 46 additions and 39 deletions

View File

@ -41,12 +41,12 @@
.ui.green.buttons .button,
.ui.green.button {
background-color: #1a7f37;
color: #fff !important;
color: #cdd9e5 !important;
}
.ui.green.labels .label,
.ui.ui.ui.green.label {
background-color: #1a7f37;
color: #fff !important;
color: #cdd9e5 !important;
}
/* "edit" and "reopen" button font color */
.ui.basic.green.buttons .button,
@ -67,7 +67,7 @@
.ui.basic.blue.buttons .button,
.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
background-color: #fff !important;
background-color: #cdd9e5 !important;
box-shadow: inset 0 0 0 1px rgba(34, 36, 38, 0.15) !important;
color: var(--color-text) !important;
}
@ -81,7 +81,7 @@
.ui.basic.blue.buttons .button:hover,
.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:hover {
background-color: #fff !important;
background-color: #cdd9e5 !important;
}
ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover,
@ -96,7 +96,7 @@
}
.ui.basic.labels .label,
.ui.basic.label {
background-color: #fff;
background-color: #cdd9e5;
}
.ui.labeled.button.disabled > .button,
.ui.basic.buttons .button,
@ -120,11 +120,11 @@
}
.ui .error.header {
background-color: #cf222e !important;
color: #fff !important;
color: #cdd9e5 !important;
}
.ui.red.buttons .button,
.ui.red.button {
color: #fff !important;
color: #cdd9e5 !important;
}
.ui.basic.red.buttons .button,
.ui.basic.red.button {
@ -153,7 +153,7 @@
font-size: 13px;
}
a.ui.label {
color: #fff !important;
color: #cdd9e5 !important;
}
.ui .sha.label {
color: var(--color-text) !important;
@ -336,7 +336,7 @@
.ui.negative.buttons .button,
.ui.negative.button {
background-color: none;
color: #fff;
color: #cdd9e5;
}
.ui.green.button {
@ -415,7 +415,7 @@
// settings button in org team settings
.ui.teal.labels .label, .ui.ui.ui.teal.label, .ui.teal.button, .ui.teal.buttons .button {
background: var(--color-green);
color: #fff !important;
color: #cdd9e5 !important;
}
}
@media (prefers-color-scheme: dark) {
@ -427,7 +427,7 @@
--color-navbar: #161b22;
--color-footer: #161b22;
--color-text-light: #a6aab5;
--color-text-light-2: #e9e8e8;
--color-text-light-2: #ADBAC7;
--color-text: #bbc0ca;
--color-box-body: #22272e;
--color-markup-code-block: #636e7b66;
@ -443,7 +443,7 @@
--is-dark-theme: true;
--color-blue: #539bf5;
--color-input-background: #22272e;
--color-primary-contrast: #e9e8e8;
--color-primary-contrast: #ADBAC7;
--color-text-light-2: #a6aab5;
--color-box-body: #161b22;
--color-box-header: #161b22;
@ -480,7 +480,7 @@
.ui .error.header {
border-color: var(--color-red) !important;
background-color: var(--color-red) !important;
color: #ffffff !important;
color: #cdd9e5fff !important;
}
.ui.modal > .header {
@ -500,7 +500,9 @@
.ui.green.buttons .button,
.ui.green.button {
background-color: #347d39;
color: #ffffffe6 !important;
color: #cdd9e5 !important;
border-radius: 2em;
padding: 5px 10px;
}
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
@ -534,7 +536,7 @@
}
.repository.file.list #file-buttons .ui.button {
color: #ffffffe6 !important;
color: #cdd9e5 !important;
}
.ui.basic.green.button,
@ -543,7 +545,7 @@
.ui.basic.primary.buttons .button {
background-color: #22272e !important;
box-shadow: inset 0 0 0 1px rgba(34, 36, 38, 0.15) !important;
color: !important;
color: #cdd9e5 !important;
}
.ui.basic.green.button:focus,
@ -848,7 +850,7 @@
background: var(--color-navbar);
border-bottom: 3px solid #f78166 !important;
border: 0px solid black;
color: #e9e8e8;
color: #ADBAC7;
}
/* repo watch and fork counters */
@ -879,7 +881,7 @@
/* repo svg icons */
.repository.view.issue .comment-list .timeline-item .badge .svg {
fill: #ffffff !important;
fill: #cdd9e5fff !important;
}
/* background emoji reactions */
@ -889,7 +891,7 @@
.ui.positive.message {
background-color: #22272e;
color: #ffffffe6;
color: #cdd9e5;
}
.ui.positive.message,
@ -1208,8 +1210,10 @@
.ui.green.labels .label,
.ui.ui.ui.green.label {
padding: 5px 16px;
padding: 5px 10px;
line-height: 20px;
color: #cdd9e5 !important;
border-radius: 2em;
}
.ui.tabular.menu .active.item {
@ -1238,7 +1242,7 @@
// timeline view icon color
.repository.view.issue .comment-list .timeline-item .badge .svg {
fill: #fff !important;
fill: #cdd9e5 !important;
}
/* borders -------------------------------------------------------------------*/
@ -1361,7 +1365,7 @@
.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
color: #e9e8e8 !important;
color: #ADBAC7 !important;
font-weight: 500 !important;
}
@ -1378,7 +1382,7 @@
.ui.vertical.menu .active.item:hover {
background: #161b22;
font-weight: 500;
color: #e9e8e8;
color: #ADBAC7;
}
.ui.primary.labels .label,
.ui.ui.ui.primary.label {