From 09a79f4c6728a3370542ff3cb00235da360f4621 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Fri, 15 Nov 2024 21:09:05 +0800
Subject: [PATCH] =?UTF-8?q?Set=20colours=20of=20Pok=C3=A9mon=20Omega=20Rub?=
 =?UTF-8?q?y=20and=20Alpha=20Sapphire=20shrine?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/_includes/global/navbar.njk |  2 +-
 src/assets/css/general.css      |  2 +-
 src/assets/css/pokemonoras.css  | 21 +++++++++++----------
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/_includes/global/navbar.njk b/src/_includes/global/navbar.njk
index 4a1942fe..39e2520e 100644
--- a/src/_includes/global/navbar.njk
+++ b/src/_includes/global/navbar.njk
@@ -80,7 +80,7 @@
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;
diff --git a/src/assets/css/general.css b/src/assets/css/general.css
index 3c61caea..3a43c8b2 100644
--- a/src/assets/css/general.css
+++ b/src/assets/css/general.css
@@ -5,7 +5,7 @@ body {
     flex-direction: column;
     font-family: var(--ff-default);
     color: var(--clr-body-txt);
-    background-color: var(--clr-body-bg);
+    background: var(--clr-body-bg);
 }
 
 main {
diff --git a/src/assets/css/pokemonoras.css b/src/assets/css/pokemonoras.css
index 8303fe8f..3e090b2f 100644
--- a/src/assets/css/pokemonoras.css
+++ b/src/assets/css/pokemonoras.css
@@ -1,21 +1,21 @@
 :root {
     color-scheme: light dark;
 
-    --clr-body-bg: light-dark(#e4e3e3, #141414);
+    --clr-body-bg: linear-gradient(90deg, rgba(255,137,137,1) 0%, rgba(130,176,255,1) 100%);
     --clr-body-txt: light-dark(#141414, #fff);
     --clr-content-bg: light-dark(#ffffff, #242424);
 
-    --clr-top-btn-bg: light-dark(#552190, #552190);
+    --clr-top-btn-bg: #000885;
     --clr-top-btn-txt: #ffffff;
 
-    --clr-main-heading: light-dark(#171717, #daaced);
+    --clr-main-heading: #171717;
     --clr-sub-heading: light-dark(#111111, #fff);
-    --clr-title-border: light-dark(#7629db, #9964de);
-    --clr-bold-txt: light-dark(#da4500, #ff9869);
-    --clr-link: light-dark(#7629db, #ce97ff);
-    --clr-link-hover: light-dark(#270e48, #b366f7);
+    --clr-title-border: #6e0000;
+    --clr-bold-txt: light-dark(#ff0000, #ff4444);
+    --clr-link: light-dark(#302aff, #7bb4ff);
+    --clr-link-hover: light-dark(rgb(1, 48, 110), #1c7dfd);
     --clr-quote-bg: light-dark(#f3f2f2, #141414);
-    --clr-quote-border: light-dark(#414141, #f3f2f2);
+    --clr-quote-border: light-dark(#c60000, #ff0000);
     --clr-cw-hover: #fae5e5;
 
     --clr-code-bg: #f3f2f2;
@@ -27,12 +27,13 @@
     --clr-link-btn-hover: #241445;
 
     --clr-hero-bg: #7944B6;
-    --clr-navbar-bg: light-dark(#9b59b6, #3a0873);
+    --clr-navbar-bg: linear-gradient(90deg, rgba(193,0,0,1) 0%, rgba(0,70,189,1) 100%);
     --clr-navbar-link: white;
 
-    --clr-main-footer-bg: light-dark(#9b59b6, #3a0873);
+    --clr-main-footer-bg: var(--clr-navbar-bg);
 }
 
+.main__header p { color: var(--clr-main-heading); }
 .hero__top-bar,
 .footer,
 .footer a { color: var(--clr-navbar-link); }