🎨 Adds option to use Adventure theme with own img (#655)

src/styles/color-themes.scss

@@ -1357,7 +1357,7 @@ html[data-theme="dashy-docs"] {
   }
 }
 
-html[data-theme="adventure"] {
+html[data-theme="adventure"], html[data-theme="adventure-basic"] {
   // Main colors
   --primary: #ffffffe6;
   --background: #0b1021;
@@ -1376,11 +1376,6 @@ html[data-theme="adventure"] {
   --item-group-shadow: none;
   --item-group-background: none;
   --item-group-outer-background: none;
-  // Background Image
-  body {
-    background: url('https://i.ibb.co/wdqSsGh/adventure-bg.jpg');
-    background-size: cover;
-  }
   // Remove background from certain components
   div.home, div.options-outer, div.options-container, section.filter-container,
   section.settings-outer, div.show-hide-container.hide-btn, div.show-hide-container.show-btn  {
@@ -1401,6 +1396,14 @@ html[data-theme="adventure"] {
   }
 }
 
+html[data-theme="adventure"] {
+  // Background Image
+  body {
+    background: url('https://i.ibb.co/wdqSsGh/adventure-bg.jpg');
+    background-size: cover;
+  }
+}
+
 html[data-theme="color-block"] {
   // Main colors
   --primary: #E94560;

src/utils/defaults.js

@@ -82,6 +82,7 @@ module.exports = {
     'material-dark-original',
     'high-contrast-dark',
     'high-contrast-light',
+    'adventure-basic',
     'basic',
   ],
   /* Default color options for the theme configurator swatches */