bug #34090 [WebProfilerBundle] Improve display in Email panel for dar…

…k theme (antograssiot) This PR was merged into the 4.3 branch. Discussion ---------- [WebProfilerBundle] Improve display in Email panel for dark theme | Q | A | ------------- | --- | Branch? | 4.3 | Bug fix? | yes | New feature? | no | Deprecations? | no | Tickets | | License | MIT | Doc PR | Improve the email panel readability when using dark theme ## before <img width="496" alt="Capture d’écran 2019-10-23 à 19 54 59" src="https://user-images.githubusercontent.com/4977112/67420667-5d11e500-f5cf-11e9-91c6-75d2f55a32e7.png"> ## after <img width="492" alt="Capture d’écran 2019-10-23 à 19 53 26" src="https://user-images.githubusercontent.com/4977112/67420679-626f2f80-f5cf-11e9-8762-ad56978c1ac8.png"> Commits ------- 402fed0 [WebProfilerBundle] Improve display in Email panel for dark theme
symfony · Oct 26, 2019 · 591ad22 · 591ad22
2 parents ccc5667 + 402fed0
commit 591ad22
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/profiler.css.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/profiler.css.twig
@@ -46,6 +46,8 @@
     --base-4: #666;
     --base-5: #444;
     --base-6: #222;
+    --card-label-background: #eee;
+    --card-label-color: var(--base-6);
 }
 
 .theme-dark {
@@ -85,6 +87,8 @@
     --base-4: #666;
     --base-5: #e0e0e0;
     --base-6: #f5f5f5;
+    --card-label-background: var(--tab-active-background);
+    --card-label-color: var(--tab-active-color);
 }
 
 {# Basic styles
@@ -436,8 +440,8 @@ table tbody td.num-col {
     margin-top: 0;
 }
 .card .label {
-    background-color: #EEE;
-    color: var(--base-6);
+    background-color: var(--card-label-background);
+    color: var(--card-label-color);
 }
 
 {# Status