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); }