💄 Update border and separator colors

Author: marcode24

src/app/core/components/sidebar/sidebar.component.css

@@ -1,7 +1,7 @@
 nav {
   position: fixed;
   height: 100%;
-  border-right: 1px solid #c1c1c1;
+  border-right: var(--border);
   z-index: 103;
   transition: 0.5s ease;
   padding: 0 1rem;
@@ -70,7 +70,7 @@ nav li.mobile {
 nav li .tooltip {
   background: var(--bg-color-card);
   border-radius: 4px;
-  border: 1px solid #c1c1c1;
+  border: var(--border);
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
   color: var(--font-color-primary);
   display: none;
@@ -280,7 +280,7 @@ nav .profile {
     transition: none;
     background: var(--bg-color);
     border-right: none;
-    border-top: 1px solid #c1c1c1;
+    border-top: var(--border);
   }
 
   nav .profile,

src/app/shared/news-container/news-container.component.css

@@ -98,7 +98,7 @@
 .details-wrapper .options .separator {
   height: 24px;
   width: 0.1rem;
-  background: #c1c1c1;
+  background: var(--separator-color);
 }
 
 .details-wrapper .options .option {

src/app/shared/search-input/search-input.component.css

@@ -4,16 +4,15 @@
 
 input.icon {
   background: var(--bg-color-card);
-  border: var(--border-input);
+  border: var(--border);
   border-radius: 30px;
   height: 45px;
   width: 100%;
   min-width: 0;
-  padding: 10px 5px 10px 50px;
+  padding: 10px 20px 10px 50px;
   color: var(--font-color-primary);
   font-size: 16px;
-  transition: 0.2s;
-  box-shadow: var(--box-shadow);
+  transition: 0.25s ease;
 }
 
 input.icon ~ i {
@@ -27,3 +26,4 @@ input.icon ~ i {
 input.icon:focus ~ i {
   color: var(--primary-color);
 }
+

src/styles.css

@@ -34,7 +34,8 @@ body.dark {
   --bg-skeleton-2: #2e2c2c;
   --text-shadow-color: #000000;
   --bg-blur: hsla(0, 0%, 10%, 0.6);
-  --border-input: 1px solid #333639;
+  --border: 1px solid #3e3e3e;
+  --separator-color: #3e3e3e;
 }
 
 :root {
@@ -54,7 +55,8 @@ body.dark {
   --bg-skeleton-2: #cdcdcd;
   --text-shadow-color: #e6e6e6;
   --bg-blur: hsla(0, 0%, 100%, 0.8);
-  --border-input: none;
+  --border: 1px solid #c1c1c1;
+  --separator-color: #c1c1c1;
 }
 
 ::-webkit-scrollbar {
@@ -84,8 +86,7 @@ body.dark {
   background: var(--bg-color-card);
   color: var(--font-color-primary);
   border-radius: 1rem;
-  border: 1px solid #c1c1c1;
-  /* box-shadow: var(--box-shadow); */
+  border: var(--border);
 }
 
 .btn {