From 3417b46eeec3cf96475cea54f725099c6f204bd6 Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Sat, 14 May 2022 13:51:28 +0100 Subject: [PATCH] :art: Adds option to use Adventure theme with own img (#655) --- src/styles/color-themes.scss | 15 +++++++++------ src/utils/defaults.js | 1 + 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/src/styles/color-themes.scss b/src/styles/color-themes.scss index 72e8b4d8..3e736892 100644 --- a/src/styles/color-themes.scss +++ b/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; diff --git a/src/utils/defaults.js b/src/utils/defaults.js index fe43aeb1..ad3af492 100644 --- a/src/utils/defaults.js +++ b/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 */