bug #34090 [WebProfilerBundle] Improve display in Email panel for dark theme (antograssiot)

fabpot · fabpot · commit 591ad2203c90 · 2019-10-26T10:23:07.000+02:00
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
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

Original file line number	Diff line number	Diff line change
`@@ -46,6 +46,8 @@`
`46`	`46`	`--base-4: #666;`
`47`	`47`	`--base-5: #444;`
`48`	`48`	`--base-6: #222;`
	`49`	`+ --card-label-background: #eee;`
	`50`	`+ --card-label-color: var(--base-6);`
`49`	`51`	`}`
`50`	`52`
`51`	`53`	`.theme-dark {`
`@@ -85,6 +87,8 @@`
`85`	`87`	`--base-4: #666;`
`86`	`88`	`--base-5: #e0e0e0;`
`87`	`89`	`--base-6: #f5f5f5;`
	`90`	`+ --card-label-background: var(--tab-active-background);`
	`91`	`+ --card-label-color: var(--tab-active-color);`
`88`	`92`	`}`
`89`	`93`
`90`	`94`	`{# Basic styles`
`@@ -436,8 +440,8 @@ table tbody td.num-col {`
`436`	`440`	`margin-top: 0;`
`437`	`441`	`}`
`438`	`442`	`.card .label {`
`439`		`- background-color: #EEE;`
`440`		`- color: var(--base-6);`
	`443`	`+ background-color: var(--card-label-background);`
	`444`	`+ color: var(--card-label-color);`
`441`	`445`	`}`
`442`	`446`
`443`	`447`	`{# Status`