Tweak some modal border colors in dark mode

EasyCorp · May 15, 2023 · 336ba71 · 336ba71
1 parent d63ea66
commit 336ba71
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 8 deletions.
diff --git a/assets/css/easyadmin-theme/base.scss b/assets/css/easyadmin-theme/base.scss
@@ -853,7 +853,8 @@ body.ea-edit .content-header {
         color: var(--alert-dark-color);
     }
 }
-.ea-dark-scheme .alert:not(.alert-light), .alert.alert-dark {
+.ea-dark-scheme .alert:not(.alert-light), .alert.alert-dark,
+.ea-dark-scheme .modal-header {
     .btn-close {
         filter: invert(1);
     }

diff --git a/assets/css/easyadmin-theme/variables-bootstrap.scss b/assets/css/easyadmin-theme/variables-bootstrap.scss
@@ -125,7 +125,7 @@ $modal-content-border-color: var(--border-color) !default;
 $modal-content-fallback-border-color: var(--border-color) !default;
 $modal-backdrop-bg: var(--black) !default;
 $modal-backdrop-opacity: .6 !default;
-$modal-header-border-color: var(--border-color) !default;
+$modal-header-border-color: var(--modal-header-border-color) !default;
 $modal-footer-border-color: $modal-header-border-color !default;
 $modal-lg: 900px !default;
 $modal-md: 500px !default;

diff --git a/assets/css/easyadmin-theme/variables-theme.scss b/assets/css/easyadmin-theme/variables-theme.scss
@@ -129,6 +129,7 @@
     --modal-bg: var(--white);
     --modal-border-color: var(--gray-200);
     --modal-header-bg: var(--gray-50);
+    --modal-header-border-color: var(--gray-300);
     --modal-footer-bg: var(--gray-100);
     --modal-title-color: var(--gray-700);
     --form-label-color: var(--gray-800);
@@ -439,6 +440,7 @@
     --modal-bg: var(--true-gray-800);
     --modal-border-color: var(--true-gray-600);
     --modal-header-bg: var(--true-gray-900);
+    --modal-header-border-color: var(--true-gray-600);
     --modal-footer-bg: var(--true-gray-700);
     --modal-title-color: var(--true-gray-400);
     --pagination-disabled-color: var(--true-gray-600);

diff --git a/src/Resources/public/app.1d0fe5a5.css → src/Resources/public/app.404e52fc.css b/src/Resources/public/app.1d0fe5a5.css → src/Resources/public/app.404e52fc.css
diff --git a/src/Resources/public/app.1d0fe5a5.rtl.css → src/Resources/public/app.404e52fc.rtl.css b/src/Resources/public/app.1d0fe5a5.rtl.css → src/Resources/public/app.404e52fc.rtl.css
diff --git a/src/Resources/public/entrypoints.json b/src/Resources/public/entrypoints.json
@@ -2,8 +2,8 @@
   "entrypoints": {
     "app": {
       "css": [
-        "/app.1d0fe5a5.css",
-        "/app.1d0fe5a5.rtl.css"
+        "/app.404e52fc.css",
+        "/app.404e52fc.rtl.css"
       ],
       "js": [
         "/app.b5acb2f0.js"

diff --git a/src/Resources/public/manifest.json b/src/Resources/public/manifest.json
@@ -1,6 +1,6 @@
 {
-  "app.css": "app.1d0fe5a5.css",
-  "app.rtl.css": "app.1d0fe5a5.rtl.css",
+  "app.css": "app.404e52fc.css",
+  "app.rtl.css": "app.404e52fc.rtl.css",
   "app.js": "app.b5acb2f0.js",
   "form.js": "form.fc39362b.js",
   "page-layout.js": "page-layout.3347892e.js",