fix(style): fix border dark style

JacobCoffee · Jun 25, 2023 · b20aa59 · b20aa59
1 parent 18656a3
commit b20aa59
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/niapi/domain/web/resources/style.css b/niapi/domain/web/resources/style.css
@@ -1439,6 +1439,31 @@ select {
   outline-color: #dc2626;
 }
 
+:is(.dark .dark\:border-neutral-300\/10) {
+  border-color: rgb(212 212 212 / 0.1);
+}
+
+:is(.dark .dark\:border-neutral-300) {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 212 212 / var(--tw-border-opacity));
+}
+
+:is(.dark .dark\:border-neutral-300\/60) {
+  border-color: rgb(212 212 212 / 0.6);
+}
+
+:is(.dark .dark\:border-neutral-300\/40) {
+  border-color: rgb(212 212 212 / 0.4);
+}
+
+:is(.dark .dark\:border-neutral-300\/20) {
+  border-color: rgb(212 212 212 / 0.2);
+}
+
+:is(.dark .dark\:border-neutral-300\/30) {
+  border-color: rgb(212 212 212 / 0.3);
+}
+
 :is(.dark .dark\:bg-blue-900) {
   --tw-bg-opacity: 1;
   background-color: rgb(30 58 138 / var(--tw-bg-opacity));

diff --git a/niapi/domain/web/templates/index.html b/niapi/domain/web/templates/index.html
@@ -3,7 +3,7 @@
 
 <form id="calculator" method="post">
   <div class="space-y-12">
-    <div class="border-b border-gray-900/10 pb-12">
+    <div class="border-b border-gray-900/10 dark:border-neutral-300/30 pb-12">
       <h2
         class="text-base font-semibold leading-7 text-gray-900 dark:text-neutral-200"
       >
@@ -68,7 +68,7 @@
       </div>
     </div>
 
-    <div class="border-b border-gray-900/10 pb-12">
+    <div class="border-b border-gray-900/10 dark:border-neutral-300/30 pb-12">
       <h2
         class="text-base font-semibold leading-7 text-gray-900 dark:text-neutral-200"
       >