From e87eccf710b78e2be285fd59c61c38e5f2e0c1ae Mon Sep 17 00:00:00 2001
From: Tony Grosinger <tony@grosinger.net>
Date: Tue, 5 Mar 2024 11:21:17 -0800
Subject: [PATCH] Fix box shadow and background color

---
 about.json                |  2 +-
 common/common.scss        | 20 ++++++++++++--------
 scss/sidebar-desktop.scss |  8 ++++----
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/about.json b/about.json
index d9dc3cd..bed4d90 100644
--- a/about.json
+++ b/about.json
@@ -19,7 +19,7 @@
   "color_schemes": {
     "OrcasHub": {
       "primary": "1c1c1c",
-      "secondary": "f9fcff",
+      "secondary": "ffffff",
       "tertiary": "3877e5",
       "quaternary": "7e8b93",
       "header_background": "374151",
diff --git a/common/common.scss b/common/common.scss
index fb49534..488c26e 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -201,6 +201,13 @@ html.anon {
 }
 
 .custom-category-boxes {
+    .category-box {
+        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
+            rgba(0, 0, 0, 0) 0px 0px 0px 0px,
+            rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
+            rgba(0, 0, 0, 0.1) 0px 1px 2px -1px !important;
+    }
+
     .category-logo {
         height: 100px !important;
         width: 100px !important;
@@ -315,18 +322,15 @@ div.ac-wrap {
 
 // graceful ish style
 @mixin box-shadow($value: 0px) {
-    box-shadow: 0 24px 40px rgba(0, 0, 0, 0.07),
-        0 10.8529px 24.1177px rgba(0, 0, 0, 0.0456112),
-        0 4.50776px 10.0172px rgba(0, 0, 0, 0.035),
-        0 1.63037px 3.62304px rgba(0, 0, 0, 0.0243888);
+    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
+        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
+        rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
+        rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
 }
 
 html {
     body {
-        background: linear-gradient(0deg,
-                rgba(var(--primary-rgb), 0.075) 0%,
-                rgba(var(--primary-rgb), 0.075) 100%),
-            linear-gradient(0deg, var(--secondary) 100%, var(--secondary) 100%);
+        background-color: var(--secondary);
     }
 }
 
diff --git a/scss/sidebar-desktop.scss b/scss/sidebar-desktop.scss
index e7f0fa9..0594332 100644
--- a/scss/sidebar-desktop.scss
+++ b/scss/sidebar-desktop.scss
@@ -1,10 +1,10 @@
 // sidebar
 
 @mixin box-shadow($value: 0px) {
-  box-shadow: 0 24px 40px rgba(0, 0, 0, 0.07),
-    0 10.8529px 24.1177px rgba(0, 0, 0, 0.0456112),
-    0 4.50776px 10.0172px rgba(0, 0, 0, 0.035),
-    0 1.63037px 3.62304px rgba(0, 0, 0, 0.0243888);
+  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
+    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
+    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
+    rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
 }
 
 #main-outlet-wrapper {