From 239e088c9b2fb70e36d35975966bd9d38c2d18c6 Mon Sep 17 00:00:00 2001
From: varjolintu <sami.vanttinen@ahmala.org>
Date: Sat, 10 Aug 2024 08:39:46 +0300
Subject: [PATCH] Fix scrollbar colors with Autocomplete Menu

---
 keepassxc-browser/css/autocomplete.css | 1 +
 keepassxc-browser/css/colors.css       | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/keepassxc-browser/css/autocomplete.css b/keepassxc-browser/css/autocomplete.css
index 4468fbb..ca468d2 100644
--- a/keepassxc-browser/css/autocomplete.css
+++ b/keepassxc-browser/css/autocomplete.css
@@ -12,6 +12,7 @@
     overflow: hidden; /* Prevent the content from bleeding over the border radius. */
     padding: 6px;
     position: absolute !important;
+    scrollbar-color: --var(--kpxc-scrollbar-thumb) --var(--kpxc-scrollbar-background);
     z-index: 2147483646;
 }
 
diff --git a/keepassxc-browser/css/colors.css b/keepassxc-browser/css/colors.css
index 1e2dc38..d045b22 100644
--- a/keepassxc-browser/css/colors.css
+++ b/keepassxc-browser/css/colors.css
@@ -17,6 +17,8 @@
     --kpxc-input-main-border-color: rgba(0, 0, 0, .125);
     --kpxc-link-color: #3a8233;
     --kpxc-link-hover-color: #429f14;
+    --kpxc-scrollbar-background: #fcfcfc;
+    --kpxc-scrollbar-thumb: #8b8b8b;
     --kpxc-sidebar-background-color: #27272a;
     --kpxc-table-border-color: rgb(222, 226, 230);
     --kpxc-table-hover-color: #f2f2f2;
@@ -46,6 +48,8 @@
         --kpxc-input-main-border-color: #3b3d3c;
         --kpxc-link-color: #6cac4d;
         --kpxc-link-hover-color: #429f14;
+        --kpxc-scrollbar-background: #2c2c2c;
+        --kpxc-scrollbar-thumb: #9f9f9f;
         --kpxc-table-border-color: #a0a0a0;
         --kpxc-table-hover-color: #474948;
         --kpxc-table-odd-color: #383a39;
@@ -73,6 +77,8 @@
     --kpxc-input-main-border-color: #3b3d3c;
     --kpxc-link-color: #6cac4d;
     --kpxc-link-hover-color: #429f14;
+    --kpxc-scrollbar-background: #2c2c2c;
+    --kpxc-scrollbar-thumb: #9f9f9f;
     --kpxc-table-border-color: #a0a0a0;
     --kpxc-table-hover-color: #474948;
     --kpxc-table-odd-color: #383a39;
@@ -99,6 +105,8 @@
     --kpxc-input-main-border-color: rgba(0, 0, 0, .125);
     --kpxc-link-color: #3a8233;
     --kpxc-link-hover-color: #429f14;
+    --kpxc-scrollbar-background: #fcfcfc;
+    --kpxc-scrollbar-thumb: #8b8b8b;
     --kpxc-table-border-color: rgb(222, 226, 230);
     --kpxc-table-hover-color: #f2f2f2;
     --kpxc-table-odd-color: #f2f2f2;