Skip to content

Instantly share code, notes, and snippets.

@romac
Created October 17, 2012 12:33
Show Gist options
  • Save romac/3905307 to your computer and use it in GitHub Desktop.
Save romac/3905307 to your computer and use it in GitHub Desktop.
Prettier Chrome DevTools
/**
* Put this in:
* - Mac: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
* - Ubuntu: ~/.config/chromium/Default/User StyleSheets/Custom.css
* - Windows: C:\Users\YourUsername\AppData\Local\Google\Chrome\UserData\Default\User StyleSheets\Custom.css
*/
#-webkit-web-inspector.compact #toolbar {
background: -webkit-linear-gradient(#CCC, #AEAEAE) !important;
border-bottom: 1px solid #AAA !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-label {
text-shadow: 0px 1px 1px #EFEFEF !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.toggleable.toggled-on {
background: -webkit-linear-gradient(#DDD, #AEAEAE) !important;
}
#-webkit-web-inspector.compact .toolbar-item.close-left {
margin-top: 6px !important;
}
@romac
Copy link
Author

romac commented Oct 17, 2012

Before:

Before...


After:

Before...

@romac
Copy link
Author

romac commented Oct 17, 2012

Before:

Before...

After:

After...

@romac
Copy link
Author

romac commented Oct 17, 2012

How comes one cannot delete a Gist's comment ?

@igstan
Copy link

igstan commented Oct 17, 2012

curl to the rescue? http://developer.github.com/v3/gists/comments/#delete-a-comment

Thanks for taking the time to beautify that toolbar. I assume the width of the border on top can't be decreased?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment