From 81b00caf8e1946db91bd0b81803746b1aec8bae2 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Sat, 1 Apr 2023 10:54:21 +0200
Subject: [PATCH] light: button color and font color contrast improvements

---
 theme-github-auto.css | 16 +++++++++++++---
 theme-github.css      | 16 +++++++++++++---
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/theme-github-auto.css b/theme-github-auto.css
index 4d3d186..2a970ee 100644
--- a/theme-github-auto.css
+++ b/theme-github-auto.css
@@ -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 {
diff --git a/theme-github.css b/theme-github.css
index 668aafd..c358f2e 100644
--- a/theme-github.css
+++ b/theme-github.css
@@ -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;
+}