[5.x] More Dark Fixes (#10165)

statamic · May 22, 2024 · 07f666a · 07f666a
1 parent c4647ec
commit 07f666a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/resources/css/components/shortcuts.css b/resources/css/components/shortcuts.css
@@ -5,7 +5,7 @@
 .shortcut-pair {
     @apply pb-2 mb-2 antialiased flex items-center justify-between;
     &:not(:last-child) {
-        @apply border-b;
+        @apply border-b dark:border-dark-800;
     }
 }
 
@@ -19,6 +19,10 @@
     height: 18px;
     margin: 0 .25em;
     padding: 0 2px 2px 2px ; [dir="rtl"] & { padding: 0 2px 2px 2px ; }
+    .dark & {
+        @apply bg-gradient-to-br from-dark-500 to-dark-600 text-dark-150;
+        box-shadow: inset 0 1px 0 0 #6b6868, inset 0 0 1px 1px rgba(0,0,0,.7), 0 1px 3px 1px rgba(30,35,90,.2);
+    }
 }
 
 .shortcut-combo {

diff --git a/resources/js/components/SessionExpiry.vue b/resources/js/components/SessionExpiry.vue
@@ -6,7 +6,7 @@
 
         <modal name="session-timeout-login" v-if="isShowingLogin" height="auto" width="500px" :adaptive="true">
             <div class="-max-h-screen-px">
-            <div class="flex items-center p-6 bg-gray-200 border-b text-center">
+            <div class="flex items-center p-6 bg-gray-200 dark:bg-dark-700 border-b dark:border-dark-900 text-center">
                 {{ __('Resume Your Session') }}
             </div>
 

diff --git a/resources/js/components/modals/KeyboardShortcutsModal.vue b/resources/js/components/modals/KeyboardShortcutsModal.vue
@@ -1,7 +1,7 @@
 <template>
     <modal v-if="open" name="keyboard-shortcuts" width="380" height="auto" :adaptive="true" @closed="open = false" click-to-close>
         <div class="-max-h-screen-px">
-        <h1 class="p-4 bg-gray-200 border-b text-center">
+        <h1 class="p-4 bg-gray-200 dark:bg-dark-700 border-b dark:border-dark-900 text-center">
             {{ __('Keyboard Shortcuts') }}
         </h1>
         <div class="p-6 relative">