feat: implement dark mode

10 files changed, 29 insertions, 28 deletions

diff --git a/src/components/Icons/Blog/Blog.module.scss b/src/components/Icons/Blog/Blog.module.scss
index 5b53125..5376c61 100644
--- a/src/components/Icons/Blog/Blog.module.scss
+++ b/src/components/Icons/Blog/Blog.module.scss
@@ -13,11 +13,11 @@
 
 .picture {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
 }
 
 .background {
   fill: var(--color-bg);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
diff --git a/src/components/Icons/CV/CV.module.scss b/src/components/Icons/CV/CV.module.scss
index e7b0e59..aaa8a1a 100644
--- a/src/components/Icons/CV/CV.module.scss
+++ b/src/components/Icons/CV/CV.module.scss
@@ -8,46 +8,47 @@
 
 .lock {
   fill: var(--color-bg);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 3;
 }
 
 .lines {
+  fill: var(--color-fg);
   stroke-width: 4;
 }
 
 .seal-top {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 2;
 }
 
 .seal-bottom {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 2;
 }
 
 .diploma {
   fill: var(--color-bg);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
 
 .top {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
 
 .handle {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 3;
 }
 
 .bottom {
   fill: var(--color-primary);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
diff --git a/src/components/Icons/Close/Close.module.scss b/src/components/Icons/Close/Close.module.scss
index b45895b..5a1f638 100644
--- a/src/components/Icons/Close/Close.module.scss
+++ b/src/components/Icons/Close/Close.module.scss
@@ -8,6 +8,6 @@
 
 .line {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 3;
 }
diff --git a/src/components/Icons/Cog/Cog.module.scss b/src/components/Icons/Cog/Cog.module.scss
index 4b09c38..a861f0c 100644
--- a/src/components/Icons/Cog/Cog.module.scss
+++ b/src/components/Icons/Cog/Cog.module.scss
@@ -5,6 +5,6 @@
   width: var(--icon-size, #{fun.convert-px(40)});
   margin: auto;
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
diff --git a/src/components/Icons/Contact/Contact.module.scss b/src/components/Icons/Contact/Contact.module.scss
index 5c0040e..963c1dc 100644
--- a/src/components/Icons/Contact/Contact.module.scss
+++ b/src/components/Icons/Contact/Contact.module.scss
@@ -8,22 +8,22 @@
 
 .envelop {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
 
 .lines {
-  fill: var(--color-border-dark);
+  fill: var(--color-fg);
 }
 
 .background {
   fill: var(--color-shadow-dark);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
 
 .paper {
   fill: var(--color-bg);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
diff --git a/src/components/Icons/Hamburger/Hamburger.module.scss b/src/components/Icons/Hamburger/Hamburger.module.scss
index 07cbe50..f38df4e 100644
--- a/src/components/Icons/Hamburger/Hamburger.module.scss
+++ b/src/components/Icons/Hamburger/Hamburger.module.scss
@@ -12,7 +12,7 @@
       var(--color-primary-light) 0%,
       var(--color-primary-lighter) 100%
     );
-    border: fun.convert-px(1) solid var(--color-border-dark);
+    border: fun.convert-px(1) solid var(--color-primary-darker);
     border-radius: fun.convert-px(3);
     display: block;
     width: var(--btn-size, fun.convert-px(50));
diff --git a/src/components/Icons/Home/Home.module.scss b/src/components/Icons/Home/Home.module.scss
index 6eb88c4..f2e7f9e 100644
--- a/src/components/Icons/Home/Home.module.scss
+++ b/src/components/Icons/Home/Home.module.scss
@@ -8,35 +8,35 @@
 
 .wall {
   fill: var(--color-bg);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
 
 .indoor {
   fill: var(--color-shadow-dark);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
 
 .door {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
 
 .roof {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
 
 .chimney {
   fill: var(--color-bg);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
 }
 
 .lines {
-  fill: var(--color-border-dark);
+  fill: var(--color-primary-darker);
   stroke-width: 4;
 }
diff --git a/src/components/Icons/Moon/Moon.module.scss b/src/components/Icons/Moon/Moon.module.scss
index 51d76fd..799a282 100644
--- a/src/components/Icons/Moon/Moon.module.scss
+++ b/src/components/Icons/Moon/Moon.module.scss
@@ -2,7 +2,7 @@
 
 .moon {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
   width: var(--icon-size, #{fun.convert-px(25)});
 }
diff --git a/src/components/Icons/Search/Search.module.scss b/src/components/Icons/Search/Search.module.scss
index 7b506e8..4c42028 100644
--- a/src/components/Icons/Search/Search.module.scss
+++ b/src/components/Icons/Search/Search.module.scss
@@ -8,24 +8,24 @@
 
 .big-handle {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 3;
 }
 
 .glass {
   fill: var(--color-bg-opacity);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 2;
 }
 
 .upright {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 3;
 }
 
 .small-handle {
   fill: var(--color-primary);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 2;
 }
diff --git a/src/components/Icons/Sun/Sun.module.scss b/src/components/Icons/Sun/Sun.module.scss
index 1de4b19..5682aa3 100644
--- a/src/components/Icons/Sun/Sun.module.scss
+++ b/src/components/Icons/Sun/Sun.module.scss
@@ -2,7 +2,7 @@
 
 .sun {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border-dark);
+  stroke: var(--color-primary-darker);
   stroke-width: 4;
   width: var(--icon-size, #{fun.convert-px(25)});
 }