From a348668c1c2b63c131ab0079a75fcf22e7dcf013 Mon Sep 17 00:00:00 2001
From: varjolintu <sami.vanttinen@protonmail.com>
Date: Wed, 14 Sep 2022 15:32:24 +0300
Subject: [PATCH] Fix checkbox colors on light theme

---
 keepassxc-browser/css/colors.css      | 4 ++++
 keepassxc-browser/options/options.css | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/keepassxc-browser/css/colors.css b/keepassxc-browser/css/colors.css
index 5584d05..5e6ae97 100644
--- a/keepassxc-browser/css/colors.css
+++ b/keepassxc-browser/css/colors.css
@@ -4,6 +4,7 @@
     --kpxc-card-border-color: rgba(0,0,0,.125);
     --kpxc-card-header-color: #fafafa;
     --kpxc-checkbox-color: #5b5b5d;
+    --kpxc-checkbox-background-color: #2b2a2a;
     --kpxc-container-border: 1px solid #ccc;
     --kpxc-input-active-border-color: #2b4d1a;
     --kpxc-input-background-color: #fff;
@@ -26,6 +27,7 @@
         --kpxc-card-border-color: #292a2a;
         --kpxc-card-header-color: #27272a;
         --kpxc-checkbox-color: #3b3b3d;
+        --kpxc-checkbox-background-color: #5b5b5d;
         --kpxc-container-border: 1px solid #000;
         --kpxc-input-active-border-color: #2b4d1a;
         --kpxc-input-background-color: #27272a;
@@ -48,6 +50,7 @@
     --kpxc-card-border-color: #292a2a;
     --kpxc-card-header-color: #27272a;
     --kpxc-checkbox-color: #3b3b3d;
+    --kpxc-checkbox-background-color: #2b2a2a;
     --kpxc-container-border: 1px solid #000;
     --kpxc-input-active-border-color: #2b4d1a;
     --kpxc-input-background-color: #27272a;
@@ -68,6 +71,7 @@
     --kpxc-card-border-color: rgba(0,0,0,.125);
     --kpxc-card-header-color: #fafafa;
     --kpxc-checkbox-color: #5b5b5d;
+    --kpxc-checkbox-background-color: #5b5b5d;
     --kpxc-container-border: 1px solid #ccc;
     --kpxc-input-active-border-color: #2b4d1a;
     --kpxc-input-background-color: #fff;
diff --git a/keepassxc-browser/options/options.css b/keepassxc-browser/options/options.css
index fd57b72..9604ae9 100644
--- a/keepassxc-browser/options/options.css
+++ b/keepassxc-browser/options/options.css
@@ -102,6 +102,10 @@ tbody {
     color: var(--kpxc-text-color) !important;
 }
 
+.table-striped > tbody > tr:nth-of-type(odd) .form-check-input:checked {
+    background-color: var(--kpxc-checkbox-background-color) !important;
+}
+
 .table tbody td {
     vertical-align: middle;
 }