feat: Update layout components to use dark mode css var

newrelic · Jun 23, 2020 · df29c40 · df29c40
1 parent 89345aa
commit df29c40
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Footer.module.scss b/src/components/Footer.module.scss
@@ -2,7 +2,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  color: var(--color-neutrals-600);
+  color: var(--secondary-text-color);
   font-size: 0.75rem;
   z-index: 1;
 
@@ -27,7 +27,7 @@
 .copyright {
   margin-left: 0.5rem;
   padding-left: 0.5rem;
-  border-left: 1px dotted var(--color-neutrals-400);
+  border-left: 1px dotted var(--border-color);
 
   @media (max-width: 760px) {
     border-left: none;

diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss
@@ -37,7 +37,7 @@
 }
 
 .footer {
-  border-top: 1px solid var(--color-neutrals-100);
+  border-top: 1px solid var(--divider-color);
   padding-top: 2rem;
   margin-top: 4rem;
 }

diff --git a/src/components/Sidebar.module.scss b/src/components/Sidebar.module.scss
@@ -1,10 +1,10 @@
 .sidebar {
   padding: 2rem;
-  border-right: 1px solid var(--color-neutrals-100);
+  border-right: 1px solid var(--divider-color);
 
   @media screen and (max-width: 760px) {
     height: 60px;
-    border-bottom: 1px solid var(--color-neutrals-100);
+    border-bottom: 1px solid var(--divider-color);
   }
 }