From a3bc07cc69f10ede859f9b0b0c52bf59d869ef65 Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Fri, 5 Nov 2021 19:07:20 +0000 Subject: [PATCH] :lipstick: Adds Adventure theme --- src/styles/color-themes.scss | 45 ++++++++++++++++++++++++++++++++++++ src/utils/defaults.js | 7 +++--- 2 files changed, 49 insertions(+), 3 deletions(-) diff --git a/src/styles/color-themes.scss b/src/styles/color-themes.scss index 7b61a827..a21d60eb 100644 --- a/src/styles/color-themes.scss +++ b/src/styles/color-themes.scss @@ -1112,6 +1112,51 @@ html[data-theme="dashy-docs"] { } } +html[data-theme="adventure"] { + // Main colors + --primary: #ffffffe6; + --background: #0b1021; + --background-darker: #181c3a; + // Typography + --font-headings: 'Podkova', 'Roboto', serif; + --font-body: 'Roboto', serif; + // Items + --item-background: #181c3a66; + --item-background-hover: #181c3a80; + --item-shadow: 1px 1px 2px #130f23; + --item-hover-shadow: 2px 2px 4px #130f23; + // Sections + --item-group-heading-text-color: var(--white); + --item-group-heading-text-color-hover: var(--primary); + --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 { + background: none; + } + // Style overides + label.lbl-toggle h3 { font-size: 1.3rem; font-weight: bold; } + .content-inner { border-top: 1px dashed var(--primary); } + a.item.size-large:hover { border-left: 3px solid var(--white); } + .item.size-large .tile-title p.description { height: 3rem; } + .is-collapsed { + background: var(--item-background); + box-shadow: var(--item-shadow); + &:hover { + background: var(--item-background-hover); + box-shadow: var(--item-hover-shadow); + } + } +} + + html[data-theme="oblivion-blue"] { --primary: #82a5f3; } diff --git a/src/utils/defaults.js b/src/utils/defaults.js index d698fa87..24bf5e23 100644 --- a/src/utils/defaults.js +++ b/src/utils/defaults.js @@ -50,13 +50,14 @@ module.exports = { 'oblivion', 'material', 'material-dark', - 'dracula', - 'colorful', 'dashy-docs', + 'colorful', + 'dracula', + 'adventure', 'minimal-dark', 'minimal-light', - 'nord', 'nord-frost', + 'nord', 'thebe', 'cyberpunk', 'matrix',