Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Google Chrome Customize Developer Tools Theme / Color Schema

Tags:

javascript

css

google-chrome-devtools

google-chrome-extension

google-chrome-theme

How to change color schema on Developer Tools, JavaScript Console in Google Chrome ?

Like this:

enter image description here

like image 890
Anton Dozortsev Avatar asked Dec 25 '13 22:12

Anton Dozortsev

People also ask

How do I change my Chrome developer tools theme?

Installation: - Open Developer Tools - Open the Settings > Experiments > "Allow extensions to load custom stylesheets" - Close and reopen the DevTools Features: - Select a theme amongst the list of available themes - Change the Monospace Font with a font installed in your computer - Optionally change the Monospace Font ...

What does purple mean Chrome dev tools?

It is white space. For example you have a container with 100% of width and two divs inside, one of those with 50% and another width 40% of width, it means that there is 10% of space empty... this 10% would be shown in this purple dashed line area by the Google inspector.

1 Answers

  1. Install a DevTools Theme like Zero Dark Matrix
  2. Goto chrome://flags/#enable-devtools-experiments, and enable Developer Tools experiments.
  3. Select Relaunch Now at the bottom of the page.
  4. F12 to Open developer tools, go to Settings, select Experiments tab, and check Allow custom UI themes.
  5. F12, Reload DevTools.
like image 158
JaskeyLam Avatar answered Sep 18 '22 10:09

JaskeyLam
Sign in to Comment

Related questions

What is exactly the meaning of "===" in javascript? [duplicate]
jQuery/Javascript - reload current page with an appended querystring?
What does "return this" do within a javascript function?
Issues with Date() when using JSON.stringify() and JSON.parse()
javascript shorthand if statement, without the else portion
Javascript to convert UTC to local time
How to get client IP address using jQuery
Getting the values for a specific key from all objects in an array
Set variable in parent window from iframe
How to calculate the XPath position of an element using Javascript?
Split string into array of equal length strings
How to generate an Image from imageData in javascript?
Node 'readline' module does not have an 'end' event - how can I do something when there are no more lines?
Javascript date 01/01/0001
Difference and intersection of two arrays containing objects
three.js - How can I dynamically change object's opacity?
Disabling right click context menu on a HTML Canvas?
Angular.js: set element height on page load
Inserting and Querying Date with MongoDB and Nodejs
Autocompletion in ACE editor

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!