[WebProfilerBundle] Improve display in Email panel for dark theme

antograssiot · antograssiot · commit 402fed02e7bd · 2019-10-23T19:52:52.000+02:00
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`