diff --git a/theme-github-auto.css b/theme-github-auto.css index d3006ac..68491a5 100644 --- a/theme-github-auto.css +++ b/theme-github-auto.css @@ -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 { diff --git a/theme-github-dark.css b/theme-github-dark.css index 278c917..1dd6197 100755 --- a/theme-github-dark.css +++ b/theme-github-dark.css @@ -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); }