Skip to content

Instantly share code, notes, and snippets.

@davidl
Forked from star-szr/Custom.css
Last active September 30, 2015 19:07
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save davidl/1847890 to your computer and use it in GitHub Desktop.
Save davidl/1847890 to your computer and use it in GitHub Desktop.
My Custom.css for Chrome Dev Tools. Built using https://github.com/bentruyman/devtools-themes (IR_Black) with personalizations.
@-webkit-keyframes webkit-inspector-error{0%{color:#ff6c60} 50%{color:#f91300} 100%{color:#ff6c60}}@-webkit-keyframes webkit-inspector-fadeout{from{background-color:#c5c8c6} to{background-color:#1d1f21}}#-webkit-web-inspector{background-color:#1d1f21}#-webkit-web-inspector .monospace,#-webkit-web-inspector .source-code{font-family:'DroidSansMono',Menlo,monospace !important}
#-webkit-web-inspector ::selection{background:rgba(197,200,198,0.25) !important;opacity:1}
#-webkit-web-inspector #toolbar{background-image:-webkit-linear-gradient(#444, #333) !important;border-bottom:1px solid #444 !important;border-top:1px solid #000 !important}
#-webkit-web-inspector #toolbar .toolbar-label{color:#c5c8c6 !important}
#-webkit-web-inspector #toolbar .toggled-on .toolbar-label{color:#f9faf9 !important}
#-webkit-web-inspector #toolbar .toolbar-item.toggleable.toggled-on{background-image:-webkit-linear-gradient(#333, #444) !important}
#-webkit-web-inspector #search-results-matches{color:#f9faf9 !important;text-shadow:none !important}
#-webkit-web-inspector #search{background:#1d1f21 !important}
#-webkit-web-inspector.compact #toolbar{padding-top:0 !important;height:45px !important}
#-webkit-web-inspector.compact #toolbar .toolbar-item.toggleable.toggled-on{padding-top:10px !important;padding-bottom:10px !important}
#-webkit-web-inspector.compact #toolbar-controls{margin-top:-5px !important}
#-webkit-web-inspector.compact #toolbar-search-item{margin-top:12px !important}
#-webkit-web-inspector.compact #main{top:50px !important}
#-webkit-web-inspector #console-messages{background:#1d1f21}
#-webkit-web-inspector #console-messages a{color:#c5c8c6 !important}
#-webkit-web-inspector #console-messages a:hover{color:#f9faf9 !important}
#-webkit-web-inspector .console-message{color:#c5c8c6 !important}
#-webkit-web-inspector .console-message:hover{background-color:rgba(197,200,198,0.25) !important}
#-webkit-web-inspector .console-message,#-webkit-web-inspector .console-user-command{border-top:1px solid #4d5257 !important}
#-webkit-web-inspector .console-user-command>.console-message-text{color:#c5c8c6 !important}
#-webkit-web-inspector .console-message .outline-disclosure{line-height:1.4 !important}
#-webkit-web-inspector .console-formatted-number{color:#ff73fd !important}
#-webkit-web-inspector .console-formatted-string{color:#a8ff60 !important}
#-webkit-web-inspector .console-formatted-object{color:#7c7c7c !important}
#-webkit-web-inspector .console-formatted-function{color:#c5c8c6 !important}
#-webkit-web-inspector .console-formatted-regexp{color:#e9c062 !important}
#-webkit-web-inspector .console-group-messages .section .header .title{color:#c5c8c6 !important}
#-webkit-web-inspector .console-group-messages .section .header::before,#-webkit-web-inspector .properties-tree li.parent::before{}
#-webkit-web-inspector .console-group-messages .section.expanded .header::before,#-webkit-web-inspector .properties-tree li.parent.expanded::before{}
#-webkit-web-inspector .console-message-text{color:#c5c8c6}
#-webkit-web-inspector .console-error-level .console-message-text,#-webkit-web-inspector .console-error-level .section .header .title{color:#ff6c60 !important;-webkit-animation:webkit-inspector-error 4s ease-in-out infinite !important}
#-webkit-web-inspector .console-user-command::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTMzNzdGNUZDMTA1MTFFMDgwRUZGQ0JCMjgzMzU0MTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTMzNzdGNjBDMTA1MTFFMDgwRUZGQ0JCMjgzMzU0MTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzM3N0Y1REMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzM3N0Y1RUMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pia6udAAAAB5SURBVHjaYvz//z8DMYAFxli9ejWI6oByK5AVhYaGIhRCgQsQGwOxIFTxe5gEE5pCVyA+C8RpQLwbqgmrwvdQxauhis6AbMamEASUkEwCabyHTWE51BQlqBNMoDSKQhckX3dCFd3DCB4g2AP16VkoGwUwEhvgAAEGAAzQHBRSxqPRAAAAAElFTkSuQmCC) !important}
#-webkit-web-inspector #console-prompt{color:#c5c8c6 !important;border-top:1px solid #4d5257 !important}
#-webkit-web-inspector #console-prompt::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRGNTc2MTZDMTA2MTFFMDgwRUZGQ0JCMjgzMzU0MTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRGNTc2MTdDMTA2MTFFMDgwRUZGQ0JCMjgzMzU0MTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzM3N0Y2MUMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzM3N0Y2MkMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plf0eOsAAAB4SURBVHjaYvz//z8DMYAFxph+BqyhA8qtQFaUacKIUAgFLkBsDMSCUMXvYRJMaApdgfgsEKcB8W6oJqwK30MVr4YqOgPEodgUgoASkkkgjfewKSyHmqIEdYIJlEZR6ILk606oonsYwQMEe6A+PQtlowBGYgMcIMAAF2wcFPVNZx8AAAAASUVORK5CYII=) !important;color:#c5c8c6 !important}
#-webkit-web-inspector .script-view,#-webkit-web-inspector .properties-tree,#-webkit-web-inspector .pane,#-webkit-web-inspector .breakpoint-list li,#-webkit-web-inspector .pane>.body .info,#-webkit-web-inspector .sidebar-pane>.body .info,#-webkit-web-inspector .audit-result,#-webkit-web-inspector .sidebar,#-webkit-web-inspector .sidebar-overlay{background:#1d1f21 !important;color:#c5c8c6 !important}
#-webkit-web-inspector .script-view,#-webkit-web-inspector .text-editor-contents,#-webkit-web-inspector .pane.expanded,#-webkit-web-inspector #elements-content,#-webkit-web-inspector .resource-view.json,#-webkit-web-inspector .sidebar,#-webkit-web-inspector .sidebar-overlay,#-webkit-web-inspector .navigator-tabbed-pane{background:#1d1f21 !important;font-size:12px !important}
#-webkit-web-inspector .highlight,#-webkit-web-inspector .outline-disclosure>ol{color:#c5c8c6 !important}
#-webkit-web-inspector .sidebar .outline-disclosure>ol,#-webkit-web-inspector .navigator-tabbed-pane .outline-disclosure>ol{color:#c5c8c6 !important}
#-webkit-web-inspector .base-storage-tree-element-title,#-webkit-web-inspector .base-storage-tree-element-subtitle{color:rgba(197,200,198,0.5) !important}
#-webkit-web-inspector .outline-disclosure ol:focus li.selected:not(.resource-sidebar-tree-item){background-color:rgba(197,200,198,0.25) !important;color:#c5c8c6 !important}
#-webkit-web-inspector .sidebar-tree-section{color:#c5c8c6 !important;text-shadow:none !important}
#-webkit-web-inspector li.hovered:not(.selected) .selection{background:rgba(255,255,255,0.2) !important}
#-webkit-web-inspector #elements-content .selected{background-color:rgba(197,200,198,0.25) !important}
#-webkit-web-inspector .network-log-grid.data-grid{color:#c5c8c6 !important;background:#1d1f21 !important}#-webkit-web-inspector .network-log-grid.data-grid th{background-image:-webkit-linear-gradient(#444, #333) !important;color:#c5c8c6 !important;border-right-color:rgba(197,200,198,0.25) !important;border-bottom-color:rgba(197,200,198,0.25) !important}#-webkit-web-inspector .network-log-grid.data-grid th select{color:#c5c8c6 !important}
#-webkit-web-inspector .network-log-grid.data-grid tr.filler{background:#1d1f21 !important}
#-webkit-web-inspector .network-log-grid.data-grid td.method-column,#-webkit-web-inspector .network-log-grid.data-grid td.status-column,#-webkit-web-inspector .network-log-grid.data-grid td.type-column,#-webkit-web-inspector .network-log-grid.data-grid td.initiator-column,#-webkit-web-inspector .network-log-grid.data-grid td.size-column,#-webkit-web-inspector .network-log-grid.data-grid td.time-column{background-color:#282a2e !important;border-right:1px solid rgba(197,200,198,0.25) !important}
#-webkit-web-inspector .network-log-grid.data-grid td.name-column{border-right:1px solid rgba(197,200,198,0.25) !important}
#-webkit-web-inspector .network-log-grid.data-grid .resources-divider-label{color:#c5c8c6 !important}
#-webkit-web-inspector .network-log-grid.data-grid .network-graph-label{color:#c5c8c6 !important;text-shadow:none !important}
#-webkit-web-inspector .network-log-grid.data-grid .network-graph-side:hover .network-graph-label{color:#c5c8c6 !important}
#-webkit-web-inspector .network-log-grid.data-grid .network-graph-label.after::before,#-webkit-web-inspector .network-log-grid.data-grid .network-graph-label.before::after{content:"\2014" !important;color:rgba(197,200,198,0.25) !important}
#-webkit-web-inspector .webkit-html-comment{color:#7c7c7c !important}
#-webkit-web-inspector .webkit-html-tag{color:#96cbfe !important}
#-webkit-web-inspector .webkit-html-attribute-name{color:#ffd2a7 !important}
#-webkit-web-inspector .webkit-html-attribute-value{color:#a8ff60 !important}
#-webkit-web-inspector .webkit-html-text-node .webkit-html-css-node{color:#fff !important}
#-webkit-web-inspector .webkit-html-js-node{color:#c2c3c3 !important}
#-webkit-web-inspector .webkit-html-resource-link,#-webkit-web-inspector .webkit-html-external-link{color:#ff73fd !important}
#-webkit-web-inspector .webkit-css-comment{color:#7c7c7c !important}
#-webkit-web-inspector .webkit-css-selector,#-webkit-web-inspector .styles-selector{color:#62b1fe !important}
#-webkit-web-inspector .webkit-css-property{color:#fff !important}
#-webkit-web-inspector .webkit-css-keyword{color:#f9ee98 !important}
#-webkit-web-inspector .webkit-css-color{color:#fcf !important}
#-webkit-web-inspector .webkit-css-number,#-webkit-web-inspector .properties-tree .value{color:#ff73fd !important}
#-webkit-web-inspector .webkit-css-important,#-webkit-web-inspector .webkit-css-at-rule{color:#96cbfe !important}
#-webkit-web-inspector .webkit-css-string{color:#a8ff60 !important}
#-webkit-web-inspector .webkit-css-url{color:#c6c5fe !important}
#-webkit-web-inspector .webkit-line-content,#-webkit-web-inspector .webkit-javascript-ident{color:#fff !important}
#-webkit-web-inspector .webkit-javascript-keyword{color:#cfcb90 !important}
#-webkit-web-inspector .webkit-javascript-comment{color:#7c7c7c !important}
#-webkit-web-inspector .webkit-javascript-string{color:#a8ff60 !important}
#-webkit-web-inspector .webkit-javascript-number{color:#ff73fd !important}
#-webkit-web-inspector .webkit-javascript-regexp{color:#e9c062 !important}
#-webkit-web-inspector .section .properties .name,#-webkit-web-inspector .event-properties .name{color:#c6c5fe !important}
#-webkit-web-inspector .inspector-footer .toolbar-search .toolbar-search-control{background:#fff !important}
#-webkit-web-inspector #drawer{background:#1d1f21 !important}
#-webkit-web-inspector .status-bar{color:#c5c8c6;background-image:-webkit-linear-gradient(#444, #333) !important;border-top:1px solid #656c72 !important}#-webkit-web-inspector .status-bar .long-click-glyph{background-color:#1d1f21 !important}
#-webkit-web-inspector .status-bar .status-bar-item{color:#c5c8c6 !important;text-shadow:0 1px 0 #1d1f21 !important;border-left:1px solid #595f65 !important;border-right:1px solid #000 !important}#-webkit-web-inspector .status-bar .status-bar-item img{-webkit-filter:invert()}
#-webkit-web-inspector .status-bar select.status-bar-item:active,#-webkit-web-inspector .status-bar button.status-bar-item:active{background-color:#4d5257 !important;border-right:1px solid #656c72 !important}
#-webkit-web-inspector .status-bar button.status-bar-item.toggled-on .glyph{background-color:#c5c8c6 !important}#-webkit-web-inspector .status-bar button.status-bar-item.toggled-on .glyph.shadow{background-color:#000 !important}
#-webkit-web-inspector .status-bar .crumbs .crumb{color:#c5c8c6 !important;text-shadow:0 1px 0 #1d1f21 !important;background-color:#41454a !important;border-left:1px solid #8b9299 !important;border-right:1px solid #707880 !important;padding:0 10px !important;-webkit-border-image:0 !important;-webkit-transition:all .125s ease-in-out}#-webkit-web-inspector .status-bar .crumbs .crumb:hover{color:#9ea39f !important}
#-webkit-web-inspector .status-bar .crumbs .crumb.selected{background-color:#1d1f21 !important}
#-webkit-web-inspector .status-bar .scope-bar li{color:#c5c8c6 !important;text-shadow:0 1px 0 #1d1f21 !important}
#-webkit-web-inspector #floating-status-bar-container{border-bottom:1px solid #4d5257 !important}
#-webkit-web-inspector .editing,#-webkit-web-inspector .audit-result-view,#-webkit-web-inspector .resource-headers-view{color:#c5c8c6 !important;background-color:#1d1f21 !important}
#-webkit-web-inspector .styles-section .selector-matches{color:#c5c8c6 !important}
#-webkit-web-inspector .styles-section.read-only{background:rgba(197,200,198,0.25) !important}
#-webkit-web-inspector .styles-section,#-webkit-web-inspector .subtitle{color:#7c7c7c !important}
#-webkit-web-inspector .sidebar-separator,#-webkit-web-inspector .pane-title{background-image:-webkit-linear-gradient(#444, #333) !important;border-top-color:#444 !important;border-bottom-color:#333 !important;color:#c5c8c6 !important;text-shadow:0 1px 0 #1d1f21 !important;text-overflow:ellipsis !important}
#-webkit-web-inspector .pane-title>button,#-webkit-web-inspector .pane-title>select{-webkit-filter:invert()}
#-webkit-web-inspector .split-view-horizontal .sidebar-pane-toolbar>.select-settings,#-webkit-web-inspector .split-view-horizontal .sidebar-pane-toolbar>.pane-title-button{-webkit-filter:invert(1)}
#-webkit-web-inspector .pane.expanded:nth-last-of-type(1){border-bottom:1px solid #4d5257 !important}
#-webkit-web-inspector .split-view-sidebar-right,#-webkit-web-inspector .split-view-sidebar{background:#292c2f !important}
#-webkit-web-inspector .audit-result-tree li.parent.expanded::before,#-webkit-web-inspector .audit-result-tree li.parent::before,#-webkit-web-inspector .event-bars .event-bar .header::before,#-webkit-web-inspector .event-bars .event-bar.expanded .header::before,#-webkit-web-inspector .properties-tree li.parent.expanded::before,#-webkit-web-inspector .properties-tree li.parent::before,#-webkit-web-inspector .section>.header::before,#-webkit-web-inspector .section.expanded>.header::before,#-webkit-web-inspector .styles-section.matched-styles .properties li.parent .expand-element,#-webkit-web-inspector .styles-section.matched-styles .properties li.parent.expanded .expand-element{-webkit-filter:invert()}
#-webkit-web-inspector .styles-section .properties li.parent::before,#-webkit-web-inspector .styles-section .properties li.parent.expanded::before{content:none !important}
#-webkit-web-inspector .styles-section.matched-styles .properties li.parent .expand-element{margin-right:1px !important;margin-left:-5px !important;opacity:0.6 !important}
#-webkit-web-inspector .child-editing{color:#c5c8c6 !important}
#-webkit-web-inspector .section .properties .name,#-webkit-web-inspector .event-properties .name{color:#c6c5fe !important}
#-webkit-web-inspector .styles-selector{color:#62b1fe !important}
#-webkit-web-inspector .section .header{color:#c5c8c6 !important}
#-webkit-web-inspector .properties .value{color:#c5c8c6 !important}
#-webkit-web-inspector .metrics{color:#1d1f21 !important}
#-webkit-web-inspector .metrics .border{border-color:#c5c8c6 !important}
#-webkit-web-inspector .sidebar-pane.composite .metrics-and-computed .sidebar-pane-toolbar{background-image:toolbar-background() !important;color:#c5c8c6 !important;margin-top:0 !important;margin-bottom:0 !important;position:relative !important;text-shadow:none !important}
#-webkit-web-inspector .event-bars .event-bar .header .title{color:rgba(197,200,198,0.25) !important;text-shadow:none !important}
#-webkit-web-inspector .console-formatted-number{color:#ff73fd !important}
#-webkit-web-inspector .console-formatted-string{color:#a8ff60 !important}
#-webkit-web-inspector .console-formatted-object,#-webkit-web-inspector .console-formatted-node,#-webkit-web-inspector .console-formatted-array{color:#7c7c7c !important}
#-webkit-web-inspector .console-formatted-function{color:#c5c8c6 !important}
#-webkit-web-inspector .console-formatted-regexp{color:#e9c062 !important}
#-webkit-web-inspector .styles-element-state-pane{background:rgba(197,200,198,0.25) !important;color:#c5c8c6 !important}
#-webkit-web-inspector .placard:nth-of-type(2n){background:#1d1f21 !important}
#-webkit-web-inspector .placard.selected{background-image:-webkit-linear-gradient(#000, #000) !important;border-top-color:#000 !important}
#-webkit-web-inspector .placard .title{color:#c5c8c6 !important}
#-webkit-web-inspector .placard .subtitle{color:rgba(255,255,255,0.7) !important}
#-webkit-web-inspector .popover{color:#c5c8c6 !important;background-color:#1d1f21 !important;border:10px solid rgba(197,200,198,0.25) !important;border-radius:10px !important;-webkit-border-image:none !important;margin-left:-16px;margin-top:20px}#-webkit-web-inspector .popover.bottom-left-arrow,#-webkit-web-inspector .popover.bottom-right-arrow{margin-top:-20px !important}
#-webkit-web-inspector .popover.bottom-left-arrow .arrow,#-webkit-web-inspector .popover.bottom-right-arrow .arrow{border-color:rgba(197,200,198,0.25) transparent transparent transparent !important;margin-bottom:-30px !important}
#-webkit-web-inspector .popover.top-left-arrow .arrow,#-webkit-web-inspector .popover.top-right-arrow .arrow{margin-top:-30px !important}
#-webkit-web-inspector .popover .arrow{background-image:none !important;border-color:transparent transparent rgba(197,200,198,0.25) transparent !important;border-style:solid;border-width:10px;width:0 !important;height:0 !important;left:0}
#-webkit-web-inspector .popover .source-frame-popover-title,#-webkit-web-inspector .popover .network-timing-bar-title{color:#c5c8c6 !important}
#-webkit-web-inspector .popover .source-frame-popover-tree{border-top-color:#444 !important}
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:decrement,#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:increment{background:#333 !important;border-radius:5px !important}
#-webkit-web-inspector .webkit-highlighted-line.webkit-line-content{-webkit-animation:webkit-inspector-fadeout 2s ease-in-out !important}
#-webkit-web-inspector .webkit-execution-line.webkit-line-content{background-color:rgba(197,200,198,0.25) !important;outline:1px solid rgba(158,163,159,0.25) !important}
#-webkit-web-inspector ol.watch-expressions>li.hovered{background-color:#c5c8c6 !important}
#-webkit-web-inspector .text-editor-lines{background-color:#282a2e !important;color:#c5c8c6 !important}
#webkit-xml-viewer-source-xml+.header,#webkit-xml-viewer-source-xml+div+#tree{background-color:#1d1f21 !important;color:#c5c8c6 !important}
#webkit-xml-viewer-source-xml+.header{border-bottom:1px solid #7c7c7c !important;color:#7c7c7c !important;font-family:'DroidSansMono',Menlo,monospace !important;margin:0 !important;padding:10px 10px 15px 10px !important}
#webkit-xml-viewer-source-xml+div+#tree{padding-left:20px !important;padding-top:1em !important;margin:0 !important}
body>.webkit-line-gutter-backdrop+table .webkit-line-content{background-color:#1d1f21 !important;color:#c5c8c6 !important}
body>.webkit-line-gutter-backdrop+table .webkit-line-number{background-color:#1d1f21 !important;color:#7c7c7c !important;font-size:0.8125em !important}
#webkit-xml-viewer-source-xml+div+#tree,body>.webkit-line-gutter-backdrop+table{font-family:'DroidSansMono',Menlo,monospace !important}#webkit-xml-viewer-source-xml+div+#tree .webkit-html-comment,body>.webkit-line-gutter-backdrop+table .webkit-html-comment{color:#7c7c7c !important}
#webkit-xml-viewer-source-xml+div+#tree .webkit-html-doctype,body>.webkit-line-gutter-backdrop+table .webkit-html-doctype{color:#7c7c7c !important}
#webkit-xml-viewer-source-xml+div+#tree .webkit-html-tag,body>.webkit-line-gutter-backdrop+table .webkit-html-tag{color:#96cbfe !important}
#webkit-xml-viewer-source-xml+div+#tree .webkit-html-attribute-name,body>.webkit-line-gutter-backdrop+table .webkit-html-attribute-name{color:#ffd2a7 !important}
#webkit-xml-viewer-source-xml+div+#tree .webkit-html-attribute-value,body>.webkit-line-gutter-backdrop+table .webkit-html-attribute-value{color:#a8ff60 !important}
#webkit-xml-viewer-source-xml+div+#tree .webkit-html-attribute-value webkit-html-resource-link,body>.webkit-line-gutter-backdrop+table .webkit-html-attribute-value webkit-html-resource-link{color:#ff73fd !important}
#webkit-xml-viewer-source-xml+div+#tree .expand-button,body>.webkit-line-gutter-backdrop+table .expand-button,#webkit-xml-viewer-source-xml+div+#tree .collapse-button,body>.webkit-line-gutter-backdrop+table .collapse-button{-webkit-filter:invert(100%)}
#webkit-xml-viewer-source-xml+div+#tree ::selection,body>.webkit-line-gutter-backdrop+table ::selection{background:rgba(197,200,198,0.25) !important;opacity:1}
#webkit-xml-viewer-source-xml+div+#tree::before,.webkit-line-gutter-backdrop::before,body>.webkit-line-gutter-backdrop+table::before{background-color:#1d1f21 !important;content:"" !important;height:100% !important;left:0 !important;position:absolute !important;top:0 !important;width:100% !important;z-index:-1}
#-webkit-web-inspector .CodeMirror{background-color:#1d1f21 !important;color:#c5c8c6 !important}#-webkit-web-inspector .CodeMirror .CodeMirror-selected{background-color:rgba(197,200,198,0.25) !important}
#-webkit-web-inspector .CodeMirror .CodeMirror-gutters{background-color:#282a2e !important;border-right:1px solid #c5c8c6 !important}
#-webkit-web-inspector .CodeMirror .CodeMirror-linenumber{color:#c5c8c6 !important}
#-webkit-web-inspector .CodeMirror .CodeMirror-cursor{border-left:1px solid #c5c8c6 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-html pre{color:#fff !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-html .cm-comment{color:#7c7c7c !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-html .cm-number,#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-html .cm-attribute{color:#ffd2a7 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-html .cm-string{color:#a8ff60 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-html .cm-variable-2,#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-html .cm-tag{color:#96cbfe !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-html .cm-variable-3,#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-html .cm-error{color:#ff6c60 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-html .cm-link{color:#ff73fd !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-comment{color:#7c7c7c !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-qualifier{color:#62b1fe !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-property{color:#fff !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-number{color:#ff73fd !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-tag{color:#62b1fe !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-keyword{color:#f9ee98 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-atom,#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-string,#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-string-2{color:#a8ff60 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-meta{color:#96cbfe !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-error{color:#ff6c60 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-builtin,#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-special{color:#96cbfe !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-link{color:#c6c5fe !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-css .cm-operator{color:!important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-comment{color:#7c7c7c !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-atom{color:#fff !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-number{color:#ff73fd !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-keyword{color:#cfcb90 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-string{color:#a8ff60 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-property{color:#c6c5fe !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-property+.cm-string{color:#e18964 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-variable-2{color:#e18964 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-variable-3,#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-def{color:#a8ff60 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-error{color:#ff6c60 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-builtin,#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-special{color:#cfcb90 !important}
#-webkit-web-inspector .CodeMirror.cm-s-web-inspector-js .cm-link{color:#ff73fd !important}
#-webkit-web-inspector .status-column{overflow:visible !important}#-webkit-web-inspector .status-column [title]{overflow:visible !important;position:relative !important}
#-webkit-web-inspector .status-column [title]::before{border-color:transparent transparent #000 transparent !important;border-style:solid !important;border-width:10px !important;bottom:-10px !important;height:0 !important;left:10px !important;width:0 !important}
#-webkit-web-inspector .status-column [title]::after{background:#000 0 0 no-repeat scroll !important;background-image:none !important;background-size:contain !important;bottom:-266px !important;height:256px !important;left:0 !important;width:320px !important}
#-webkit-web-inspector .status-column [title]::after,#-webkit-web-inspector .status-column [title]::before{content:' ' !important;opacity:0 !important;pointer-events:none !important;position:absolute !important;transition:all .5s ease-out !important;z-index:1 !important}
#-webkit-web-inspector .status-column [title]:hover::after,#-webkit-web-inspector .status-column [title]:hover::before{opacity:1 !important}
#-webkit-web-inspector .status-column [title^="100 "]::after{background-image:url(http://farm8.staticflickr.com/7162/6512768893_a821929823_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="101 "]::after{background-image:url(http://farm8.staticflickr.com/7022/6540479029_730c095b63_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="200 "]::after{background-image:url(http://farm8.staticflickr.com/7153/6512628175_6a4e8ab6ba_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="201 "]::after{background-image:url(http://farm8.staticflickr.com/7149/6540221577_ed29955a01_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="202 "]::after{background-image:url(http://farm8.staticflickr.com/7167/6540479079_16e97a624a_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="204 "]::after{background-image:url(http://farm8.staticflickr.com/7154/6547319943_442c6509bb_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="206 "]::after{background-image:url(http://farm8.staticflickr.com/7021/6514473163_4e2a681cbd_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="207 "]::after{background-image:url(http://farm8.staticflickr.com/7141/6514472979_c44518c4ce_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="300 "]::after{background-image:url(http://farm8.staticflickr.com/7019/6519540181_d4eae6ee7a_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="301 "]::after{background-image:url(http://farm8.staticflickr.com/7022/6519540231_73756bac6c_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="302 "]::after{background-image:url(http://farm8.staticflickr.com/7019/6508023829_3d44c4ac16_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="303 "]::after{background-image:url(http://farm8.staticflickr.com/7007/6513125065_ef7cfa6256_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="304 "]::after{background-image:url(http://farm8.staticflickr.com/7166/6540551929_eeee6bf3dd_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="305 "]::after{background-image:url(http://farm8.staticflickr.com/7002/6540365403_01e93b44a3_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="307 "]::after{background-image:url(http://farm8.staticflickr.com/7161/6513001269_edff1f0079_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="400 "]::after{background-image:url(http://farm8.staticflickr.com/7022/6540669737_7527a5de13_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="401 "]::after{background-image:url(http://farm8.staticflickr.com/7148/6508023065_8dae48a30b_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="402 "]::after{background-image:url(http://farm8.staticflickr.com/7165/6513001321_8ecc400e0a_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="403 "]::after{background-image:url(http://farm8.staticflickr.com/7173/6508023617_f3ffc34e17_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="404 "]::after{background-image:url(http://farm8.staticflickr.com/7172/6508022985_b22200ced0_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="405 "]::after{background-image:url(http://farm8.staticflickr.com/7175/6508023523_996188af86_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="406 "]::after{background-image:url(http://farm8.staticflickr.com/7143/6508023119_b681209a58_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="408 "]::after{background-image:url(http://farm8.staticflickr.com/7018/6508023179_bab3eebce8_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="409 "]::after{background-image:url(http://farm8.staticflickr.com/7010/6508023259_b1c6f5a353_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="410 "]::after{background-image:url(http://farm8.staticflickr.com/7145/6514567755_1c5b7f575f_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="411 "]::after{background-image:url(http://farm8.staticflickr.com/7159/6540724141_7d78eae062_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="413 "]::after{background-image:url(http://farm8.staticflickr.com/7161/6508023747_1d60889626_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="414 "]::after{background-image:url(http://farm8.staticflickr.com/7152/6508023351_6732ed2f58_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="416 "]::after{background-image:url(http://farm8.staticflickr.com/7151/6513196851_10ef1d190e_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="417 "]::after{background-image:url(http://farm8.staticflickr.com/7009/6508023679_cb3e88fa92_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="418 "]::after{background-image:url(http://farm8.staticflickr.com/7006/6508102407_a4de65687b_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="422 "]::after{background-image:url(http://farm8.staticflickr.com/7004/6514473085_3c996d9594_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="423 "]::after{background-image:url(http://farm8.staticflickr.com/7150/6514510235_8c2ee4965e_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="424 "]::after{background-image:url(http://farm8.staticflickr.com/7165/6514584423_a9b13d6b70_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="425 "]::after{background-image:url(http://farm8.staticflickr.com/7013/6540586787_c7182a2bc1_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="426 "]::after{background-image:url(http://farm8.staticflickr.com/7167/6509400771_33a1f59890_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="429 "]::after{background-image:url(http://farm8.staticflickr.com/7152/6509400997_25bb1bb4fb_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="431 "]::after{background-image:url(http://farm8.staticflickr.com/7144/6509400689_a67d026d0a_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="444 "]::after{background-image:url(http://farm8.staticflickr.com/7152/6509400599_52ca022f98_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="450 "]::after{background-image:url(http://farm8.staticflickr.com/7151/6513125123_dd582f5c2a_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="500 "]::after{background-image:url(http://farm8.staticflickr.com/7001/6509400855_aaaf915871_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="502 "]::after{background-image:url(http://farm8.staticflickr.com/7158/6508023429_735b433a36_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="503 "]::after{background-image:url(http://farm8.staticflickr.com/7157/6540643319_7945715c3a_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="506 "]::after{background-image:url(http://farm8.staticflickr.com/7155/6540643279_d5126cd8f6_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="507 "]::after{background-image:url(http://farm8.staticflickr.com/7160/6509400503_648dc8a2e5_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="508 "]::after{background-image:url(http://farm8.staticflickr.com/7025/6509400445_5fd9c7a9c3_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="509 "]::after{background-image:url(http://farm8.staticflickr.com/7154/6540399865_7bb98e69d2_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="599 "]::after{background-image:url(http://farm8.staticflickr.com/7033/6509400929_57ec73af05_n.jpg) !important}
#-webkit-web-inspector .status-column [title^="206 "]::after,#-webkit-web-inspector .status-column [title^="300 "]::after,#-webkit-web-inspector .status-column [title^="304 "]::after,#-webkit-web-inspector .status-column [title^="307 "]::after,#-webkit-web-inspector .status-column [title^="414 "]::after,#-webkit-web-inspector .status-column [title^="422 "]::after,#-webkit-web-inspector .status-column [title^="509 "]::after{bottom:-330px !important;height:320px !important;width:256px !important}
#-webkit-web-inspector .status-column [title="(pending)"]::after{background-image:url('http://25.media.tumblr.com/tumblr_l7rdesD07L1qz4s4wo1_400.gif') !important;border:1px solid #000 !important;bottom:-229px !important;height:219px !important;width:293px !important}
#-webkit-web-inspector .status-column [title="Success"]::after{background-image:url('http://mlkshk.com/r/P44J') !important;border:1px solid #000 !important;bottom:-260px !important;height:250px !important;width:300px !important}
#-webkit-web-inspector .status-column [title="(canceled)"]::after{background-image:url('http://gifs.gifbin.com/052009/1242926205_keyboard_cat.gif') !important;border:1px solid #000 !important;bottom:-243px !important;height:233px !important;width:308px !important}
#-webkit-web-inspector .status-column [title="(failed)"]::after{background-image:url('http://1.bp.blogspot.com/_JLkdStmKIyk/TTmkVTqKYzI/AAAAAAAAAWU/k6qt_Y7OpNk/s1600/gymnastics-fail-cat.gif') !important;bottom:-295px !important;height:285px !important;width:440px !important}
#-webkit-web-inspector .status-column [title^="306 "]::after,#-webkit-web-inspector .status-column [title^="306 "]::before,#-webkit-web-inspector .status-column [title^="407 "]::after,#-webkit-web-inspector .status-column [title^="407 "]::before,#-webkit-web-inspector .status-column [title^="412 "]::after,#-webkit-web-inspector .status-column [title^="412 "]::before,#-webkit-web-inspector .status-column [title^="415 "]::after,#-webkit-web-inspector .status-column [title^="415 "]::before,#-webkit-web-inspector .status-column [title^="420 "]::after,#-webkit-web-inspector .status-column [title^="420 "]::before,#-webkit-web-inspector .status-column [title^="501 "]::after,#-webkit-web-inspector .status-column [title^="501 "]::before,#-webkit-web-inspector .status-column [title^="504 "]::after,#-webkit-web-inspector .status-column [title^="504 "]::before,#-webkit-web-inspector .status-column [title^="505 "]::after,#-webkit-web-inspector .status-column [title^="505 "]::before{display:none !important}
.split-view-contents{background-color:#1d1f21 !important}
.console-debug-level .console-message-text{color:#96cbfe !important}
#-webkit-web-inspector .monospace,#-webkit-web-inspector .source-code{font-family:Consolas, DroidSansMono, Menlo, monospace !important}
.split-view-contents-horizontal .tabbed-pane-header{background-image:-webkit-linear-gradient(#444, #333) !important;border-bottom:1px solid #444 !important;border-top:1px solid #000 !important}.split-view-contents-horizontal .tabbed-pane-header .tabbed-pane-header-tab{color:#c5c8c6 !important;text-shadow:none !important}
.split-view-contents-horizontal .tabbed-pane-header .tabbed-pane-header-tab.selected{color:#f9faf9 !important;background-image:-webkit-linear-gradient(#333, #444) !important}
.split-view-contents .sidebar-pane-toolbar .select-settings,.split-view-contents .sidebar-pane-toolbar>.pane-title-button{-webkit-filter:invert() !important}
@davidl
Copy link
Author

davidl commented Feb 16, 2012

I added styles for the XML Source View (in the View Source section).

@davidl
Copy link
Author

davidl commented Feb 22, 2012

Corrected rules for expand and collapse buttons in XML view-source section.

@davidl
Copy link
Author

davidl commented Mar 15, 2012

Added rule to make the color of links in the Resources panel consistent with other views.

@davidl
Copy link
Author

davidl commented Mar 16, 2012

At some point after the release of Chrome 14, the @id of the sidebar (in the Elements view) changed. In the changes I just made, I removed the id reference from the sidebar styles.

@davidl
Copy link
Author

davidl commented Mar 16, 2012

Removed some font names. Added "Inconsolata" as the first font family name and increased the font-size to 15px. Inconsolata is available at no cost from Raph Levien's site (the designer):

http://levien.com/type/myfonts/inconsolata.html

@davidl
Copy link
Author

davidl commented Mar 19, 2012

I combined "font-family" and "font-size" into a single "font" rule (including a line-height declaration).

@davidl
Copy link
Author

davidl commented Apr 3, 2012

Removed the "#elements-content " part of the selector from line 26, to the color contrast when editing values, e.g., in the CSS sidebar.

@davidl
Copy link
Author

davidl commented Oct 26, 2012

Added rule for ".webkit-line-gutter-backdrop + table::after" to obscure the default white background of the view-source page with a tall pseudo-element. I limited the height to 90% to show at least some of the source markup and provide context.

@davidl
Copy link
Author

davidl commented Dec 10, 2012

"Inconsolata" is available on Google Webfonts: http://www.google.com/webfonts/specimen/Inconsolata

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