Update sidebar widget background

amits97 · Dec 13, 2024 · 4550d26 · 4550d26
1 parent b70e5f7
commit 4550d26
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git 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
@@ -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
@@ -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`