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