refactor(styles): rename shadow and border variables

10 files changed, 29 insertions, 29 deletions

diff --git a/src/components/Icons/Blog/Blog.module.scss b/src/components/Icons/Blog/Blog.module.scss
index d5c2639..5b53125 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);
+  stroke: var(--color-border-dark);
 }
 
 .background {
   fill: var(--color-bg);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
diff --git a/src/components/Icons/CV/CV.module.scss b/src/components/Icons/CV/CV.module.scss
index 448bac6..e7b0e59 100644
--- a/src/components/Icons/CV/CV.module.scss
+++ b/src/components/Icons/CV/CV.module.scss
@@ -8,7 +8,7 @@
 
 .lock {
   fill: var(--color-bg);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 3;
 }
 
@@ -18,36 +18,36 @@
 
 .seal-top {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 2;
 }
 
 .seal-bottom {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 2;
 }
 
 .diploma {
   fill: var(--color-bg);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
 
 .top {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
 
 .handle {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 3;
 }
 
 .bottom {
   fill: var(--color-primary);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
diff --git a/src/components/Icons/Close/Close.module.scss b/src/components/Icons/Close/Close.module.scss
index 235991c..b45895b 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);
+  stroke: var(--color-border-dark);
   stroke-width: 3;
 }
diff --git a/src/components/Icons/Cog/Cog.module.scss b/src/components/Icons/Cog/Cog.module.scss
index 4fad00b..4b09c38 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);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
diff --git a/src/components/Icons/Contact/Contact.module.scss b/src/components/Icons/Contact/Contact.module.scss
index cf4b03e..5c0040e 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);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
 
 .lines {
-  fill: var(--color-border);
+  fill: var(--color-border-dark);
 }
 
 .background {
   fill: var(--color-shadow-dark);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
 
 .paper {
   fill: var(--color-bg);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
diff --git a/src/components/Icons/Hamburger/Hamburger.module.scss b/src/components/Icons/Hamburger/Hamburger.module.scss
index 5916e8c..07cbe50 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);
+    border: fun.convert-px(1) solid var(--color-border-dark);
     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 2e1df3a..6eb88c4 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);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
 
 .indoor {
-  fill: var(--color-shadow);
-  stroke: var(--color-border);
+  fill: var(--color-shadow-dark);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
 
 .door {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
 
 .roof {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
 
 .chimney {
   fill: var(--color-bg);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
 }
 
 .lines {
-  fill: var(--color-border);
+  fill: var(--color-border-dark);
   stroke-width: 4;
 }
diff --git a/src/components/Icons/Moon/Moon.module.scss b/src/components/Icons/Moon/Moon.module.scss
index 5912973..51d76fd 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);
+  stroke: var(--color-border-dark);
   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 5016ae1..7b506e8 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);
+  stroke: var(--color-border-dark);
   stroke-width: 3;
 }
 
 .glass {
   fill: var(--color-bg-opacity);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 2;
 }
 
 .upright {
   fill: var(--color-primary-lighter);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 3;
 }
 
 .small-handle {
   fill: var(--color-primary);
-  stroke: var(--color-border);
+  stroke: var(--color-border-dark);
   stroke-width: 2;
 }
diff --git a/src/components/Icons/Sun/Sun.module.scss b/src/components/Icons/Sun/Sun.module.scss
index da2de89..1de4b19 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);
+  stroke: var(--color-border-dark);
   stroke-width: 4;
   width: var(--icon-size, #{fun.convert-px(25)});
 }