Those of you that use Google Developer Tools on a regular basis and have been wishing that Google would make a dark theme available, will be pleased to know that a new update rolled out this week has brought a number of new features, tweaks and enhancements when it one of which is a new dark theme user interface to choose from.
The dark theme has been a long time coming to Google Developer Tools, but from today onwards you now have the ability to select the dark side in DevTools.
To enable the dark theme within DevTools simply go to the settings pane and set the theme to dark. Paul Bakaus from Google explains a little more about the other new features the company has added in this update.
A smarter autocomplete in your Console
If you’re like me and many others, you type a command into the console to debug your app, see it not working, iterate and type it again, and again, and again. In order to help with that, we’re now autocompleting full statements you typed previously.
Directly edit @keyframe rules in Styles pane
When we introduced the animation inspector and easing editor to DevTools, it was limited to transitions because we never showed @keyframe-based CSS animations in the Style pane. I’m pleased to say that that’s now a thing of the past, so go wild! Check out our video tweet for a preview.
Custom CSS Properties support
There’s a lot of goodness coming to CSS, and one of them is custom variables, launching in Chrome 49. We made sure to include full support in DevTools, so if you’ve been using variables in Sass before, give the native ones a try, as they allow you to edit properties on the fly in the Styles pane and immediately update dependent elements.
For more information on the new dark theme and DevTools update jump over to the Google Developers website for details via the link below.
Latest Geeky Gadgets Deals
Disclosure: Some of our articles include affiliate links. If you buy something through one of these links, Geeky Gadgets may earn an affiliate commission. Learn about our Disclosure Policy.