From f44adb35ea3bb60e4775cb06f704681cd1c5f770 Mon Sep 17 00:00:00 2001
From: Thijn <Thijn@conduction.nl>
Date: Tue, 13 Aug 2024 16:21:09 +0200
Subject: [PATCH] added support for default theme

---
 src/views/dashboard/DashboardIndex.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/views/dashboard/DashboardIndex.vue b/src/views/dashboard/DashboardIndex.vue
index 48cfab50..4ffd6686 100644
--- a/src/views/dashboard/DashboardIndex.vue
+++ b/src/views/dashboard/DashboardIndex.vue
@@ -270,8 +270,17 @@ export default {
     height: 150px;
     width: 250px;
     border-radius: 8px;
-    /* assume default is dark mode */
-    background-color: rgba(255, 255, 255, 0.1);
+}
+/* default theme */
+@media (prefers-color-scheme: light) {
+    .dashboard-content > .most-searched-terms > div {
+        background-color: rgba(0, 0, 0, 0.07);
+    }
+}
+@media (prefers-color-scheme: dark) {
+    .dashboard-content > .most-searched-terms > div {
+        background-color: rgba(255, 255, 255, 0.1);
+    }
 }
 /* do theme checks, light mode | dark mode */
 body[data-theme-light] .dashboard-content > .most-searched-terms > div {