Skip to content

Commit 83ee0ea

Browse files
bug symfony#53225 [WebProfilerBundle] Fix the design of the compact toolbar button (javiereguiluz)
This PR was merged into the 6.3 branch. Discussion ---------- [WebProfilerBundle] Fix the design of the compact toolbar button | Q | A | ------------- | --- | Branch? | 6.3 | Bug fix? | yes | New feature? | no | Deprecations? | no | Issues | - | License | MIT This continues symfony#52769. The bug was in 6.3 and newer versions, not in 5.4. This is how the compact toolbar looks in dark mode: <img width="892" alt="before" src="https://github.com/symfony/symfony/assets/73419/430f371b-4507-48ad-a8c7-a41c7e6db9ce"> And this is the same after this PR: <img width="892" alt="after" src="https://github.com/symfony/symfony/assets/73419/0b197a57-02e0-47ea-999b-db4a296549cc"> Commits ------- a3382f9 [WebProfilerBundle] Fix the design of the compact toolbar button
2 parents 2539507 + a3382f9 commit 83ee0ea

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,8 @@
4747
}
4848

4949
.sf-minitoolbar {
50+
--sf-toolbar-gray-800: #262626;
51+
5052
background-color: var(--sf-toolbar-gray-800);
5153
border-top-left-radius: 4px;
5254
bottom: 0;
@@ -66,6 +68,8 @@
6668
}
6769
.sf-minitoolbar svg,
6870
.sf-minitoolbar img {
71+
--sf-toolbar-gray-200: #e5e5e5;
72+
6973
color: var(--sf-toolbar-gray-200);
7074
max-height: 24px;
7175
max-width: 24px;

0 commit comments

Comments
 (0)