This snippet is just a little experiment I have made for myself, so use it at your own risk.
The main purpose was to make the UI a little bit more readable, especially the structure panel. Both mode (dark and light) are supported.
Special thx to Noahj Champion for the PHP code.
The structure panel was way too small, which makes it hard to read, especially when you have many sections.
This new version is a bit more convenient, each section are well separated and the font is a bit bigger.
The breakpoints and hover icons are now always visible. No need to move the mouse around a property to see if we can set different value for each breakpoint, or if the hover effect is available.
The Scrollbar looks nicer than the horrible default scrollbar on Windows (work with Chrome. Not sure how it looks like on other browsers and OS).
The Unit where moved a little, to make the input field a tad more visible. It doesn't change much but in some case it can be useful, as you can see with the transition duration field:
Copy and paste the following snippet in your fav snippet manager:
If you get some PHP warnings or some other weird stuff, you might need to add these lines in your wp-config.php file: