minor #5753 Tweak some modal border colors in dark mode (javiereguiluz)

This PR was merged into the 4.x branch. Discussion ---------- Tweak some modal border colors in dark mode This doesn't change anything. It's just that in dark mode some modal borders look too bright and the close button is hidden. This PR fixes that. Commits ------- 336ba71 Tweak some modal border colors in dark mode
EasyCorp · May 16, 2023 · ce6722a · ce6722a
2 parents d63ea66 + 336ba71
commit ce6722a
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",