From b6513d41abfdd49a2aeda99c4e9df47a6324a28d Mon Sep 17 00:00:00 2001
From: Greg Newman <greg@gregnewman.org>
Date: Tue, 9 May 2023 18:36:09 -0400
Subject: [PATCH] :bug: fixes header border on dark mode

There was a typo in the css class for dark mode.

Issue: #259
---
 static/css/styles.css           | 5 +++++
 templates/includes/_header.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index 6b341345..9e7a1409 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -2524,6 +2524,11 @@ input[type=file] {
   border-color: rgb(49 74 87 / var(--tw-border-opacity));
 }
 
+.dark .dark\:border-charcoal {
+  --tw-border-opacity: 1;
+  border-color: rgb(23 42 52 / var(--tw-border-opacity));
+}
+
 .dark .dark\:bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(5 26 38 / var(--tw-bg-opacity));
diff --git a/templates/includes/_header.html b/templates/includes/_header.html
index 4315266d..59e6c7d8 100644
--- a/templates/includes/_header.html
+++ b/templates/includes/_header.html
@@ -5,7 +5,7 @@
 <div class="relative">
   <div class="relative pb-11 md:pb-3">
     <div>
-      <div class="hidden items-center pt-2 pb-4 border-b-2 border-gray-300 md:flex darK:border-charcoal">
+      <div class="hidden items-center pt-2 pb-4 border-b-2 border-gray-300 md:flex dark:border-charcoal">
         <div class="w-[130px]">
           <a href="{% url 'home' %}">
               <img class="hidden -mb-3 w-auto dark:inline-block h-[32px]"