diff --git a/layout/sidebar/sidebar.scarlet b/layout/sidebar/sidebar.scarlet
index 51db2d29..2be0914a 100644
--- a/layout/sidebar/sidebar.scarlet
+++ b/layout/sidebar/sidebar.scarlet
@@ -14,7 +14,7 @@ sidebar-spacing-y = 0.7rem
 	overflow-y auto
 	opacity 0
 	pointer-events none
-	box-shadow shadow-medium
+	box-shadow 32px 0 32px rgba(0, 0, 0, 0.4)
 	transition opacity transition-speed ease, transform transition-speed ease
 	will-change opacity, transition
 
diff --git a/scripts/Actions/Theme.ts b/scripts/Actions/Theme.ts
index a4541a0a..38b2267f 100644
--- a/scripts/Actions/Theme.ts
+++ b/scripts/Actions/Theme.ts
@@ -11,9 +11,9 @@ let dark = {
 	"link-color": "hsl(var(--hue), var(--saturation), 66%)",
 	"link-hover-color": "hsl(var(--hue), var(--saturation), 76%)",
 	"link-hover-text-shadow": "0 0 8px hsla(var(--hue), var(--saturation), 66%, 0.5)",
-	"ui-background": "hsla(0, 0%, 8%, 0.3)",
-	"sidebar-background": "rgba(0, 0, 0, 0.2)",
-	"sidebar-opaque-background": "var(--ui-background)",
+	"ui-background": "hsl(0, 0%, 18%)",
+	"sidebar-background": "hsla(0, 0%, 0%, 0.2)",
+	"sidebar-opaque-background": "hsl(0, 0%, 18%)",
 	"table-row-hover-background": "hsla(0, 0%, 100%, 0.01)",
 
 	"theme-white": "var(--bg-color)",
@@ -22,7 +22,7 @@ let dark = {
 	"main-color": "var(--link-color)",
 	"link-active-color": "var(--link-hover-color)",
 	"button-hover-color": "var(--link-hover-color)",
-	"button-hover-background": "hsla(0, 0%, 12%, 0.5)",
+	"button-hover-background": "hsl(0, 0%, 14%)",
 	"tab-background": "hsla(0, 0%, 0%, 0.1)",
 	"tab-hover-background": "hsla(0, 0%, 0%, 0.2)",
 	"tab-active-color": "hsl(0, 0%, 95%)",