dark: less contrast for light font color, optimize
This commit is contained in:
pat-s
parent
4b59a3bddb
commit
bb5db6bef2
@ -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 {
|
||||
|
||||
@ -6,7 +6,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;
|
||||
@ -22,7 +22,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;
|
||||
@ -59,7 +59,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 {
|
||||
@ -79,7 +79,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,
|
||||
@ -113,7 +115,7 @@ a,
|
||||
}
|
||||
|
||||
.repository.file.list #file-buttons .ui.button {
|
||||
color: #ffffffe6 !important;
|
||||
color: #cdd9e5 !important;
|
||||
}
|
||||
|
||||
.ui.basic.green.button,
|
||||
@ -122,7 +124,7 @@ a,
|
||||
.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,
|
||||
@ -327,7 +329,7 @@ textarea,
|
||||
.code-diff-split .del-code .add-code.lines-num-new,
|
||||
.code-diff-split .del-code .add-code.lines-type-marker-new,
|
||||
.code-diff-split .del-code .add-code.lines-code-new {
|
||||
background: #224035;
|
||||
background: rgba(70,149,74,0.15);
|
||||
}
|
||||
|
||||
.tag-code,
|
||||
@ -427,7 +429,7 @@ textarea,
|
||||
background: var(--color-navbar);
|
||||
border-bottom: 3px solid #f78166 !important;
|
||||
border: 0px solid black;
|
||||
color: #e9e8e8;
|
||||
color: #ADBAC7;
|
||||
}
|
||||
|
||||
/* repo watch and fork counters */
|
||||
@ -458,7 +460,7 @@ textarea,
|
||||
|
||||
/* repo svg icons */
|
||||
.repository.view.issue .comment-list .timeline-item .badge .svg {
|
||||
fill: #ffffff !important;
|
||||
fill: #cdd9e5fff !important;
|
||||
}
|
||||
|
||||
/* background emoji reactions */
|
||||
@ -468,7 +470,7 @@ textarea,
|
||||
|
||||
.ui.positive.message {
|
||||
background-color: #22272e;
|
||||
color: #ffffffe6;
|
||||
color: #cdd9e5;
|
||||
}
|
||||
|
||||
.ui.positive.message,
|
||||
@ -482,7 +484,7 @@ textarea,
|
||||
.code-diff-split .del-code .lines-num-old,
|
||||
.code-diff-split .del-code .lines-type-marker-old,
|
||||
.code-diff-split .del-code .lines-code-old {
|
||||
background: #7a341e;
|
||||
background: rgba(229,83,75,0.15);
|
||||
}
|
||||
|
||||
/* diff color neutral */
|
||||
@ -787,8 +789,10 @@ textarea:focus,
|
||||
|
||||
.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 {
|
||||
@ -817,7 +821,7 @@ textarea:focus,
|
||||
|
||||
// timeline view icon color
|
||||
.repository.view.issue .comment-list .timeline-item .badge .svg {
|
||||
fill: #fff !important;
|
||||
fill: #cdd9e5 !important;
|
||||
}
|
||||
|
||||
/* borders -------------------------------------------------------------------*/
|
||||
@ -940,7 +944,7 @@ footer {
|
||||
|
||||
.ui.basic.primary.button,
|
||||
.ui.basic.primary.buttons .button {
|
||||
color: #e9e8e8 !important;
|
||||
color: #ADBAC7 !important;
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
@ -957,7 +961,7 @@ footer {
|
||||
.ui.vertical.menu .active.item:hover {
|
||||
background: #161b22;
|
||||
font-weight: 500;
|
||||
color: #e9e8e8;
|
||||
color: #ADBAC7;
|
||||
}
|
||||
.ui.primary.labels .label,
|
||||
.ui.ui.ui.primary.label {
|
||||
@ -978,7 +982,6 @@ footer {
|
||||
.repository.view.issue .comment-list .comment > .content > div:first-child {
|
||||
border-bottom: 1px solid #373e47 !important;
|
||||
}
|
||||
|
||||
.tag-code, .tag-code td, .tag-code .blob-excerpt {
|
||||
background-color: var(--color-body);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user