3 files changed, 6 insertions, 3 deletions
diff --git a/src/components/menu_item.style.js b/src/components/menu_item.style.js
index 3812f894..29376e5e 100644
--- a/src/components/menu_item.style.js
+++ b/src/components/menu_item.style.js
@@ -7,7 +7,8 @@ export default {
     'Input',
     'Border',
     'ButtonUnstyled',
-    'Badge'
+    'Badge',
+    'Avatar'
   ],
   states: {
     hover: ':hover',
diff --git a/src/components/root.style.js b/src/components/root.style.js
index e4d33051..53777a4b 100644
--- a/src/components/root.style.js
+++ b/src/components/root.style.js
@@ -16,7 +16,9 @@ export default {
     {
       directives: {
         '--font': 'generic | sans-serif',
-        '--monoFont': 'generic | monospace'
+        '--monoFont': 'generic | monospace',
+        '--bg': 'color | #000000', // just to establish order
+        '--wallpaper': 'color | --bg, -2'
       }
     }
   ]
diff --git a/src/components/scrollbar.style.js b/src/components/scrollbar.style.js
index 76053d6f..94e6135d 100644
--- a/src/components/scrollbar.style.js
+++ b/src/components/scrollbar.style.js
@@ -4,7 +4,7 @@ export default {
   defaultRules: [
     {
       directives: {
-        background: '--bg'
+        background: '--wallpaper'
       }
     }
   ]