From 2e5f0c6bb794ef6d9c7520329b7dc4d5adb8a46b Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Wed, 14 Jul 2021 21:24:43 +0100
Subject: [PATCH] :lipstick: Adds new theme, Oblivion

---
 src/styles/color-themes.scss | 50 ++++++++++++++++++++++++++++++++++--
 src/utils/defaults.js        |  1 +
 2 files changed, 49 insertions(+), 2 deletions(-)

diff --git a/src/styles/color-themes.scss b/src/styles/color-themes.scss
index 29c42c7b..6dab96b8 100644
--- a/src/styles/color-themes.scss
+++ b/src/styles/color-themes.scss
@@ -744,7 +744,9 @@ html[data-theme='vaporware'] {
   // body {
   //   background: url('https://i.ibb.co/JqcJcGK/vaporwave-sunset-wallpaper.jpg');
   //   background-size: cover;
-  //   div.home { background: none; }
+  //   div.home, div.options-outer, div.options-container, section.filter-container {
+  //     background: none;
+  //   }
   // }
 }
 
@@ -774,4 +776,48 @@ html[data-theme='cyberpunk'] {
 --welcome-popup-background: var(--pink);
 --welcome-popup-text-color: var(--blue);
 --font-headings: 'Audiowide', cursive;
-}
\ No newline at end of file
+}
+
+html[data-theme="oblivion"],
+html[data-theme="oblivion-blue"],
+html[data-theme="oblivion-mint"],
+html[data-theme="oblivion-lemon"],
+html[data-theme="oblivion-scotch"] {
+  --primary: #f35151;
+  --background: #1b2431;
+  --background-darker: #121a25;
+  --item-group-outer-background: none;
+  --item-group-shadow: none;
+  --item-group-background: none;
+  --item-background: var(--background-darker);
+  --item-background-hover: var(--background-darker);
+  --item-shadow: 0 1px 5px #18191a;
+  --item-hover-shadow: 2px 2px 3px #040505;
+  --item-group-heading-text-color-hover: var(--primary);
+  --nav-link-background-color: var(--background);
+  --curve-factor: 3px;
+  --curve-factor-navbar: 6px;
+  --item-group-heading-text-color: var(--primary);
+  --about-page-background: var(--background);
+  --about-page-color: var(--primary);
+  div.item-wrapper a.item {
+    border: 1px solid #313d4f;
+  }
+  section.filter-container form input#filter-tiles {
+    border: 1px solid #313d4f;
+    box-shadow: 0 1px 5px #0c0d0e;
+  }
+}
+
+html[data-theme="oblivion-blue"] {
+  --primary: #82a5f3;
+}
+html[data-theme="oblivion-mint"] {
+  --primary: #4acfd4;
+}
+html[data-theme="oblivion-lemon"] {
+  --primary: #d0ed87;
+}
+html[data-theme="oblivion-scotch"] {
+  --primary: #d69e3a;
+}
diff --git a/src/utils/defaults.js b/src/utils/defaults.js
index 81e810d8..3a4fe4c4 100644
--- a/src/utils/defaults.js
+++ b/src/utils/defaults.js
@@ -25,6 +25,7 @@ module.exports = {
     'nord-frost',
     'minimal-dark',
     'minimal-light',
+    'oblivion',
     'matrix',
     'matrix-red',
     'hacker-girl',