fix filemanager colors

resources/assets/js/filemanager/FileManager.vue

@@ -247,13 +247,12 @@ export default {
     padding: 1rem;
 
     .fm-body {
+        @apply border-b border-t dark:border-stone-700;
         flex: 1 1 auto;
         overflow: hidden;
         position: relative;
         padding-top: 1rem;
         padding-bottom: 1rem;
-        border-top: 1px solid #6c757d;
-        border-bottom: 1px solid #6c757d;
     }
 
     .unselectable {
@@ -262,33 +261,23 @@ export default {
 }
 
 .fm-error {
-    color: white;
-    background-color: #dc3545;
-    border-color: #dc3545;
+    @apply text-red-500 dark:text-red-400 bg-red-100 dark:bg-red-900 border-red-500 dark:border-red-400;
 }
 
 .fm-danger {
-    color: #dc3545;
-    background-color: white;
-    border-color: #dc3545;
+    @apply text-white bg-red-100 dark:bg-red-900 border-red-500 dark:border-red-400;
 }
 
 .fm-warning {
-    color: #ffc107;
-    background-color: white;
-    border-color: #ffc107;
+  @apply text-orange-500 dark:text-orange-400 bg-orange-100 dark:bg-orange-900 border-orange-500 dark:border-orange-400;
 }
 
 .fm-success {
-    color: #198754;
-    background-color: white;
-    border-color: #198754;
+  @apply text-white bg-lime-500 dark:bg-lime-800 border-lime-500 dark:border-lime-400;
 }
 
 .fm-info {
-    color: #0dcaf0;
-    background-color: white;
-    border-color: #0dcaf0;
+  @apply text-white bg-sky-500 dark:bg-sky-800 border-sky-500 dark:border-sky-400;
 }
 
 .fm.fm-full-screen {

resources/assets/js/filemanager/components/blocks/ContextMenu.vue

@@ -144,7 +144,6 @@ export default {
 
     position: absolute;
     z-index: 9997;
-    box-shadow: 3px 2px 5px gray;
     border-radius: 5px;
 
     &:focus {

resources/assets/js/filemanager/components/blocks/InfoBlock.vue

@@ -153,10 +153,10 @@ export default {
 
 <style lang="scss">
 .fm-info-block {
+    @apply border-b dark:border-stone-700;
     flex: 0 0 auto;
     padding-top: 0.2rem;
     padding-bottom: 0.4rem;
-    border-bottom: 1px solid #6c757d;
 
     .progress {
         margin-top: 0.3rem;

resources/assets/js/filemanager/components/manager/TableView.vue

@@ -119,7 +119,7 @@ export default {
 <style lang="scss">
 .fm-table {
     thead th {
-        @apply text-left dark:bg-stone-800;
+        @apply text-left bg-white dark:bg-stone-800;
 
         position: sticky;
         top: 0;
@@ -143,11 +143,11 @@ export default {
     }
 
     tr {
-        @apply border-b;
+        @apply border-b dark:border-stone-700;
     }
 
     tr:hover {
-      @apply bg-stone-100 dark:bg-[#262322];
+      @apply bg-stone-100 dark:bg-stone-900;
     }
 
     .w-10 {

resources/assets/js/style.css

@@ -4,22 +4,24 @@
 
 .btn-secondary {
     @apply inline-block align-middle text-center select-none font-normal leading-normal
-        no-underline text-white bg-stone-700 hover:bg-stone-800 dark:bg-stone-900 dark:hover:bg-stone-950
-        disabled:cursor-not-allowed disabled:bg-stone-600 disabled:text-stone-400 disabled:dark:bg-stone-900 disabled:dark:text-stone-600;
+    no-underline text-white bg-stone-700 hover:bg-stone-800 dark:bg-stone-900 dark:hover:bg-stone-950
+    disabled:cursor-not-allowed disabled:bg-stone-600 disabled:text-stone-400 disabled:dark:bg-stone-900
+    disabled:dark:text-stone-600;
 }
 
 .btn-info {
     @apply inline-block align-middle text-center select-none font-normal leading-normal
-        no-underline text-white bg-stone-700 hover:bg-stone-800
-        disabled:cursor-not-allowed disabled:bg-stone-400;
+    no-underline text-white bg-stone-700 hover:bg-stone-800
+    disabled:cursor-not-allowed disabled:bg-stone-400
+    dark:bg-stone-900 dark:hover:bg-stone-950 dark:disabled:bg-stone-900;
 }
 
 .btn-light {
     @apply inline-block align-middle text-center select-none font-normal leading-normal
-        no-underline text-black bg-white border border-stone-300 focus:outline-none hover:bg-stone-100
-        focus:ring-4 focus:ring-stone-100 dark:bg-stone-800 dark:text-white dark:border-stone-600
-        dark:hover:bg-stone-700 dark:hover:border-stone-600 dark:focus:ring-stone-700
-        disabled:cursor-not-allowed;
+    no-underline text-black bg-white border border-stone-300 focus:outline-none hover:bg-stone-100
+    focus:ring-4 focus:ring-stone-100 dark:bg-stone-800 dark:text-white dark:border-stone-600
+    dark:hover:bg-stone-900 dark:hover:border-stone-900 dark:focus:ring-stone-700
+    disabled:cursor-not-allowed;
 }
 
 .btn-danger {
@@ -32,11 +34,15 @@
 }
 
 .btn-close {
-    @apply ms-auto -mx-1.5 -my-1.5 bg-white text-stone-400 hover:text-stone-900 rounded-lg focus:ring-2 focus:ring-stone-300 p-1.5 hover:bg-stone-100 inline-flex items-center justify-center h-8 w-8 dark:text-stone-500 dark:hover:text-white dark:bg-stone-800 dark:hover:bg-stone-700;
+    @apply ms-auto -mx-1.5 -my-1.5 bg-white text-stone-400 hover:text-stone-900
+    rounded-lg focus:ring-2 focus:ring-stone-300 p-1.5 hover:bg-stone-100
+    inline-flex items-center justify-center h-8 w-8
+    dark:text-stone-500 dark:hover:text-white dark:bg-stone-800 dark:hover:bg-stone-900;
 }
 
 .form-control {
-    @apply block appearance-none w-full py-1 px-2 mb-1 leading-normal bg-white text-stone-800 border border-stone-200 rounded;
+    @apply block appearance-none w-full py-1 px-2 mb-1 leading-normal bg-white text-stone-800 border border-stone-200 rounded
+    dark:bg-stone-800 dark:text-stone-300 dark:border-stone-600 dark:placeholder-stone-400 dark:focus:ring-stone-500 dark:focus:border-stone-500;
 }
 
 .modal-header {
@@ -56,7 +62,7 @@
 }
 
 .table-info {
-    @apply w-full bg-stone-100 dark:bg-stone-950;
+    @apply w-full bg-stone-100 dark:bg-stone-900;
 }
 
 .form-select {