[7.x] Add dark mode support (#505)

* Add dark mode support * Update database.svg
statamic-rad-pack · May 31, 2024 · 94eb11a · 94eb11a
1 parent 68d4df6
commit 94eb11a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/resources/js/components/Listing/DataListFilters.vue b/resources/js/components/Listing/DataListFilters.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="shadow-inner bg-gray-300">
-        <div class="flex items-center flex-wrap px-3 border-b pt-2">
+    <div class="shadow-inner bg-gray-300 dark:bg-dark-600">
+        <div class="flex items-center flex-wrap px-3 border-b dark:border-dark-900 pt-2">
 
             <!-- Field filter (requires custom selection UI) -->
             <popover v-if="fieldFilter" placement="bottom-start" @closed="fieldFilterClosed">

diff --git a/resources/js/components/Listing/RunwayListing.vue b/resources/js/components/Listing/RunwayListing.vue
@@ -16,7 +16,7 @@
             <div slot-scope="{ hasSelections }">
                 <div class="card overflow-hidden p-0 relative">
                     <div
-                        class="flex flex-wrap items-center justify-between px-2 pb-2 text-sm border-b"
+                        class="flex flex-wrap items-center justify-between px-2 pb-2 text-sm border-b dark:border-dark-900"
                     >
                         <data-list-filter-presets
                             ref="presets"

diff --git a/resources/svg/database.svg b/resources/svg/database.svg