diff --git a/pages/blog/index.js b/pages/blog/index.js index 9ece94fd..36883bc9 100644 --- a/pages/blog/index.js +++ b/pages/blog/index.js @@ -39,7 +39,7 @@ export default function Blog({ title, description, url }) { {categories.map((c) => ( - + setCat(posts.filter((x) => x.categories.includes(c)))} diff --git a/pages/projects/index.js b/pages/projects/index.js index 05755365..6e414e31 100644 --- a/pages/projects/index.js +++ b/pages/projects/index.js @@ -32,12 +32,12 @@ export default function Projects({ title, description, url, projects }) {

- + setFilter('professional')} className={`btn ${filter === 'professional' ? 'active' : ''}`}> Professional projects - + setFilter('personal')} className={`btn ${filter === 'personal' ? 'active' : ''}`}> Personal projects @@ -46,7 +46,7 @@ export default function Projects({ title, description, url, projects }) {
{skillsList.map((s) => ( - + setFilter(s)} className={`btn ${filter === s ? 'active' : ''}`}> {s.replace('-', ' ')} diff --git a/public/styles/base/_variables.scss b/public/styles/base/_variables.scss index 531b5363..ad91a0c2 100644 --- a/public/styles/base/_variables.scss +++ b/public/styles/base/_variables.scss @@ -59,7 +59,7 @@ main.dark { } @media (prefers-color-scheme: dark) { - main { + main:not(.light) { --text: #fcfcfc; --text2: #eeeeee; --text3: #dddddd; @@ -85,22 +85,4 @@ main.dark { filter: invert(0.94); } } - - // TODO: check that this actually works - main.light { - --text: #111111; - --text2: #333333; - --text3: #454545; - --bg3: #dddddd; - --bg2: #eeeeee; - --bg: #fcfcfc; - --bg10: rgba(256, 256, 256, 0.1); - --bg20: rgba(256, 256, 256, 0.2); - --bg40: rgba(256, 256, 256, 0.4); - --bg80: rgba(256, 256, 256, 0.8); - --text10: rgba(0, 0, 0, 0.1); - --text20: rgba(0, 0, 0, 0.2); - --text40: rgba(0, 0, 0, 0.4); - --text80: rgba(0, 0, 0, 0.8); - } } \ No newline at end of file