From 4550d266856a5a3668a812bbc283a850c67e81cf Mon Sep 17 00:00:00 2001
From: Amit S Namboothiry <me@amitsn.com>
Date: Fri, 13 Dec 2024 15:08:40 +0530
Subject: [PATCH] Update sidebar widget background

---
 package-lock.json        | 4 ++--
 package.json             | 2 +-
 src/components/Themes.js | 2 +-
 src/containers/Styles.js | 5 +++++
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 5ecc3b6..cfafdaa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "naadan-chords",
-  "version": "0.85.5",
+  "version": "0.85.6",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "naadan-chords",
-      "version": "0.85.5",
+      "version": "0.85.6",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^1.2.34",
         "@fortawesome/free-brands-svg-icons": "^5.15.2",
diff --git a/package.json b/package.json
index ea0b5ad..3315aff 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "naadan-chords",
-  "version": "0.85.5",
+  "version": "0.85.6",
   "homepage": "https://www.naadanchords.com/",
   "private": true,
   "dependencies": {
diff --git a/src/components/Themes.js b/src/components/Themes.js
index 7a703e2..122294c 100644
--- a/src/components/Themes.js
+++ b/src/components/Themes.js
@@ -17,7 +17,7 @@ export const lightTheme = {
   secondaryHeading: "#777",
   secondaryAltHeading: "#555",
   border: "#D0D5D9",
-  backgroundLight: "#E8EAEC",
+  backgroundLight: "#F6F8FA",
   backgroundHighlight: "#EFEFEF",
   disabledInput: "#E9ECEF",
   searchFocus: "#FFF",
diff --git a/src/containers/Styles.js b/src/containers/Styles.js
index 6630743..e9fedf7 100644
--- a/src/containers/Styles.js
+++ b/src/containers/Styles.js
@@ -92,8 +92,13 @@ export const PostItemContainer = styled.div`
 
 export const SidebarWidgetContainer = styled.div`
   border: 1px solid ${({ theme }) => theme.border};
+  background: ${({ theme }) => theme.backgroundLight};
   padding: 0 15px;
   border-radius: 15px;
+
+  .nav-tabs .nav-link.active {
+    background: ${({ theme }) => theme.backgroundLight};
+  }
 `;
 
 export const SidebarContainer = styled.div`