[TASK] Fix color scheme

RatMD · Aug 21, 2022 · 7c14e15 · 7c14e15
1 parent 5625f05
commit 7c14e15
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,8 @@ NewsHub - Changelog
 Version 1.0.1 - Stable
 ----------------------
 - Update: Add dark hightlight.js stylings for pre, code elements.
+- Fix: Form stylings on dark color scheme.
+- Fix: background color on the fullwidth page layout.
 - Fix: Callout Color variables on dark scheme.
 - Fix: Example component styling + dark border color.
 - Fix: Navbar below Hero-Slider (when Header is not set to 'sticky').

diff --git a/assets/css/newshub.min.css b/assets/css/newshub.min.css
diff --git a/assets/css/newshub.min.css.map b/assets/css/newshub.min.css.map
diff --git a/layouts/page-fullwidth.htm b/layouts/page-fullwidth.htm
@@ -46,7 +46,7 @@ <h1 class="post-title">{{ page.title | default(this.page.title) }}</h1>
                     </div>
                 </header>
 
-                <article class="bg-white py-6">
+                <article class="py-6">
                     <div class="container">
                         <div class="post-content">
                             {% page %}

diff --git a/resources/scss/components/_form-control.scss b/resources/scss/components/_form-control.scss
@@ -15,6 +15,17 @@
         border-color: var(--#{$prefix}primary);
         background-color: $gray-200;
     }
+
+    .dark & {
+        color: $gray-300;
+        border-color: $gray-600;
+        background-color: $gray-900;
+
+        &:focus {
+            border-color: var(--#{$prefix}primary);
+            background-color: $gray-900;
+        }
+    }
 }