---
dateModified: '2016-01-28 08:15'
datePublished: '2016-01-28 08:15'
disqusIdentifier: '5'
excerpt: 'DevTools Author is a selection of author settings for Chrome Developer Tools that provides a small set of options to enhance your web development experience'
image: 'https://res.cloudinary.com/carloscuesta/image/upload/v1593531856/blog-featured-images/DevTools_Author.png'
title: 'Chrome DevTools Customization'
---

[DevTools Author](http://mikeking.io/devtools-author/) is a selection of **author settings** for **Chrome Developer Tools**, built by [Mike King](https://github.com/micjamking).

If you use **DevTools** as your **frontend development environment**, DevTools Author provides a small set of options to enhance your _development experience_.

![Devtools Author](https://res.cloudinary.com/carloscuesta/image/upload/v1453933837/fn0zr6grjcxzmpifbniq.png)

### Author Settings Setup

1. Install [DevTools Author from Chrome Web Store](https://chrome.google.com/webstore/detail/devtools-author/egfhcfdfnajldliefpdoaojgahefjhhi).
2. Enable DevTools experiments `chrome://flags/#enable-devtools-experiments` (_Paste this url in chrome search bar and click on "Enable"_ and restart Chrome).
3. Open DevTools (`⌘ ⌥ i ` / `F12`); **Settings** > **Experiments** > check **Allow custom UI Themes**.

Now you will be able to choose a different UI, font and customize the look of the Google Chrome Developer Tools.

![Devtools Author](https://res.cloudinary.com/carloscuesta/image/upload/v1453933882/hah4qlyoiiks9g9szri4.png)
