From 48bb58814582ad296717d67085eb88a1437a7b71 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Thu, 17 Mar 2022 19:45:35 +0100
Subject: [PATCH] Change header and input border color to secondary foreground.

---
 source/options/scss/components/page-header.scss | 4 ++--
 source/options/scss/components/page-main.scss   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/source/options/scss/components/page-header.scss b/source/options/scss/components/page-header.scss
index bba3052..57c55fd 100644
--- a/source/options/scss/components/page-header.scss
+++ b/source/options/scss/components/page-header.scss
@@ -3,7 +3,7 @@
 .page-header {
   @include mixins.responsive-container;
 
-  border: 1px solid var(--df-1);
+  border: 1px solid var(--df-2);
   margin-bottom: 16px;
 
   h1 {
@@ -12,7 +12,7 @@
   }
 
   img {
-    background-color: var(--df-1);
+    background-color: var(--df-2);
     display: inline-block;
     height: 4.5rem;
     margin-right: 1rem;
diff --git a/source/options/scss/components/page-main.scss b/source/options/scss/components/page-main.scss
index 29f8c57..89c81f8 100644
--- a/source/options/scss/components/page-main.scss
+++ b/source/options/scss/components/page-main.scss
@@ -16,7 +16,7 @@
 
   .input-group {
     background-color: var(--db-2);
-    border: 1px solid var(--df-1);
+    border: 1px solid var(--df-2);
     padding: 8px;
 
     label,