From b62ea89e9c8aae20ba42e8543b8a404997266aea Mon Sep 17 00:00:00 2001 From: Florent Morselli Date: Thu, 6 Aug 2026 23:14:41 +0200 Subject: [PATCH] fix(bundle): align the web debug toolbar item with the Symfony core styles The item label used `sf-toolbar-status`, which renders it on a grey badge instead of the plain value styling of the core items. It now uses `sf-toolbar-value`. The icon was a base64 PNG export of the jwt.io logo, on an opaque white background and with fixed colours, which looked out of place next to the monochrome core icons. It is replaced by the official jwt.io SVG, normalised to the 24x24 grid used by the WebProfilerBundle icons and painted with `currentColor`, so the mark follows the toolbar foreground in both the light and the dark theme -- including the two branches that jwt.io itself renders white or black depending on the background. Fixes #663 --- src/Bundle/Resources/views/data_collector/icon.svg | 13 +++++++++++++ .../views/data_collector/template.html.twig | 12 +++--------- 2 files changed, 16 insertions(+), 9 deletions(-) create mode 100644 src/Bundle/Resources/views/data_collector/icon.svg diff --git a/src/Bundle/Resources/views/data_collector/icon.svg b/src/Bundle/Resources/views/data_collector/icon.svg new file mode 100644 index 000000000..dac2be70e --- /dev/null +++ b/src/Bundle/Resources/views/data_collector/icon.svg @@ -0,0 +1,13 @@ + + JWT + + + + + + + + + + + diff --git a/src/Bundle/Resources/views/data_collector/template.html.twig b/src/Bundle/Resources/views/data_collector/template.html.twig index 5b0e2ec60..a29c47995 100644 --- a/src/Bundle/Resources/views/data_collector/template.html.twig +++ b/src/Bundle/Resources/views/data_collector/template.html.twig @@ -2,12 +2,8 @@ {% block toolbar %} {% set icon %} - - JWT - - JWT + {{ source('@JoseFramework/data_collector/icon.svg') }} + JWT {% endset %} {% set text %} @@ -42,9 +38,7 @@ {% block menu %} - JWT + {{ source('@JoseFramework/data_collector/icon.svg') }} JWT-Framework {% endblock %}