diff --git a/lib/assets/styles/variables.scss b/lib/assets/styles/variables.scss
index 11b20df6..14a327d9 100644
--- a/lib/assets/styles/variables.scss
+++ b/lib/assets/styles/variables.scss
@@ -21,6 +21,7 @@ html {
 .light {
   --color-bg: #e5e7eb;
   --color-raised-bg: #ffffff;
+  --color-super-raised-bg: #e9e9e9;
   --color-button-bg: hsl(220, 13%, 91%);
 
   --color-base: hsl(221, 39%, 11%);
@@ -59,6 +60,7 @@ html {
 .dark {
   --color-bg: #16181c;
   --color-raised-bg: #26292f;
+  --color-super-raised-bg: #40434a;
   --color-button-bg: hsl(222, 13%, 30%);
 
   --color-base: var(--dark-color-base);
diff --git a/package.json b/package.json
index a1782c9c..b1368080 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "omorphia",
   "type": "module",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "files": [
     "dist"
   ],