This is just my implementation and is probably not 100% what you would expect. The way the Chrome inspector wraps things is different to how code editors do it, so it's not possible to get it identical, but we can get a close approximation.
Includes the Elements, Resources (view js/css/html file), Sources (view js/css/html file), and Console panels; styles for the toolbar (Elements/Resources/Network/etc); and even view source styles (note: not JS/CSS view source though - that's not possible at the moment).
As always, if you see something that you can improve on, please do so and send a pull request :)
Please note: custom themes are unofficial and may potentially break existing DevTools functionality.
As always, if you encounter bugs with the DevTools, please report them, but disable the theme and test again, first. ;)
I've added a 3D hover effect to the icons in the tabs. To see an example of the effect, see this codepen I made to demonstrate how it works.
If you don't like the 3d tab icon version, I've created a branch without that effect here.
Normal Elements panel
Dock to right & floating Elements panel
- If you come across any issues, please let me know by submitting an issue using the link above. Bonus marks for submitting a pull request to fix the issue!