dark: less contrast for light font color, optimize

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 {

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);
 }