Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Set colours of Pokémon Omega Ruby and Alpha Sapphire shrine

This commit is contained in:
Helen Chong 2024-11-15 21:09:05 +08:00
parent 4f7ff00b05
commit 09a79f4c67
3 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/_includes/global/navbar.njk
View File

@ -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%;

2
src/assets/css/general.css
View File

@ -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 {

21
src/assets/css/pokemonoras.css
View File

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