Skip to content

Instantly share code, notes, and snippets.

@DmytroVasin
Last active December 20, 2015 05:28
Show Gist options
  • Save DmytroVasin/6078133 to your computer and use it in GitHub Desktop.
Save DmytroVasin/6078133 to your computer and use it in GitHub Desktop.
Linux: ~./config/google-chrome/Default/User_StyleScheets/Custom.css; Mac: ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css
#console-messages .console-group-messages .section .header::before,
#console-messages .properties-tree li.parent::before
{
content: url(chrome-devtools://devtools/Images/treeRightTriangleWhite.png) !important;
}
#console-messages .console-group-messages .section.expanded .header::before,
#console-messages .properties-tree li.parent.expanded::before
{
content: url(chrome-devtools://devtools/Images/treeDownTriangleWhite.png) !important;
}
#elements-content .parent::before
{
content: url(chrome-devtools://devtools/Images/treeRightTriangleWhite.png) !important;
position: relative;
z-index: 999;
}
#elements-content .parent.expanded::before
{
content: url(chrome-devtools://devtools/Images/treeDownTriangleWhite.png) !important;
}
#elements-content .selected
{
background: #4A4B4B;
border: 3px double black;
}
#elements-content .parent.selected + *
{
background: #3A3B3B;
border-left: 1px solid #DDD;
}
#elements-content.source-code
{
background: #22282A !important;
}
#elements-content .highlight {
color: #d4d4d4;
}
.webkit-html-tag,
.webkit-html-doctype,
.webkit-javascript-keyword
{
color: #93C763 !important;
}
.webkit-html-attribute-name,
.webkit-css-selector
{
color: #268ba2 !important;
}
.webkit-html-attribute-value,
.webkit-javascript-string
{
color: #C65618 !important;
}
.webkit-html-comment,
.webkit-javascript-comment,
.webkit-css-comment
{
color: #616F75 !important;
}
.webkit-css-important
{
color: #F1BD24 !important;
}
.webkit-css-property,
.webkit-css-at-rule
{
color: #7B7CA2 !important;
}
.webkit-javascript-ident
{
color: #d8d8d8 !important;
}
.webkit-html-text-node,
.webkit-html-css-node,
.webkit-html-js-node
{
color: #d8d8d8!important;
}
/* Botoom and top */
#-webkit-web-inspector #toolbar {
background-image: -webkit-linear-gradient(top, #93a1a1, #586e75) !important;
border-bottom: 1px solid #3D5B64 !important;
}
body#-webkit-web-inspector.dock-to-bottom.platform-mac #toolbar {
border-top-color: #444 !important;
}
#-webkit-web-inspector .toolbar-item {
letter-spacing: 0.1em !important;
}
#-webkit-web-inspector .status-bar,
#-webkit-web-inspector .sidebar-tabbed-pane .tabbed-pane-header {
background-image: -webkit-linear-gradient(top, #839496,#425257) !important;
border-top: 1px solid #002b36 !important;
}
#-webkit-web-inspector button.status-bar-item {
border-left: 1px solid rgba(0,0,0,.5) !important;
border-right: 1px solid rgba(0,0,0,.5) !important;
}
#-webkit-web-inspector #toolbar > button:hover .toolbar-label,
#-webkit-web-inspector .toolbar-item.toggleable.toggled-on .toolbar-label {
color: #d7f8f8 !important;
cursor: pointer !important;
}
#-webkit-web-inspector .status-bar .crumbs {
text-shadow: none !important;
color: #bbb !important;
}
#-webkit-web-inspector .status-bar .crumbs .crumb {
border-top: 2px solid #505050 !important;
border-right: 1px solid #333 !important;
border-left: 1px solid #666 !important;
-webkit-border-image: none !important;
padding: 0 10px !important;
margin: 0 !important;
line-height: 18px !important;
-webkit-border-image: none !important;
}
#-webkit-web-inspector .status-bar .crumbs .crumb:hover {
color: #fff !important;
cursor: pointer !important;
border-top: 2px solid #00ffea !important;
}
#-webkit-web-inspector .status-bar .crumbs .crumb.selected {
border-left: 1px solid rgba(0,0,0,0);
border-right: 1px solid rgba(0,0,0,0);
border-top: 2px solid #0095ff !important;
background: #268bd2 !important;
color: #ddd !important;
cursor: default !important;
}
#-webkit-web-inspector .status-bar .crumbs .crumb.selected:hover {
color: #ddd !important;
}
#-webkit-web-inspector select.status-bar-item,
#-webkit-web-inspector select.status-bar-item:hover,
#-webkit-web-inspector .scope-bar li {
color: #AAA !important;
text-shadow: none !important;
}
#-webkit-web-inspector select.status-bar-item,
#-webkit-web-inspector select.status-bar-item:hover {
border-left: 1px solid #333 !important;
border-right: 1px solid #333 !important;
}
/* Botoom and top */
/*CONSOLE*/
#-webkit-web-inspector #main {
background-color: #CFCFCF !important;
}
/* Right menu bar */
.styles-section.matched-styles.monospace.first-styles-section.expanded {
background-color: rgb(179, 225, 255);
}
.styles-section.matched-styles.monospace.first-styles-section.navigable.expanded {
background-color: #FFF6C3;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment