Created
July 4, 2013 14:01
-
-
Save evandroeisinger/5928037 to your computer and use it in GitHub Desktop.
Chrome Developer Tools custom theme.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*****************************************************************************/ | |
/* Dark Eisinger Theme | |
/* Optimized by Evandro Eisinger | |
/*************************************************************************/ | |
/********************************************** | |
/* Code Highlighting [CODEMIRROR] | |
/**********************************************/ | |
/*--JAVASCRIPT--*/ | |
#-webkit-web-inspector .CodeMirror .cm-atom { color: #FFF5B4 !important; } | |
#-webkit-web-inspector .CodeMirror .cm-attribute { color: #4e87bf !important; } | |
#-webkit-web-inspector .CodeMirror .cm-builtin { color: #8DA6CE !important; } | |
#-webkit-web-inspector .CodeMirror .cm-comment { color: #676767 !important; font-style: italic; } | |
#-webkit-web-inspector .CodeMirror .cm-def { color: #49a6d2 !important; } | |
#-webkit-web-inspector .CodeMirror .cm-error { background: #9D1E15 !important; color: #F8F8F8 !important; } | |
#-webkit-web-inspector .CodeMirror .cm-header { color: #FF6400 !important; } | |
#-webkit-web-inspector .CodeMirror .cm-hr { color: #AEAEAE !important; } | |
#-webkit-web-inspector .CodeMirror .cm-keyword { color: #8b6ccf !important; font-style: italic; } | |
#-webkit-web-inspector .CodeMirror .cm-link { color: #8DA6CE !important; } | |
#-webkit-web-inspector .CodeMirror .cm-meta { color: #D8FA3C !important; } | |
#-webkit-web-inspector .CodeMirror .cm-number { color: #DB925F !important; } | |
#-webkit-web-inspector .CodeMirror .cm-operator { color: #FBDE2D !important;} | |
#-webkit-web-inspector .CodeMirror .cm-property { color: #CDB943 !important; } | |
#-webkit-web-inspector .CodeMirror .cm-string { color: #f07b3c !important; } | |
#-webkit-web-inspector .CodeMirror .cm-string-2 { color: #f07b3c !important; } | |
#-webkit-web-inspector .CodeMirror .cm-tag { color: #49a6d2 !important; } | |
#-webkit-web-inspector .CodeMirror .cm-variable { color: #ccc !important; } | |
#-webkit-web-inspector .CodeMirror .cm-variable-2 { color: #ccc !important; } | |
#-webkit-web-inspector .CodeMirror .cm-execution-line { background-color: rgba(137,245,162,.8) !important; outline: 1px solid #89f5a2 !important;} | |
#-webkit-web-inspector .CodeMirror .cm-execution-line * { color: #000 !important;} | |
#-webkit-web-inspector .CodeMirror-linenumber { border-right: none !important;} | |
/*--CSS--*/ | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-atom { color: #ccc !important; } | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-builtin { color: #FF9635 !important; } | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-meta { color: #6AEDFF !important;} | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-number { color: #ccc !important; } | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-operator { color: #ccc !important; } | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-property { color: #6AEDFF !important;} | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-qualifier { color: #FF9635 !important; } | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-string { color: #e3b959 !important;} | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-string-2 { color: #ccc !important; } | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-tag { color: #FF9635 !important; } | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-variable { color: #FF9635 !important; } | |
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-variable-2 { color: #FF9635 !important; } | |
/*--GLOBAL EDITOR STYLES--*/ | |
#-webkit-web-inspector .CodeMirror { background: #222 !important; color: #EEE; } | |
#-webkit-web-inspector .CodeMirror .cm-breakpoint .CodeMirror-gutter-elt { color: #000 !important; font-weight: 700 !important;} | |
#-webkit-web-inspector .CodeMirror .CodeMirror-cursor { border-left: 1px solid #FFF !important; } | |
#-webkit-web-inspector .CodeMirror .CodeMirror-gutter-elt { color: #888 !important;} | |
#-webkit-web-inspector .CodeMirror .CodeMirror-gutters {background: #282828 !important; border-right: 2px solid #2b2b2b !important; } | |
#-webkit-web-inspector .CodeMirror .CodeMirror-selected { background: #383838 !important; color: #eee !important; } | |
#-webkit-web-inspector .CodeMirror-matchingbracket { border-bottom: 1px solid #89F5A2 !important; color: #ccc !important;} | |
#-webkit-web-inspector .CodeMirror .CodeMirror-selectedtext { | |
padding: 0 2px; | |
color: #000 !important; | |
border-radius: 2px; | |
font-size: 1em !important; | |
background-color: #89F5A2 !important; | |
} | |
#-webkit-web-inspector .CodeMirror .cm-highlight { | |
-webkit-animation: "fadeout-revised" 3s 0s !important; | |
} | |
@-webkit-keyframes fadeout-revised { | |
from {background-color: #89F5A2; } | |
to { background-color: #222; } | |
} | |
/********************************************** | |
/* Code Highlighting [WEBKIT] | |
/**********************************************/ | |
/*-- HTML --*/ | |
#-webkit-web-inspector .webkit-html-attribute-name {color:#88AED5!important;} | |
#-webkit-web-inspector .webkit-html-attribute-value {color:#F0874F!important;} | |
#-webkit-web-inspector .webkit-html-comment {color:#585858!important;font-style:italic;} | |
#-webkit-web-inspector .webkit-html-resource-link, | |
#-webkit-web-inspector .webkit-html-external-link {color:#e3b959!important;} | |
#-webkit-web-inspector .webkit-html-tag, | |
#-webkit-web-inspector .webkit-html-tag-name {color:#49a6d2!important;} | |
#-webkit-web-inspector .webkit-html-text-node, | |
#-webkit-web-inspector .webkit-html-css-node, | |
#-webkit-web-inspector .webkit-html-js-node {color:#c2c3c3!important;} | |
/*-- CSS --*/ | |
#-webkit-web-inspector .selector-matches {color:#ff9635!important;} | |
#-webkit-web-inspector .webkit-css-selector {color:#ff9635!important;} | |
#-webkit-web-inspector .webkit-css-at-rule {color:#b094bb!important;} | |
#-webkit-web-inspector .webkit-css-color {color:#FFCF67!important;} | |
#-webkit-web-inspector .webkit-css-comment {color:#7c7c7c!important;} | |
#-webkit-web-inspector .webkit-css-important {color:#b094bb!important;} | |
#-webkit-web-inspector .webkit-css-keyword {color:#db925f!important;} | |
#-webkit-web-inspector .webkit-css-number {color:#ffcf67!important;} | |
#-webkit-web-inspector .webkit-css-property, | |
#-webkit-web-inspector .styles-section .properties > li .webkit-css-property {color:#6aedff!important;font-weight:400;} | |
#-webkit-web-inspector .webkit-css-string {color:#fd963f!important;} | |
#-webkit-web-inspector .webkit-css-url {color:#eec574!important;} | |
/*-- JAVASCRIPT --*/ | |
#-webkit-web-inspector .webkit-javascript-ident {color:#fff!important;} | |
#-webkit-web-inspector .webkit-javascript-comment {color:#757160!important;} | |
#-webkit-web-inspector .webkit-javascript-number {color:#db925f!important;} | |
#-webkit-web-inspector .webkit-javascript-keyword {color:#9685dd!important;font-style:italic;} | |
#-webkit-web-inspector .webkit-javascript-undef {color:#7B7B7B!important;} | |
#-webkit-web-inspector .webkit-javascript-string {color:#ef6e19!important;} | |
#-webkit-web-inspector .webkit-javascript-regexp {color:#c96666!important;} | |
/********************************************** | |
/* DevTool Chrome | |
/**********************************************/ | |
#-webkit-web-inspector .event-bars .event-bar .header .title {text-shadow:none!important;color:#ccc!important;} | |
#-webkit-web-inspector .source-frame-debugger-script {background-color:#222!important;} | |
#-webkit-web-inspector .webkit-line-content {color:#ddd!important;} | |
#-webkit-web-inspector .webkit-highlighted-line, | |
#-webkit-web-inspector .webkit-execution-line.webkit-line-content {background-color:rgba(144,245,162,.8)!important;color:#000!important;outline:1px solid #89f5a2!important;} | |
#-webkit-web-inspector .webkit-highlighted-line span {color: #000 !important; font-weight:700 !important;} | |
#-webkit-web-inspector .webkit-execution-line.webkit-line-content * {color:#000!important;} | |
/********************************************** | |
/* Animations | |
/* ------------------------------------------- | |
/* If you are experiencing performance issues, | |
/* remove the animations section below. | |
/**********************************************/ | |
/*-- SOURCES PANEL --*/ | |
#-webkit-web-inspector .panel.scripts .split-view-vertical .split-view-contents { | |
-webkit-transition: right .5s ease-in-out; | |
} | |
#-webkit-web-inspector .panel.scripts .split-view-vertical .split-view-sidebar { | |
-webkit-animation: slideInRightBig .5s ease-out; | |
} | |
#-webkit-web-inspector .panel.scripts div:not(.split-view-horizontal) .split-view-vertical .split-view-sidebar, | |
#-webkit-web-inspector .panel.scripts .split-view-vertical .split-view-contents-first.split-view-sidebar { | |
-webkit-animation: none !important | |
} | |
#-webkit-web-inspector .panel.scripts .split-view-vertical .sidebar-overlay { | |
-webkit-animation: slideInLeftBig .5s ease-out; | |
} | |
#-webkit-web-inspector .panel.elements .split-view-horizontal .split-view-contents-second:not(.metrics-and-computed), | |
#-webkit-web-inspector .panel.scripts .split-view-horizontal > .split-view-contents-second.split-view-sidebar { | |
-webkit-animation: bounceInUp 1s ease-in-out; | |
z-index: 99; | |
} | |
#-webkit-web-inspector #toolbar > .toolbar-item.toggleable.toggled-on { | |
-webkit-transition: border-top .25s ease-out 0; | |
} | |
#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected, | |
#-webkit-web-inspector .small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected { | |
-webkit-transition: border-top .25s ease-out 0; | |
} | |
/*-- NETWORK PANES --*/ | |
#-webkit-web-inspector #network-views { | |
-webkit-animation: bounceInRight .5s ease-in-out; | |
} | |
/*-- FIND --*/ | |
#-webkit-web-inspector #search-results-pane-file-based .search-match .highlighted-match, | |
#-webkit-web-inspector .webkit-search-result, | |
#-webkit-web-inspector .webkit-highlighted-line.webkit-line-content, | |
#-webkit-web-inspector .CodeMirror .cm-line-with-selection span.cm-column-with-selection { | |
-webkit-animation: match-animation.5s ease-in-out; | |
} | |
/*-- INACTIVE SELECTORS --*/ | |
#-webkit-web-inspector .styles-section .properties .overloaded , | |
#-webkit-web-inspector .styles-section .properties .inactive , | |
#-webkit-web-inspector .styles-section .properties .disabled , | |
#-webkit-web-inspector .styles-section .properties .not-parsed-ok { | |
-webkit-transition: opacity .5s ease-in-out 0; | |
} | |
/*-- CURRENTLY SELECTED --*/ | |
#-webkit-web-inspector .panel.elements .outline-disclosure ol:focus li.selected .selection { | |
-webkit-animation: pulsate 2.5s infinite; | |
} | |
#-webkit-web-inspector .status-bar .crumbs .crumb.selected { | |
-webkit-transition: border-top .25s ease-out 0; | |
} | |
.styles-section .properties .enabled-button { | |
-webkit-transition: visibility .5s ease-in-out; | |
} | |
/*-- HIGHLIGHT CHILDREN --*/ | |
#-webkit-web-inspector .panel.elements .parent.selected.expanded + .children, #-webkit-web-inspector .panel.elements .parent.hovered.expanded + .children { | |
-webkit-transition: .25s ease-in .25s; | |
} | |
#-webkit-web-inspector .panel.elements .parent.selected.expanded + .children > :last-child *, | |
#-webkit-web-inspector .panel.elements .parent.hovered.expanded + .children > :last-child * { | |
-webkit-transition: opacity .5s ease-in-out .25s; | |
} | |
/*-- POPOVERS --*/ | |
#-webkit-web-inspector .popover { | |
-webkit-animation: growFadeIn .2s ease-in-out; | |
} | |
#-webkit-web-inspector .popover.top-left-arrow { | |
-webkit-transform-origin: 25% 0%; | |
} | |
#-webkit-web-inspector .popover.top-right-arrow { | |
-webkit-transform-origin: 75% 0%; | |
} | |
#-webkit-web-inspector .popover.bottom-left-arrow { | |
-webkit-transform-origin: 25% 100%; | |
} | |
#-webkit-web-inspector .popover.bottom-right-arrow { | |
-webkit-transform-origin: 75% 100%; | |
} | |
#-webkit-web-inspector .popover.left-top-arrow { | |
-webkit-transform-origin: 0% 10%; | |
} | |
#-webkit-web-inspector .popover.left-bottom-arrow { | |
-webkit-transform-origin: 0% 90%; | |
} | |
#-webkit-web-inspector .popover.right-top-arrow { | |
-webkit-transform-origin: 100% 10%; | |
} | |
#-webkit-web-inspector .popover.right-bottom-arrow { | |
-webkit-transform-origin: 100% 90%; | |
} | |
/* -- KEYFRAME DECLARATIONS -- */ | |
@-webkit-keyframes match-animation { | |
0% { box-shadow: 0 0 0 #222; background-color: #222; color: #222;} | |
50% { box-shadow: 0 0 25px #89F5A2;} | |
100% { box-shadow: 0 0 0 #89F5A2; background-color: #89F5A2;} | |
} | |
@-webkit-keyframes pulsate { | |
0% { background-color: #333;} | |
50% { background-color: #444;} | |
100% { background-color: #333;} | |
} | |
@-webkit-keyframes bounceInLeft { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(-550px); | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translateX(30px); | |
} | |
80% { | |
-webkit-transform: translateX(-10px); | |
} | |
100% { | |
-webkit-transform: translateX(0); | |
} | |
} | |
@-webkit-keyframes bounceInRight { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(550px); | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translateX(-30px); | |
} | |
80% { | |
-webkit-transform: translateX(10px); | |
} | |
100% { | |
-webkit-transform: translateX(0); | |
} | |
} | |
@-webkit-keyframes bounceInUp { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(500px); | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translateY(-30px); | |
} | |
80% { | |
-webkit-transform: translateY(10px); | |
} | |
100% { | |
-webkit-transform: translateY(0); | |
} | |
} | |
@-webkit-keyframes slideInLeftBig { | |
0% { | |
-webkit-transform: translateX(-500px); | |
} | |
100% { | |
-webkit-transform: translateX(0); | |
} | |
} | |
@-webkit-keyframes slideInRightBig { | |
0% { | |
-webkit-transform: translateX(500px); | |
} | |
100% { | |
-webkit-transform: translateX(0); | |
} | |
} | |
@-webkit-keyframes growFadeIn { | |
0% { | |
opacity: 0; | |
-webkit-transform: scale(.3); | |
} | |
100% { | |
-webkit-transform: scale(1); | |
} | |
} | |
/************************************************ | |
/* Port Fonts from v.28 | |
/************************************************/ | |
body.platform-mac .monospace, body.platform-mac .source-code { | |
font-size: 11px !important; | |
font-family: Menlo, monospace; | |
} | |
body.platform-mac.platform-mac-tiger .monospace, | |
body.platform-mac.platform-mac-tiger .source-code { | |
font-size: 10px !important; | |
font-family: Monaco, monospace; | |
} | |
body.platform-windows .monospace, body.platform-windows .source-code { | |
font-size: 12px !important; | |
font-family: Consolas, Lucida Console, monospace; | |
} | |
body.platform-linux .monospace, body.platform-linux .source-code { | |
font-size: 11px !important; | |
font-family: dejavu sans mono, monospace; | |
} | |
body.platform-linux { | |
color: rgb(48, 57, 66); | |
font-family: Ubuntu, Arial, sans-serif; | |
font-size: 12px; | |
} | |
body.platform-mac { | |
color: rgb(48, 57, 66); | |
font-family: 'Lucida Grande', sans-serif; | |
font-size: 12px; | |
} | |
body.platform-windows, body.platform-windows .toolbar-label { | |
font-family: 'Segoe UI', Tahoma, sans-serif !important; | |
font-size: 12px; | |
} | |
body.platform-windows .toolbar-label { | |
font-size: .9em !important; | |
} | |
/************************************************ | |
/* Scrollbars | |
/************************************************/ | |
#-webkit-web-inspector ::-webkit-scrollbar-track:horizontal { | |
-webkit-box-shadow: inset 1px 5px 6px rgba(0,0,0,0.3) !important; | |
} | |
#-webkit-web-inspector ::-webkit-scrollbar-track:vertical { | |
-webkit-box-shadow: inset 4px 1px 8px 1px rgba(0,0,0,0.3) !important; | |
} | |
#-webkit-web-inspector ::-webkit-scrollbar-corner { | |
-webkit-box-shadow: inset 1px 5px 6px rgba(0,0,0,0.3) !important; | |
background-color: #222 !important; | |
} | |
#-webkit-web-inspector ::-webkit-scrollbar-thumb { | |
border-radius: 8px !important; | |
background-color:#555; | |
border: 1px solid #1d1d1d; | |
} | |
#-webkit-web-inspector ::-webkit-scrollbar-thumb:horizontal { | |
-webkit-box-shadow: inset 0 7px 1px -5px rgba(255,255,255,0.3) !important; | |
} | |
#-webkit-web-inspector ::-webkit-scrollbar-thumb:vertical { | |
-webkit-box-shadow: inset 3px 0 5px 0 rgba(255,255,255,0.3) !important; | |
} | |
#-webkit-web-inspector ::-webkit-scrollbar { | |
width:12px; | |
height: 12px; | |
background-color: #222 !important; | |
} | |
/*Popover scrollbar overrides */ | |
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal, | |
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:vertical { | |
-webkit-border-image: none !important; | |
border-radius: 8px !important; | |
background-color:#555 !important; | |
border: 1px solid #1d1d1d !important; | |
} | |
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece, | |
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece { | |
border-radius: 8px !important; | |
background-color: #252525 !important; | |
} | |
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical { | |
-webkit-box-shadow: inset 4px 1px 8px 1px rgba(0,0,0,0.3) !important; | |
} | |
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal { | |
-webkit-box-shadow: inset 1px 5px 6px rgba(0,0,0,0.3) !important; | |
} | |
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal, | |
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical { | |
background: #333 !important; | |
-webkit-box-shadow: none !important; | |
} | |
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active, | |
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover, | |
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:decrement, | |
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:increment, | |
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active, | |
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover, | |
#-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 { | |
-webkit-border-image:none !important; | |
} | |
/************************************************ | |
/* Browser Chrome | |
/************************************************/ | |
/* GLOBAL BACKGROUND COLOR */ | |
#-webkit-web-inspector, | |
#-webkit-web-inspector #drawer, | |
#-webkit-web-inspector .dialog .fill, | |
#-webkit-web-inspector .help-window-main, | |
#-webkit-web-inspector .tabbed-pane-content.has-no-tabs, | |
#-webkit-web-inspector .sidebar-overlay, | |
#-webkit-web-inspector .panel:not(.timeline):not(.audits):not(.profiles):not(.cpu-profiler):not(.css-profiler):not(.heap-profiler):not(.canvas-profiler), | |
#-webkit-web-inspector .panel:not(.timeline):not(.audits):not(.profiles):not(.cpu-profiler):not(.css-profiler):not(.heap-profiler):not(.canvas-profiler) .split-view-contents { | |
background-color: #222 !important; | |
z-index: 0; | |
} | |
/* read only sections should inherit bg color */ | |
#-webkit-web-inspector .styles-section.read-only { | |
background: inherit !important; | |
} | |
/*CURSOR/INSERTION POINT*/ | |
#-webkit-web-inspector .text-editor-editable:focus, | |
#-webkit-web-inspector .editing:focus { | |
color: #FFF !important; | |
background-color: #222 !important; | |
} | |
/*-- MAIN TOOLBAR --*/ | |
#-webkit-web-inspector #main { | |
top: 34px !important; | |
} | |
#-webkit-web-inspector #toolbar { | |
background: -webkit-linear-gradient(#505050,#383838) !important; | |
border-bottom: 1px solid #282828 !important; | |
height: 34px !important; | |
} | |
#-webkit-web-inspector.show-toolbar-icons .toolbar-icon { | |
display: none !important; | |
} | |
#-webkit-web-inspector .toolbar-label { | |
color: #999 !important; | |
position: relative !important; | |
line-height: 24px !important; | |
} | |
#-webkit-web-inspector #toolbar > button:hover .toolbar-label, | |
#-webkit-web-inspector .toolbar-item.toggleable.toggled-on .toolbar-label { | |
color: #f8f8f8 !important; | |
} | |
#-webkit-web-inspector #toolbar > button { | |
box-shadow: none !important; | |
padding: 4px 14px !important; | |
margin-bottom: 11px !important; | |
cursor: pointer !important; | |
border-top: 2px solid rgba(0,0,0,0) !important; | |
} | |
#-webkit-web-inspector #toolbar > .toolbar-item.toggleable.toggled-on { | |
border: 2px solid #89F5A2 !important; | |
border-left: none !important; | |
border-right: none !important; | |
border-bottom: none !important; | |
} | |
#-webkit-web-inspector #toolbar-dropdown-arrow { | |
color: #999 !important; | |
} | |
#-webkit-web-inspector #toolbar-dropdown { | |
border: 1px solid #333 !important; | |
border-radius: 2px !important; | |
} | |
#-webkit-web-inspector #toolbar-dropdown .toolbar-item.toggleable:hover, | |
#-webkit-web-inspector #toolbar-dropdown .toolbar-item.toggleable.toggled-on { | |
background: none !important; | |
background-color: #222 !important; | |
color: #f60 !important; | |
box-shadow: inset 0 0x 4px -1px #000; | |
} | |
#-webkit-web-inspector #toolbar-dropdown .toolbar-item.toggleable:hover .toolbar-label { | |
color: #f8f8f8 !important; | |
} | |
/*--TABBED PANE HEADER --*/ | |
#-webkit-web-inspector .panel.scripts .tabbed-pane-header, | |
#-webkit-web-inspector #scripts-debug-sidebar-resizer-widget, | |
#-webkit-web-inspector .panel.scripts .scripts-navigator-resizer-widget { | |
height: 31px !important; | |
} | |
#-webkit-web-inspector .scripts .scripts-navigator-show-hide-button, | |
#-webkit-web-inspector .scripts .scripts-debugger-show-hide-button { | |
top: 5px !important; | |
} | |
/*--FLOATING STATUS BAR --*/ | |
/* element crumbs */ | |
#-webkit-web-inspector .status-bar .crumbs { | |
text-shadow: none !important; | |
color: #bbb !important; | |
} | |
#-webkit-web-inspector .status-bar .crumbs .crumb { | |
border-top: 3px 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-web-inspector .status-bar .crumbs .crumb:hover { | |
color: #89F5A2 !important; | |
cursor: pointer; | |
} | |
#-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: 3px solid #89F5A2 !important; | |
background-color: rgba(0,0,0,0) !important; | |
color: #ddd !important; | |
cursor: default; | |
} | |
#-webkit-web-inspector .status-bar .crumbs .crumb.selected:hover { | |
color: #ddd !important; | |
} | |
/*-- BOTTOM STATUS BAR --*/ | |
#-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 .status-bar button.status-bar-item { | |
border-right: 1px solid #666 !important; | |
border-left: 1px solid #666 !important; | |
} | |
#-webkit-web-inspector .scope-bar li.selected { | |
color: white !important; | |
} | |
#-webkit-web-inspector .status-bar-items { | |
border-left: 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 #AAA !important; | |
} | |
#-webkit-web-inspector .split-view-sidebar-right { | |
border-left: 1px solid #3A3A3A !important; | |
-webkit-box-shadow: none !important; | |
} | |
/*text color of status bar labels */ | |
#-webkit-web-inspector .status-bar label[for=search-replace-trigger], | |
#-webkit-web-inspector #bottom-status-bar-container .type, | |
#-webkit-web-inspector #bottom-status-bar-container .timeline-records-stats, | |
#-webkit-web-inspector .drawer-header span, | |
#-webkit-web-inspector .status-bar-item .search-drawer-header, | |
#-webkit-web-inspector .status-bar-item .search-config-label, | |
#-webkit-web-inspector .source-frame-cursor-position, | |
#-webkit-web-inspector .search-status-bar-message, | |
#-webkit-web-inspector .search-results-status-bar-message { | |
text-shadow: none !important; | |
color: #bbb !important; | |
} | |
/*-- GLYPHS --*/ | |
#-webkit-web-inspector #scripts-pause img { | |
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjA2NDgwMDdENzYwMTFFMkE3RTQ5QjMzRUQ3NzdCMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjA2NDgwMDhENzYwMTFFMkE3RTQ5QjMzRUQ3NzdCMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDY0ODAwNUQ3NjAxMUUyQTdFNDlCMzNFRDc3N0IxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDY0ODAwNkQ3NjAxMUUyQTdFNDlCMzNFRDc3N0IxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj79zw8AAABOSURBVHjaYvz//z8DJYBxGBrQ9W1xP5AyAOILZVyxhbjEYIAFi6EghQ5EiIEBEwOFYNQA7Aa8AOIHUBqfGM5oXAjEO9EUYxMbLnkBIMAAU4ssyS1DoIsAAAAASUVORK5CYII=") !important; | |
} | |
#-webkit-web-inspector #scripts-pause.paused img { | |
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjM4MkE3NzVCMkE3MTFFMkFFNDhFRjQxQ0VCMTZEQzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjM4MkE3NzZCMkE3MTFFMkFFNDhFRjQxQ0VCMTZEQzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzgyQTc3M0IyQTcxMUUyQUU0OEVGNDFDRUIxNkRDNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzgyQTc3NEIyQTcxMUUyQUU0OEVGNDFDRUIxNkRDNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmi8liMAAAC+SURBVHjaYvz//z8DJYBxGBqw7uf+eCCVAMQXgtgdC4H8+cwMzAX+7HYfsRnAhC4ANE4BSDkAsQFUKOEvw98HUIMJG4ADCADxAqAh+9f83CdPjgEw4MDEwPhg7c/99eQaAAbiTEIw7zGwkKKRm5HzgSmL1gYhJr6NJBnAxMD0Q5lZeocuiwpI4wYg/oDTAB5GTpDkAyB+AeKLMQmdMGJR38HFyAHSfIGYhGQAxSADdgCxBxAfAOIfwzQvAAQYAH/1SSmL+2TMAAAAAElFTkSuQmCC") !important; | |
} | |
#-webkit-web-inspector #scripts-step-over img { | |
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0M1NTVBQkZCMkE3MTFFMjlDMzFCN0UzODdDRDU3OTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0M1NTVBQzBCMkE3MTFFMjlDMzFCN0UzODdDRDU3OTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QzU1NUFCREIyQTcxMUUyOUMzMUI3RTM4N0NENTc5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QzU1NUFCRUIyQTcxMUUyOUMzMUI3RTM4N0NENTc5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkYYuNcAAAFZSURBVHjaYvz//z8DJYBx8Bmw8ech/r8Mf7OATG8g1gPih0C8lZmBud2f3e4jXgPW/zyg+5/h/3JGBkZFoBQTIwMDE1AWhP4Cxd8Bxb2AtC5QaXQQuyPIAgYWmOZ1P/fLAantjAxMIkCNjByMbC+Btv4Auobjx/9f4kAh0f8M/7YD1RwFGuQE08eC5JoZIM2cjGyvNJgV9igwS54Civ0AYo6rf+653v772AfoIBGga3yBBjChGAC0PQoo6MjGyPLRhtWgl4eRcyNQ+AFMkTaL0gkQDTGEkRk5DMAGcDKy2//8/5sJaPNSoOaZIJuBhmaC5IDeWAb0xiEgk4mJgQkjFsAGeLJZrQdSz4F4AVRzB9BFuSA5oGZbWSbxU7iiERYGO6AYEjUMjIZADJVjFDFl1WohZAAKUGKWPnP/7zMHEFuMSfAWkDpAakrUAOIIJNedGEJ5gVQAEGAAecN57NA7+VQAAAAASUVORK5CYII=") !important; | |
} | |
#-webkit-web-inspector #scripts-step-into img { | |
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzUyQzQ5MTNCMkE3MTFFMjg1M0VFNUE3ODNDQUZFREIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzUyQzQ5MTRCMkE3MTFFMjg1M0VFNUE3ODNDQUZFREIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NTJDNDkxMUIyQTcxMUUyODUzRUU1QTc4M0NBRkVEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NTJDNDkxMkIyQTcxMUUyODUzRUU1QTc4M0NBRkVEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn1he2MAAAESSURBVHjaYvz//z8DJYCRZgas+7m/EkhVQrleQeyOR7CpY8FlMhMDEzOQYodzcaqjEKC4YOPPQ/x/Gf7qgv3GwCTHCBX/z/BfF+ilfyA2MwPzZX92u49YDRBnEuJ48//DzF//f8sBtTGDjIGCLiD+x8bI+kiEUcAJyP6IKxA5vvz/nn7k94XiH/9/iaNIMLK9tGE16OVh5JwJ5P7AFwsYhuDSDPEf0AAsmOPzv2/5238eewTCIDZIDJtafAkJ7BIQA6vNRCSkKCDVCYkRRq9AdofLJKUDoKYaYFSKgjDQsZ0kJyRuRs63wEhkBGFORo6vRCUkZGDBqjPn5p+HP0FsNRa5NeTkRg6QOVD2CVyBCBBgAOHxl4RvhAFdAAAAAElFTkSuQmCC") !important; | |
} | |
#-webkit-web-inspector #scripts-step-out img { | |
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzhDRTE4QjBCMkE3MTFFMkExN0FDRkQxRTBBMDEwMjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzhDRTE4QjFCMkE3MTFFMkExN0FDRkQxRTBBMDEwMjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OENFMThBRUIyQTcxMUUyQTE3QUNGRDFFMEEwMTAyNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3OENFMThBRkIyQTcxMUUyQTE3QUNGRDFFMEEwMTAyNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjtJqyAAAAEFSURBVHjaYvz//z8DJYCRZgZs/HmI/y/D3wMgNjMDs4M/u91Hog1A0mwAFbqAyxAMA7BoZsBnCIoBeDTjNIQFWVacSYhDjEnwBCMD44X3/z9JPPj73AMkLszEf0GOSeLCf4b/P179e88BFPqIywsgSQkQ48jvi+av/r1bARZkZJ/gxWY1EarmBRD/wOoCqMQDEAOoWR4m+P3/zw8wcXTAxEAhYMElYciiDnLqAljgkWzAlT93Hf4y/IsAsYWY+BYoMksxkOSF3wx/Kv4x/OMA4Tf/PjTgUofTAE5G9hcwNjsj2weSvWDNqj/j+p8H4OjSYJFfQU5uBKUJCyj7BHLcIwOAAAMAiq13tPvs2MQAAAAASUVORK5CYII=") !important; | |
} | |
#-webkit-web-inspector .status-bar-item.toggled-on .glyph, | |
#-webkit-web-inspector button.clear-status-bar-item:active .glyph, | |
#-webkit-web-inspector button.garbage-collect-status-bar-item:active .glyph, | |
#-webkit-web-inspector button.glue-async-status-bar-item:active .glyph { | |
background-color: rgba(137,245,162,.6) !important; | |
} | |
#-webkit-web-inspector #scripts-debugger-status { | |
color: #89F5A2 !important; | |
} | |
#-webkit-web-inspector #scripts-step-over[disabled] img, | |
#-webkit-web-inspector #scripts-step-into[disabled] img, | |
#-webkit-web-inspector #scripts-step-out[disabled] img { | |
opacity: .3; | |
} | |
/**********************************************/ | |
/* Console | |
/**********************************************/ | |
#-webkit-web-inspector #console-prompt { | |
color: #f1f1f1 !important; | |
border-top: none !important; | |
border-top: 1px solid #333 !important; | |
border-bottom: 1px solid #444 !important; | |
} | |
#-webkit-web-inspector #console-messages .console-message, | |
#-webkit-web-inspector .console-user-command { | |
border-top: none !important; | |
margin: 2px 0; | |
} | |
#-webkit-web-inspector #console-messages .console-user-command { | |
background-color: #252525 !important; | |
border-top: 1px solid #2a2a2a !important; | |
border-bottom: 1px solid #1e1e1e !important; | |
} | |
#-webkit-web-inspector .console-message .children li, | |
#-webkit-web-inspector .console-user-command .children li { | |
margin: 1px 0 !important; | |
} | |
#-webkit-web-inspector .console-user-command > .console-message-text { | |
color: #C4C7C6 !important; | |
} | |
#-webkit-web-inspector #console-messages .console-message { | |
color: #9981BC !important; | |
} | |
#-webkit-web-inspector .console-message .source-code { | |
color: #49a6d2 !important; | |
} | |
#-webkit-web-inspector .console-warning-level .console-message-text { | |
color: #db0 !important; | |
} | |
#-webkit-web-inspector .console-error-level .console-message-text { | |
color: #f66 !important; | |
} | |
#-webkit-web-inspector #console-messages a { | |
color: #888 !important; | |
} | |
#-webkit-web-inspector #console-messages a:hover { | |
color: #999 !important; | |
} | |
#-webkit-web-inspector #console-messages .console-message { | |
color: #f1f1f1 !important; | |
} | |
#-webkit-web-inspector #console-messages .console-user-command > .console-message-text { | |
color: #ccc !important; | |
} | |
#-webkit-web-inspector #console-messages .section .properties .name, | |
#-webkit-web-inspector #console-messages .event-properties .name { | |
color: #96cbfe !important; | |
} | |
#-webkit-web-inspector #console-messages .console-formatted-array, | |
#-webkit-web-inspector .sidebar-pane .console-formatted-array { | |
color: #49A6D2 !important; | |
} | |
#-webkit-web-inspector #console-messages .console-formatted-function, | |
#-webkit-web-inspector .sidebar-pane .console-formatted-function { | |
color: #BA75FF !important; | |
} | |
#-webkit-web-inspector #console-messages .console-formatted-number, | |
#-webkit-web-inspector .sidebar-pane .console-formatted-number { | |
color: #95FDCB !important; | |
} | |
#-webkit-web-inspector #console-messages .console-formatted-object, | |
#-webkit-web-inspector .sidebar-pane .console-formatted-object { | |
color: #7c7c7c !important; | |
} | |
#-webkit-web-inspector #console-messages .console-formatted-object .name, | |
#-webkit-web-inspector .sidebar-pane .name { | |
color: #77A8C6 !important; | |
} | |
#-webkit-web-inspector #console-messages .console-formatted-object .console-object-preview, | |
#-webkit-web-inspector .sidebar-pane .console-formatted-object .console-object-preview { | |
color: #ddd !important; | |
} | |
#-webkit-web-inspector #console-messages .console-formatted-regexp, | |
#-webkit-web-inspector .sidebar-pane .console-formatted-regexp { | |
color: #ff54e8 !important; | |
} | |
#-webkit-web-inspector #console-messages .console-formatted-string, | |
#-webkit-web-inspector .sidebar-pane .console-formatted-string { | |
color: #FF8737 !important; | |
} | |
#-webkit-web-inspector #console-messages .console-formatted-undefined.source-code, | |
#-webkit-web-inspector .sidebar-pane .console-formatted-undefined.source-code { | |
color: #AD4E4E !important; | |
} | |
#-webkit-web-inspector #console-messages .console-group-messages .section .header .title { | |
color: #f1f1f1 !important; | |
} | |
#-webkit-web-inspector #console-messages .section .properties .name, | |
#-webkit-web-inspector #console-messages .event-properties .name { | |
color: #96cbfe !important; | |
} | |
#-webkit-web-inspector #console-messages .parent + .children.expanded, | |
#-webkit-web-inspector .sidebar-pane .parent + .children.expanded { | |
border-left: 1px dashed #444 !important; | |
position: relative; | |
left: 4.4px; | |
} | |
/********************************************** | |
/* Element Highlighter | |
/**********************************************/ | |
#-webkit-web-inspector .panel.elements .outline-disclosure ol:focus li.selected .selection { | |
border-radius: 2px; | |
outline: 1px solid #555 !important; | |
background-color: #444; | |
} | |
#-webkit-web-inspector .panel.elements .outline-disclosure li.selected .selection { | |
border-radius: 2px; | |
background-color: #444 !important; | |
outline: 1px solid #555 !important; | |
} | |
#-webkit-web-inspector .panel.elements .outline-disclosure li.hovered:not(.selected) .selection { | |
border-radius: 0 !important; | |
background-color: #2d2d2d !important; | |
} | |
#-webkit-web-inspector .panel.elements .editing { | |
background-color: #333 !important; | |
outline: 1px solid #89f5a2 !important; | |
color: #CCC !important; | |
} | |
/* highlight children */ | |
#-webkit-web-inspector .panel.elements .parent.selected.expanded + .children, | |
#-webkit-web-inspector .panel.elements .parent.hovered.expanded + .children { | |
border-bottom-left-radius: 5px; | |
border-bottom-right-radius: 5px; | |
padding-bottom: 5px !important; | |
box-shadow: inset 0 0 30px 0 rgba(17,17,17,1); | |
border-bottom: 1px solid #333 !important; | |
} | |
/* fade closing tag of parent */ | |
#-webkit-web-inspector .panel.elements .parent.selected.expanded + .children > :last-child *, | |
#-webkit-web-inspector .panel.elements .parent.hovered.expanded + .children > :last-child * { | |
opacity: .6; | |
} | |
/********************************************** | |
/* Elements/Sources Right Sidebar | |
/**********************************************/ | |
#-webkit-web-inspector .styles-section { | |
padding: 4px 0 !important; | |
margin-left: 5px; | |
border-top: 1px solid #444 !important; | |
} | |
#-webkit-web-inspector .styles-section .value { | |
color: #ccc !important; | |
} | |
#-webkit-web-inspector .sidebar-pane .body, | |
#-webkit-web-inspector .sidebar-pane .monospace, | |
#-webkit-web-inspector .source-code { | |
color: #CCC !important; | |
} | |
#-webkit-web-inspector .styles-section.first-styles-section, | |
#-webkit-web-inspector .sidebar-separator+.styles-section { | |
border-top: none!important; | |
} | |
#-webkit-web-inspector .styles-section .child-editing, | |
#-webkit-web-inspector .styles-section .header .subtitle { | |
color: #666 !important; | |
} | |
#-webkit-web-inspector .section .properties .dimmed { | |
opacity: 0.8 !important; | |
} | |
#-webkit-web-inspector .sidebar-separator { | |
background-image: -webkit-gradient(linear, left top, left bottom, from(#666), color-stop(0.05, #666), color-stop(0.05, #333), to(#444)) !important; | |
color: #CCC !important; | |
text-shadow: none !important; | |
border-top: 1px solid #333 !important; | |
border-bottom: 1px solid #333 !important; | |
} | |
#-webkit-web-inspector .pane > .title { | |
background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)) !important; | |
color: #bbb !important; | |
text-shadow: 0 1px 0 black !important; | |
border-top: 1px solid #333 !important; | |
border-bottom: 1px solid #333 !important; | |
} | |
#-webkit-web-inspector .split-view-sidebar-right { | |
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#333333), color-stop(100%,#252525)) !important; | |
} | |
/*-- STATE DISPLAY --*/ | |
#-webkit-web-inspector .styles-element-state-pane { | |
background: #333 !important; | |
margin-top: -46px !important; | |
padding: 4px 0 !important; | |
border-bottom: 1px solid #666 !important; | |
} | |
#-webkit-web-inspector .styles-element-state-pane.expanded { | |
margin-top: 0 !important; | |
} | |
/*-- METRICS--*/ | |
#-webkit-web-inspector .sidebar-pane .body .metrics { | |
color: #000 !important; | |
} | |
#-webkit-web-inspector .sidebar-pane .body .metrics .position, | |
#-webkit-web-inspector .sidebar-pane .body .metrics .margin:not([style^=background-color]), | |
#-webkit-web-inspector .sidebar-pane .body .metrics .border:not([style^=background-color]), | |
#-webkit-web-inspector .sidebar-pane .body .metrics .padding:not([style^=background-color]), | |
#-webkit-web-inspector .sidebar-pane .body .metrics .margin:not([style^=background-color]), | |
#-webkit-web-inspector .sidebar-pane .body .metrics .content:not([style^=background-color]){ | |
background-color: #888 !important; | |
} | |
/********************************************** | |
/* Resources & Sources Sidebar | |
/**********************************************/ | |
/*-- default text color --*/ | |
#-webkit-web-inspector .panel.resources .base-storage-tree-element-title, | |
#-webkit-web-inspector .panel.resources .base-storage-tree-element-subtitle, | |
#-webkit-web-inspector .panel.scripts .base-navigator-tree-element-title { | |
color: #999 !important; | |
} | |
/*-- currently selected element --*/ | |
#-webkit-web-inspector .panel.resources .selected .base-storage-tree-element-title, | |
#-webkit-web-inspector .panel.resources .selected .base-storage-tree-element-subtitle, | |
#-webkit-web-inspector .panel.scripts .selected .base-navigator-tree-element-title { | |
color: #fff !important; | |
} | |
#-webkit-web-inspector .panel.resources .outline-disclosure li.selected .selection, | |
#-webkit-web-inspector .panel.scripts .outline-disclosure li.selected .selection { | |
background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)) !important; | |
} | |
#-webkit-web-inspector .panel.resources .outline-disclosure li:hover:not(.selected) .selection, | |
#-webkit-web-inspector .panel.scripts .outline-disclosure li:hover:not(.selected) .selection { | |
display: block !important; | |
background: #333 !important; | |
} | |
#-webkit-web-inspector .panel.resources .outline-disclosure ol:focus li.selected .selection, | |
#-webkit-web-inspector .panel.scripts .outline-disclosure ol:focus li.selected .selection { | |
background-image: -webkit-gradient(linear, left top, left bottom, from(#A7F8B9), to(#89f5a2)) !important; | |
text-shadow: none !important; | |
} | |
#-webkit-web-inspector .panel.resources .outline-disclosure ol:focus li.selected .base-storage-tree-element-title, | |
#-webkit-web-inspector .panel.resources ol:focus .selected .base-storage-tree-element-subtitle, | |
#-webkit-web-inspector .panel.scripts .outline-disclosure ol:focus li.selected .base-navigator-tree-element-title { | |
color: #000 !important; | |
text-shadow: none !important; | |
} | |
#-webkit-web-inspector .sidebar li.selected .selection { | |
background-image: none !important; | |
border: none !important; | |
} | |
#-webkit-web-inspector .panel.scripts .sidebar-overlay { | |
border-right: 1px solid #282828 !important; | |
box-shadow: rgb(20,20,20) 5px 0px 22px 3px !important; | |
} | |
/********************************************** | |
/* Resources Tab | |
/**********************************************/ | |
/*-- RESOURCES CONTENT --*/ | |
#-webkit-web-inspector .resource-view.image .title { | |
color: #ccc !important; | |
} | |
#-webkit-web-inspector .resource-view.image .infoList dt { | |
color: #666 !important; | |
margin-bottom: 5px !important; | |
} | |
#-webkit-web-inspector .resource-view.image .infoList dd { | |
color: #888 !important; | |
margin-bottom: 5px !important; | |
} | |
#-webkit-web-inspector .section .properties .name, | |
#-webkit-web-inspector .event-properties .name { | |
color: #77A8C6 !important; | |
} | |
/********************************************** | |
/* Help/Settings Overlay | |
/**********************************************/ | |
#-webkit-web-inspector .help-window-main .tabbed-pane-header { | |
background-color: #222 !important; | |
} | |
#-webkit-web-inspector .settings-tab .help-section-title, | |
#-webkit-web-inspector .settings-tab-container .help-section-title { | |
color: #89F5A2 !important; | |
} | |
#-webkit-web-inspector .settings-tab-container .help-key-cell span { | |
color: #eee !important; | |
} | |
/********************************************** | |
/* Drawer [Local Modifications] | |
/**********************************************/ | |
#-webkit-web-inspector #drawer .revision-history-drawer { | |
background-color: #222 !important; | |
} | |
#-webkit-web-inspector .revision-history-drawer ol[tabindex="0"] > .parent { | |
background-color: #2D2D2D !important; | |
color: #ddd !important; | |
border-top: 1px solid #5d5d5d !important; | |
border-bottom: 1px solid #111 !important; | |
height: 20px !important; | |
} | |
#-webkit-web-inspector .revision-history-link { | |
color: #89f5a2 !important; | |
} | |
/*************************************************** | |
* Popovers | |
***************************************************/ | |
#-webkit-web-inspector .popover { | |
-webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzNFODNCNTE0QTZFMjExQjY2OUE2RUJCODYzRjA1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDY1NzM5QkE2QTMxMUUyQkZBRkJBNzVEQjUzM0I4RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDY1NzM5QUE2QTMxMUUyQkZBRkJBNzVEQjUzM0I4RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0M0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4LICiQAAAl5JREFUeNrs3c9KVFEAwGHHmVEb6R85oLWpRArBIINo1RNEtIgmgqAnqF0v0M5WQdDGVYVU0EsEUYRERUhUCxdJVihpOZhTcztHZ6JFEQ13cet+PzjXGWFmcb45xzsgnEKSJF3Kdt2mAJIgQRIkQYIkSIIESZAgCZI6q9TpCyfqN3I9cRcrZ60kQcrHdveHhsMY/58n7jfb/WoYj+8cvTL38y+np6czhRRhamEcy/Mn/9S9C1Phx2TAepe1lTQSxvrH6+OrDz3vn7zpyxtOsbeUDB8f+xQenol/SgLW5QC1miWk0/Eyc/3RtueTD6p5XUXPrt2vjp47vLCvNh7n421cUVm5cRiKSJ/nlkp5Boo1Vr4UX999ur31tJalu7s98bI8u9DjXqyra2V+udxYWYtzuzNseZWsIJXjpdn4VkC0UdL88a9yRd+TfJkVJEGCJEiCBEmQIAmSIEESJEGCJEiQBEmQIAmSIEESJEGCJEiQBEmQIAmSIEESJEiCJEiQBEmQIAmSIEESJEiCJEiQBEmQIAkSJFMASZAg/U3rx88U+8qJKW1NbLm7PReNrCC9iJehI7vrmwb6v+YdqHpgV7208YF9mcb5SWkhLYVxMz4YOXlwsX9wSyPPQMMnxpZaT2+l8Z6FJOlsh/rFmXabw3jYfrIwM9+bNJNcnQJTrpSbW/cOrLWBwiq6FB9k6Uy/eEzaoTDOh1HbMTqY18W0GMbtAHQ1rTdM++DFuP9OtMb+HN491gPObNpvmuZ2l6uc2CxI/1odb3eykgQJkiBBEiRBgiRIggRJkCAp830XYABd2IbZvLB5+AAAAABJRU5ErkJggg==) 25 25 25 25 !important; | |
border-width: 25px !important; | |
} | |
#-webkit-web-inspector .popover .arrow { | |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAABMCAYAAACPiIzuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTNFODNCNTE0QTZFMjExQjY2OUE2RUJCODYzRjA1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMzdGN0JCRUE2QTQxMUUyOUFDOUJDNzA3QUQ2RDI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMzdGN0JCREE2QTQxMUUyOUFDOUJDNzA3QUQ2RDI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FMRF/AAAA6FJREFUeNrsl11IFFEUx1fdolbX/XBLM/tAt6JwtVo17CHooaAHCwvTwhJEkkgUEYyKIBCl3HwIfIko6JMUesgeLEstKwTZMtLwgyxDw7CHXfNbW+wcuXcYh5n1zp2FKBw4zJ2P/e25d84953+C5ubmdIE6gpZgfxl2ZfyOJkCp4YQwDtYF8AgoTK8VkJSUpMqzXLBn5KzJs4tgWWRcAmYDq+RZswsI6qvrML4sehRN7uWAFauFnQM7joMvTzrNw+2Doa/P1kWRZ3lgBaywUrBsHKBHnp7hFTgeav1qbL1UH0neOQ2WvxiskExFh56gR+KHA0294W5Xo036rhxM+Df0AD2RmwpM2/KhuiWCzuJoS9FhKUxYh7aKhlXogb9P3Fvbbv14/a2VXJYBcD+F2egXelfVZOt/2mVmCdbu++6IzputFnKZRWGpOMAQ6HvcYVET/f31Xaax7yMYq7vAuzUIe44P4g46RuPzUn+ygkKjwmc3ZWz3hK01/YbLh7V7rg0hbIpOc9vJFC8LMCzGPGM/kujZkrlzBEFgVeIP0MAKDN9onbanJ4hBLvBqQhoaCCzyB0RQbFq8d3PGjl8EVAGgKaWgfUFDBIGOU7sFoNlum7KnJ3pEoDIw32JZo5kAq7dmJ3vxxuCrz8Z9N44NkOcUpKoG7EWg5N4DsHLxDZgmUwpqJturmVzfloLUJsc3xAxgE4GqAYogt9v9D5S6JRX0P8GYglYsTqQHpOsQOGWCLdOkggCEFeoMLSh6DaAQCuqpeW/Sqs/OU1D3PbfVN+sL1nN6JSgkKI/m6ZFJPdfeBNAChTQ26F3OtdEBVCKnkFTDAFRIpaicQmIO2sqJuwfgdJUqJCVhw+pZJotCYoVhgdaZ4mwzhtXGWa2wGqyXKAlQrKBo4YZBbfQRcTIPRNESGm2a4a4BRJy4BGB6ghfVEHdBISLlMgXGHXIsAKreAQDE9aoQA43rLdORznXjTHEml89I1pjf7D/avq2MStkwyQ0TQYX+KsjpdGpO1wBMhpMXJVUuifAaWI9b/n4k1hVKcYaZIAbP8A+lmrSGtAUEYDE3TK4FBGABF0ypBQRgviZJJW0BAZijSZ/5awG5xJ5SC8itHOVaQE0yVNoCcsPkWkAuFYQ5ClOLtAVUDZPp3Fzizo0ZptAC+lSLPWwBY9McXsjto2SNylQrR+wppS0gD4i2iJ/ELSCAyrXkM6EF9Adi8gzTNgSkgTbtWjLtHwEGAIab1RKaLSq+AAAAAElFTkSuQmCC) !important; | |
width: 20px !important; | |
height: 20px !important; | |
} | |
#-webkit-web-inspector .webkit-line-content .source-frame-eval-expression { | |
background-color: rgba(137,245,162,.4) !important; | |
outline: 1px solid #89F5A2 !important; | |
border: none !important; | |
margin: 0 !important; | |
} | |
#-webkit-web-inspector .popover .content .source-frame-popover-title { | |
color: #FF8B3E !important; | |
} | |
#-webkit-web-inspector .popover .content .source-frame-popover-tree { | |
border-top: 1px solid #888 !important; | |
} | |
#-webkit-web-inspector .popover .content { | |
color: #ddd !important; | |
} | |
#-webkit-web-inspector .popover .content .popover-details-title { | |
color: #db0 !important; | |
} | |
#-webkit-web-inspector .popover .content .popover-details-row-title { | |
color: #49a6d2 !important; | |
} | |
#-webkit-web-inspector .popover .content .network-timing-bar-title { | |
color: #ddd !important; | |
} | |
/********************************************** | |
/* Dialog Boxes | |
/**********************************************/ | |
#-webkit-web-inspector .dialog { | |
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#3c3c3c)) !important; | |
box-shadow: 0 50px 30px rgba(0,0,0,.6) !important; | |
border: 1px solid #666 !important; | |
} | |
#-webkit-web-inspector .dialog .fill { | |
border: none !important; | |
} | |
#-webkit-web-inspector .filtered-item-list-dialog-item { | |
background-color: #222 !important; | |
border-top: 1px solid #333 !important; | |
border-bottom: 1px solid #000 !important; | |
} | |
#-webkit-web-inspector .filtered-item-list-dialog-item span { | |
color: #eee !important; | |
} | |
#-webkit-web-inspector .filtered-item-list-dialog-item .highlight { | |
color: #89F5A2!important; | |
} | |
#-webkit-web-inspector .filtered-item-list-dialog-item:hover { | |
background-color: #333 !important; | |
box-shadow: inset 0 1px 5px 0 #222 !important; | |
} | |
#-webkit-web-inspector .dialog .fill .selected { | |
background-color: #444 !important; | |
box-shadow: inset 0 1px 5px 0 #222 !important; | |
} | |
#-webkit-web-inspector .dialog input, #-webkit-web-inspector .dialog input:focus { | |
background-color: #222 !important; | |
border: none !important; | |
color: #eee !important; | |
padding: 0 5px; | |
} | |
/********************************************** | |
/* Suggest Box | |
/**********************************************/ | |
#-webkit-web-inspector .suggest-box { | |
color: #000 !important; | |
background-color: #222 !important; | |
border: 2px rgba(0,0,0,.2) solid !important; | |
box-shadow: 0 8px 10px 1px rgba(0,0,0,.1) !important; | |
} | |
#-webkit-web-inspector .suggest-box-content-item.source-code:hover { | |
background-color: #444 !important; | |
border: 1px solid rgba(0,0,0,0) !important; | |
} | |
#-webkit-web-inspector .suggest-box-content-item.source-code.selected { | |
background-color: #444 !important; | |
} | |
#-webkit-web-inspector .suggest-box .source-code .prefix { | |
color: #89f5a2!important; | |
} | |
#-webkit-web-inspector .suggest-box .source-code .suffix { | |
color: #ddd !important; | |
} | |
/**********************************************/ | |
/* Find Module [ctrl+shift+F / cmd+shift+F] | |
/**********************************************/ | |
#-webkit-web-inspector #search-input-field.search-replace, | |
#-webkit-web-inspector .search-results-matches { | |
color: #333 !important; | |
} | |
#-webkit-web-inspector .status-bar-item .search-drawer-header { | |
margin-left: 5px; | |
} | |
#-webkit-web-inspector .drawer-header { | |
border-right: 1px solid #555 !important; | |
} | |
#-webkit-web-inspector .search-match-content { | |
color: #A3A3A3 !important; | |
} | |
#-webkit-web-inspector #search-results-pane-file-based .parent { | |
background-color: #2D2D2D; | |
color: #ddd !important; | |
border-top: 1px solid #5d5d5d; | |
border-bottom: 1px solid #111; | |
line-height: 18px; | |
} | |
#-webkit-web-inspector #search-results-pane-file-based .show-more-matches { | |
color: #89F5A2 !important; | |
} | |
#-webkit-web-inspector #search-results-pane-file-based .parent:hover { | |
background-color: #444 !important; | |
color: #ddd !important; | |
} | |
#-webkit-web-inspector #search-results-pane-file-based .search-match .highlighted-match, | |
#-webkit-web-inspector .webkit-search-result { | |
padding: 0 2px; | |
color: #000; | |
border-radius: 2px; | |
font-size: 1em !important; | |
background-color: #89F5A2 !important; | |
} | |
#-webkit-web-inspector #search-results-pane-file-based .parent .search-result-file-name { | |
color: #888 !important; | |
} | |
#-webkit-web-inspector #search-results-pane-file-based .parent .search-result-matches-count { | |
color: #7BB888 !important; | |
} | |
#-webkit-web-inspector .search-match:hover { | |
background-color: #47474B !important; | |
} | |
/*- UNORGANIZED SECTION BELOW */ | |
#-webkit-web-inspector #error-warning-count { | |
color: #CCC !important; | |
} | |
#-webkit-web-inspector #main-status-bar { | |
border-top: 1px solid #333 !important; | |
} | |
/***************************************** | |
/* Tabbed Panes | |
/*****************************************/ | |
#-webkit-web-inspector .status-bar, #-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header { | |
background: -webkit-linear-gradient(#505050,#383838) !important; | |
border-top: 1px solid #222 !important; | |
border-bottom: 1px solid #222 !important; | |
border-color: #222 !important; | |
box-shadow: inset 0 1px 0 #6E6E6E, 0 2px 2px rgba(0, 0, 0, 0.4), 0 -2px 2px rgba(0, 0, 0, 0.4) !important; | |
} | |
#-webkit-web-inspector .tabbed-pane-header-contents { | |
color: #bbb !important; | |
} | |
#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected, | |
#-webkit-web-inspector .small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected { | |
height: 25px !important; | |
background-color: transparent !important; | |
border: none !important; | |
border-top: 2px solid #89F5A2 !important; | |
color: #eee !important; | |
} | |
#-webkit-web-inspector .tabbed-pane-header-tabs-drop-down { | |
color: #999 !important; | |
} | |
/* adjustment for horizontal split tabs */ | |
#-webkit-web-inspector .panel.elements .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tabs { | |
top: -2px !important; | |
position: relative; | |
} | |
#-webkit-web-inspector .small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected { | |
height: 20px !important; | |
margin-top: 10px !important; | |
} | |
/*adjustment for smaller resources view */ | |
#-webkit-web-inspector .small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected .tabbed-pane-header-tab-title { | |
position: relative; | |
top: -5px; | |
} | |
#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab .tabbed-pane-header-tab-title, | |
#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected .tabbed-pane-header-tab-title, | |
#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab:hover .tabbed-pane-header-tab-title { | |
text-shadow: none !important; | |
font-weight: 500 !important; | |
color: #eee !important; | |
} | |
#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab .tabbed-pane-header-tab-title { | |
color: #aaa !important; | |
} | |
#-webkit-web-inspector .panel.network .tabbed-pane-header-tabs-drop-down { | |
color: #bbb !important; | |
margin-top: -4px !important; | |
} | |
#-webkit-web-inspector .panel.network .tabbed-pane-header-tabs-drop-down select { | |
background: #222 !important; | |
color: #eee; | |
padding: 5px !important; | |
} | |
#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab { | |
border-top: 2px solid rgba(0,0,0,0) !important; | |
margin-top: 2px !important; | |
min-width: 75px !important; | |
text-align: center !important; | |
} | |
/* adjust for horizontal split panels */ | |
#-webkit-web-inspector .split-view-horizontal .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab { | |
margin-top: 3px; | |
} | |
#-webkit-web-inspector .small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab { | |
border-top: 2px solid rgba(0,0,0,0) !important; | |
margin-top: 5px !important; | |
min-width: 75px !important; | |
text-align: center !important; | |
} | |
/*adjust network tab placement */ | |
#-webkit-web-inspector .network .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab { | |
position: relative !important; | |
top: -9px !important; | |
padding-top: 5px !important; | |
} | |
/*adjust sources tabs and icons */ | |
#-webkit-web-inspector .scripts .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab { | |
position: relative !important; | |
top: -1px !important; | |
padding-top: 5px !important; | |
border-bottom: none !important; | |
} | |
#-webkit-web-inspector .tabbed-pane-header-tab.selected .tabbed-pane-header-tab-close-button { | |
color: #89F5A2!important; | |
font-size: 12px !important; | |
} | |
#-webkit-web-inspector .tabbed-pane-header-tab .tabbed-pane-header-tab-close-button { | |
font-size: 12px !important; | |
} | |
#-webkit-web-inspector .help-window-main, | |
#-webkit-web-inspector .help-window-main label:hover { | |
color: #bbb !important; | |
} | |
#-webkit-web-inspector .help-window-main .help-block select { | |
color: #666 !important; | |
} | |
#-webkit-web-inspector .pane .monospace, | |
#-webkit-web-inspector .pane .source-code { | |
color: #CCC !important; | |
} | |
/* DOM Breakpoints */ | |
#-webkit-web-inspector .pane > .body .info { | |
color: #999 !important; | |
font-style: normal; | |
} | |
#-webkit-web-inspector #scripts-debug-sidebar-contents .breakpoint-hit { | |
background-color: #181818 !important; | |
box-shadow: inset 0 1px 5px 0 #000 !important; | |
border-top: 1px solid #000 !important; | |
border-bottom: 1px solid #444 !important; | |
color: #89f5a2 !important; | |
} | |
#-webkit-web-inspector #scripts-debug-sidebar-contents .breakpoint-list li:hover { | |
background-color: rgba(137,245,162,.2) !important; | |
} | |
#-webkit-web-inspector .styles-section .properties .overloaded , | |
#-webkit-web-inspector .styles-section .properties .inactive , | |
#-webkit-web-inspector .styles-section .properties .disabled , | |
#-webkit-web-inspector .styles-section .properties .not-parsed-ok { | |
opacity: .5 !important; | |
} | |
/********************************************** | |
/* Network Tab (uses table styles) | |
/**********************************************/ | |
#-webkit-web-inspector #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover { | |
text-decoration: none !important; | |
} | |
#-webkit-web-inspector .network-summary-bar { | |
background-image: -webkit-linear-gradient(top, #646464, #353535); | |
} | |
#-webkit-web-inspector .network-summary-bar td{ | |
color: #aaa !important; | |
} | |
#-webkit-web-inspector #network-container .network-summary-bar td { | |
border-right: none !important; | |
} | |
#-webkit-web-inspector #network-container .header, | |
#-webkit-web-inspector #network-container .header select { | |
color: #89f5a2 !important; | |
} | |
#-webkit-web-inspector #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover { | |
background-color: #444 !important; | |
} | |
#-webkit-web-inspector .data-grid th.sort-ascending, | |
#-webkit-web-inspector .data-grid th.sort-descending, | |
#-webkit-web-inspector .data-grid th.sortable, | |
#-webkit-web-inspector .data-grid .timeline-column, | |
#-webkit-web-inspector .data-grid .corner { | |
border-right: 1px solid #444 !important; | |
border-bottom: 1px solid #444 !important; | |
} | |
#-webkit-web-inspector .timeline-column option { | |
color: #ddd !important; | |
background: #222 !important; | |
} | |
#-webkit-web-inspector #network-views .network-item-view { | |
background: #242424 !important; | |
} | |
#-webkit-web-inspector .network-log-grid.data-grid table { | |
color: #333 !important; | |
} | |
#-webkit-web-inspector .data-grid .network-timeline-grid .resources-divider-label { | |
color: #db0 !important; | |
} | |
#-webkit-web-inspector .data-grid .network-timeline-grid .resources-divider { | |
border-right: 1px solid rgba(51,51,51,.8); | |
} | |
#-webkit-web-inspector .outline-disclosure > ol, | |
#-webkit-web-inspector .resource-headers-view .outline-disclosure .parent { | |
color: #CCC !important; | |
} | |
#-webkit-web-inspector .resource-headers-view .outline-disclosure .header-name, | |
#-webkit-web-inspector #network-views .resource-view .infoList dt { | |
color: #777 !important; | |
} | |
#-webkit-web-inspector .resource-headers-view .outline-disclosure .header-value, | |
#-webkit-web-inspector #network-views .resource-view .infoList dd { | |
color: #bbb !important; | |
} | |
/*Cookies Pane table*/ | |
#-webkit-web-inspector #network-views .resource-cookies-view.visible tr:nth-child(even){ | |
background-color: #282828 !important; | |
} | |
#-webkit-web-inspector #network-views .resource-cookies-view.visible tr:nth-child(odd){ | |
background-color: #222 !important; | |
} | |
#-webkit-web-inspector #network-views .resource-cookies-view.visible .data-grid.visible { | |
border: 1px solid #333 !important; | |
} | |
/* Network Timing Pane */ | |
#-webkit-web-inspector .resource-timing-view .network-timing-bar-title { | |
color: #888!important; | |
} | |
#-webkit-web-inspector .resource-timing-view table { | |
background-color: #666 !important; | |
padding: 20px !important; | |
border-radius: 4px; | |
margin: 20px !important; | |
} | |
#-webkit-web-inspector .resource-timing-view table td { | |
color: #222 !important; | |
} | |
#-webkit-web-inspector .resource-timing-view table td .network-timing-bar-title { | |
color: #222 !important; | |
} | |
#-webkit-web-inspector #network-views .parent { | |
background-color: #2D2D2D; | |
color: #ddd !important; | |
border-top: 1px solid #5d5d5d; | |
border-bottom: 1px solid #111; | |
line-height: 18px; | |
} | |
#-webkit-web-inspector .resource-headers-view .outline-disclosure .header-count, | |
#-webkit-web-inspector .resource-headers-view .outline-disclosure .header-toggle { | |
color: #89F5A2 !important; | |
margin-left: 4px !important; | |
} | |
#-webkit-web-inspector .resource-headers-view .outline-disclosure .header-toggle:hover { | |
text-shadow: 0 0 10px #89f5a2; | |
} | |
#-webkit-web-inspector .network-log-grid.data-grid tr.filler { | |
background-color: #242424 !important; | |
} | |
#-webkit-web-inspector #profile-views .data-grid td > div { | |
color: #333 !important; | |
} | |
#-webkit-web-inspector .network-cell-subtitle { | |
color: #888 !important; | |
} | |
#-webkit-web-inspector tr.selected .network-cell-subtitle { | |
color: #db0 !important; | |
} | |
#-webkit-web-inspector .network-log-grid.data-grid td { | |
border-right: 1px solid #333 !important; | |
} | |
#-webkit-web-inspector .network-graph-side:hover .network-graph-label { | |
color: #fff !important; | |
font-size: 12px !important; | |
} | |
/* Timeline */ | |
#-webkit-web-inspector .sidebar-tree-section { | |
text-shadow: none !important; | |
} | |
/* Sources */ | |
#-webkit-web-inspector .text-editor-lines { | |
background-color: #282828 !important; | |
border-right: 2px solid #2b2b2b !important; | |
} | |
#-webkit-web-inspector .split-view-vertical > .split-view-sidebar.split-view-contents-second:not(.maximized){ | |
border-left: 2px solid #2b2b2b !important; | |
} | |
#-webkit-web-inspector .split-view-vertical > .split-view-sidebar.split-view-contents-first:not(.maximized){ | |
border-right: 2px solid #2b2b2b !important; | |
} | |
#-webkit-web-inspector body.drawer-visible #drawer { | |
background: #222 !important; | |
} | |
#-webkit-web-inspector .outline-disclosure > ol .source-code { | |
color: #000 !important; | |
} | |
#-webkit-web-inspector #drawer-contents .webkit-line-number { | |
background: #2d2d2d !important; | |
border-right: 1px solid #444 !important; | |
padding: 1px 5px 1px 0 !important; | |
display: inline-block; | |
color: #999 !important; | |
} | |
#-webkit-web-inspector .breakpoint-list li { | |
color: #e6da83 !important; | |
} | |
#-webkit-web-inspector .sidebar-pane > .body .info, | |
#-webkit-web-inspector .sidebar-label, | |
#-webkit-web-inspector .placard .title, | |
#-webkit-web-inspector .placard .subtitle { | |
color: #AAA !important; | |
} | |
/* Call Stack */ | |
#-webkit-web-inspector .placard.selected { | |
background: #333 !important; | |
border-top: 0 !important; | |
} | |
#-webkit-web-inspector .placard:nth-of-type(2n) { | |
background: #444 !important; | |
border-top: 0 !important; | |
} | |
#-webkit-web-inspector .sidebar-pane > .body .placard + .info { | |
background: #222 !important; | |
border-top: 0 !important; | |
color: #c41a16 !important; | |
font-style: normal !important; | |
} | |
#-webkit-web-inspector .sidebar-pane-stack .section, | |
#-webkit-web-inspector .sidebar-pane .section, | |
#-webkit-web-inspector .sidebar-pane .event-category { | |
border-top: 1px solid #333 !important; | |
border-bottom: 1px solid #111 !important; | |
margin-top: 0 !important; | |
} | |
#-webkit-web-inspector .sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1){ | |
border-bottom: none !important; | |
} | |
#-webkit-web-inspector .sidebar-pane-stack .section .event-bars, | |
#-webkit-web-inspector .sidebar-pane .section .event-bars, | |
#-webkit-web-inspector .sidebar-pane-stack .section.expanded .properties-tree, | |
#-webkit-web-inspector .sidebar-pane .section.expanded .properties-tree { | |
background-color: #1f1f1f !important; | |
} | |
#-webkit-web-inspector .sidebar-pane-toolbar .select-settings option, | |
#-webkit-web-inspector .sidebar-pane-toolbar .sidebar-pane-subtitle, | |
#-webkit-web-inspector .sidebar-pane { | |
color: #bbb !important; | |
text-shadow: none; | |
} | |
/*pane colors*/ | |
#-webkit-web-inspector .sidebar-pane-title { | |
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(51, 51, 51)), color-stop(0.05, rgb(88,88,88)), color-stop(0.05, rgb(80,80,80)), to(rgb(45, 42, 48))) !important; | |
color: #ddd !important; | |
font-weight: 500 !important; | |
border-top: #333 !important; | |
border-bottom: #333 !important; | |
text-shadow: none !important; | |
} | |
#-webkit-web-inspector .pane-title-button.add, | |
#-webkit-web-inspector .sidebar-pane-toolbar > .pane-title-button.refresh, | |
#-webkit-web-inspector .pane-title-button.element-state { | |
/*background-image: none !important;*/ | |
-webkit-background-position: -24px 0 !important; | |
background-color: rgba(0,0,0,.8) !important; | |
-webkit-mask-repeat: no-repeat !important; | |
} | |
#-webkit-web-inspector .pane-title-button.add { | |
-webkit-mask-image: url(chrome-devtools://devtools/Images/paneAddButtons.png) !important; | |
} | |
#-webkit-web-inspector .sidebar-pane-toolbar > .pane-title-button.refresh { | |
-webkit-mask-image: url(chrome-devtools://devtools/Images/paneRefreshButtons.png) !important; | |
} | |
#-webkit-web-inspector .panel.elements .sidebar-pane-toolbar > select.select-settings { | |
/*background-image: none !important; */ | |
-webkit-background-position: -24px 0 !important; | |
background-color: rgba(0,0,0,.8) !important; | |
-webkit-mask-repeat: no-repeat !important; | |
-webkit-mask-image: url(chrome-devtools://devtools/Images/paneSettingsButtons.png) !important; | |
} | |
#-webkit-web-inspector .pane-title-button.element-state { | |
-webkit-mask-image: url(chrome-devtools://devtools/Images/paneElementStateButtons.png) !important; | |
} | |
/*exception icon state colors */ | |
#-webkit-web-inspector .scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph { | |
background-color: rgba(180,3,3,.4) !important; | |
} | |
#-webkit-web-inspector .scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph { | |
background-color: rgba(213,181,0,.6) !important; | |
} | |
#-webkit-web-inspector .console-group-messages .section .header::before, | |
#-webkit-web-inspector .outline-disclosure li.parent::before, | |
#-webkit-web-inspector .outline-disclosure ol:focus li.parent.selected::before, | |
#-webkit-web-inspector .outline-disclosure ol.search-match-found li.parent.selected::before, | |
#-webkit-web-inspector .section .header::before, | |
#-webkit-web-inspector .properties-tree li.parent::before, | |
#-webkit-web-inspector #search-results-pane-file-based li.parent::before, | |
#-webkit-web-inspector .styles-section.matched-styles .properties li.parent .expand-element { | |
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkM4QTVEMjFBQjg2MTFFMkI1RkRFOTU3NDQ1MEI5REEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkM4QTVEMjJBQjg2MTFFMkI1RkRFOTU3NDQ1MEI5REEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQzhBNUQxRkFCODYxMUUyQjVGREU5NTc0NDUwQjlEQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQzhBNUQyMEFCODYxMUUyQjVGREU5NTc0NDUwQjlEQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmZawxQAAAClSURBVHjaYq5pqC9XUlE5e+Hc+T8MaOD///8MjItXLH//8+fPH3dv36l4/uL50gVz5v5BVsAEYrCzs3No6WhPsLS0vFteVRWEbArYBHSjP3748PzhgwdpXe0dR5gYsAAuLi4hTi5ufxAbRcHv339+A3Wuu3jhgl5TXV0pSIwFRPwDgqdPnhx4/vx50eT+CQ+RNbE8f/bs+MsXL0t6u7quYbMOIMAAIDVPudrvVTsAAAAASUVORK5CYII=') !important; | |
} | |
#-webkit-web-inspector .console-group-messages .section.expanded .header::before, | |
#-webkit-web-inspector .outline-disclosure li.parent.expanded::before, | |
#-webkit-web-inspector .outline-disclosure ol:focus li.parent.expanded.selected::before, | |
#-webkit-web-inspector .outline-disclosure ol.search-match-found li.parent.expanded.selected::before, | |
#-webkit-web-inspector .section.expanded .header::before, | |
#-webkit-web-inspector .properties-tree li.parent.expanded::before, | |
#-webkit-web-inspector #search-results-pane-file-based li.parent.expanded::before, | |
#-webkit-web-inspector .styles-section.matched-styles .properties li.parent.expanded .expand-element { | |
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjgyMDA1NDFBQjg2MTFFMjlFQTJFRjU3RDYzQjFBN0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjgyMDA1NDJBQjg2MTFFMjlFQTJFRjU3RDYzQjFBN0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODIwMDUzRkFCODYxMUUyOUVBMkVGNTdENjNCMUE3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCODIwMDU0MEFCODYxMUUyOUVBMkVGNTdENjNCMUE3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps52y6YAAACCSURBVHjaYjxx7lw5IyODBwMW8P///zYmoOR8IPsPFvmPHOzs+5nMDAxfATmbMXUztOpraf9hghq1CEh9R5J/8ePnj7MgBliBuaHRB6CO1Ui62+wtLP/BFYDAv39/VwElPgNNu2VuaHgZJg5XYGls8hVILQTidmS3MAJ1MOADAAEGAHxsM3sV45NSAAAAAElFTkSuQmCC') !important; | |
} | |
#-webkit-web-inspector .console-group.collapsed .console-group-title::before , | |
#-webkit-web-inspector .sidebar-tree-item .disclosure-button, | |
#-webkit-web-inspector body.inactive .sidebar-tree-item .disclosure-button, | |
#-webkit-web-inspector .sidebar-tree-item.selected .disclosure-button, | |
#-webkit-web-inspector .sidebar-tree-item.selected .disclosure-button, | |
#-webkit-web-inspector .sidebar-tree-item.selected .disclosure-button:active { | |
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZENjEwMDFBQjhBMTFFMjk5NThCQzYzNTBBMzBDM0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZENjEwMDJBQjhBMTFFMjk5NThCQzYzNTBBMzBDM0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NkQ2MEZGRkFCOEExMUUyOTk1OEJDNjM1MEEzMEMzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NkQ2MTAwMEFCOEExMUUyOTk1OEJDNjM1MEEzMEMzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhociH8AAACASURBVHjaYvz//z8D0QCkGIQPHD/GCGPjwmAFB08cZwLqiwPiA/YWlg9wGYysOA8qdhuIDwI1fSFGMQj8AuITQHwBqOkfTJAJh41sQGwHxFFAg6QIKYYBESAOBWpQBHFYCCh+A8T7gE55hk8xVjdjU4wzNJAVf4Ra+ZAqMQgQYADdYnJPTGBROgAAAABJRU5ErkJggg==') !important; | |
} | |
#-webkit-web-inspector .status-bar-select-container , | |
#-webkit-web-inspector .console-group-title::before, | |
#-webkit-web-inspector body.inactive .sidebar-tree-item.expanded .disclosure-button, | |
#-webkit-web-inspector body.inactive .sidebar-tree-item .disclosure-button:active, | |
#-webkit-web-inspector .sidebar-tree-item.expanded .disclosure-button, | |
#-webkit-web-inspector .sidebar-tree-item.selected.expanded .disclosure-button { | |
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEUxNzg1OEFBQjhBMTFFMjg2NThBNDg0RDFDRDA3RkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEUxNzg1OEJBQjhBMTFFMjg2NThBNDg0RDFDRDA3RkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RTE3ODU4OEFCOEExMUUyODY1OEE0ODREMUNEMDdGQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RTE3ODU4OUFCOEExMUUyODY1OEE0ODREMUNEMDdGQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuC0gZYAAACMSURBVHjaYvz//z8DsYCJgQTAAiIOnjhOUJO9heU/FqjCJCDmwaP2HRAvYgLpABlOwOC9cDcDNdwGUg9wKLwGlH+K7sH9QPwHTeFPID6CERpA3R+B1Gk0xUeB4t9wBd0ZIP4AZb8E4ss4wxloyl8gtQ+IQZ7eC+SjxhgoBtHxgePHFLGJM5IS3QABBgBW0EhRuecT6AAAAABJRU5ErkJggg==') !important; | |
} | |
#-webkit-web-inspector .pane-title::before { | |
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZENjEwMDFBQjhBMTFFMjk5NThCQzYzNTBBMzBDM0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZENjEwMDJBQjhBMTFFMjk5NThCQzYzNTBBMzBDM0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NkQ2MEZGRkFCOEExMUUyOTk1OEJDNjM1MEEzMEMzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NkQ2MTAwMEFCOEExMUUyOTk1OEJDNjM1MEEzMEMzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhociH8AAACASURBVHjaYvz//z8D0QCkGIQPHD/GCGPjwmAFB08cZwLqiwPiA/YWlg9wGYysOA8qdhuIDwI1fSFGMQj8AuITQHwBqOkfTJAJh41sQGwHxFFAg6QIKYYBESAOBWpQBHFYCCh+A8T7gE55hk8xVjdjU4wzNJAVf4Ra+ZAqMQgQYADdYnJPTGBROgAAAABJRU5ErkJggg==') !important; | |
} | |
#-webkit-web-inspector .pane-title.expanded::before { | |
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEUxNzg1OEFBQjhBMTFFMjg2NThBNDg0RDFDRDA3RkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEUxNzg1OEJBQjhBMTFFMjg2NThBNDg0RDFDRDA3RkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RTE3ODU4OEFCOEExMUUyODY1OEE0ODREMUNEMDdGQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RTE3ODU4OUFCOEExMUUyODY1OEE0ODREMUNEMDdGQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuC0gZYAAACMSURBVHjaYvz//z8DsYCJgQTAAiIOnjhOUJO9heU/FqjCJCDmwaP2HRAvYgLpABlOwOC9cDcDNdwGUg9wKLwGlH+K7sH9QPwHTeFPID6CERpA3R+B1Gk0xUeB4t9wBd0ZIP4AZb8E4ss4wxloyl8gtQ+IQZ7eC+SjxhgoBtHxgePHFLGJM5IS3QABBgBW0EhRuecT6AAAAABJRU5ErkJggg==') !important; | |
} | |
#-webkit-web-inspector .styles-section:not(.computed-style) .properties li.parent::before { | |
content: none !important; | |
} | |
/* disable dark background for timeline */ | |
#-webkit-web-inspector #timeline-graphs, | |
#-webkit-web-inspector #memory-counters-graph, | |
#-webkit-web-inspector #counter-values-bar { | |
background-color: #eee !important; | |
} | |
/* sort arrows point down*/ | |
.data-grid th.sort-ascending > div::after { | |
content: "\25BC" !important; | |
color: #A3A6A7 !important; | |
font-size: .8em; | |
} | |
/* sort arrows point up */ | |
.data-grid th.sort-descending > div::after { | |
content: "\25B2" !important; | |
color: #A3A6A7 !important; | |
font-size: .8em; | |
} | |
#-webkit-web-inspector .properties-tree li, | |
#-webkit-web-inspector .outline-disclosure li::before, | |
#-webkit-web-inspector .properties-tree li.parent { | |
background-color: inherit !important; | |
} | |
/**********************************************/ | |
/* Elements/Network | |
/**********************************************/ | |
#-webkit-web-inspector .panel:not(.timeline):not(.audits):not(.profiles):not(.cpu-profiler):not(.css-profiler):not(.heap-profiler):not(.canvas-profiler) .data-grid table { | |
color: white !important; | |
} | |
#-webkit-web-inspector .network-graph-bar, | |
#-webkit-web-inspector .network-graph-label, | |
#-webkit-web-inspector .network-graph-bar-area { | |
color: white !important; | |
} | |
/*not sure what this does | |
#-webkit-web-inspector #storage-views .script-view, | |
#-webkit-web-inspector #network-views .script-view, | |
#-webkit-web-inspector #script-resource-views .script-view { | |
color: #ccc !important; | |
} | |
*/ | |
/**********************************************/ | |
/* Tables | |
/**********************************************/ | |
#-webkit-web-inspector .data-grid .data, | |
#-webkit-web-inspector .data-grid th { | |
background-image: none !important; | |
} | |
#-webkit-web-inspector .data-grid { | |
background-color: transparent !important; | |
background-image: none !important; | |
} | |
#-webkit-web-inspector .data-grid .data-container a{ | |
text-decoration: none; | |
color: #db0 !important; | |
} | |
#-webkit-web-inspector .data-grid .data-container tr:nth-child(odd) { | |
background-color: #242424 !important; | |
} | |
#-webkit-web-inspector .data-grid .data-container tr:nth-child(even) { | |
background-color: #2b2b2b !important; | |
} | |
#-webkit-web-inspector .data-grid .header { | |
background-image: -webkit-linear-gradient(top, #505050, #383838); | |
} | |
#-webkit-web-inspector .data-grid .header th { | |
color: #89f5a2 !important; | |
} | |
#-webkit-web-inspector .data-grid .header .key-column, | |
#-webkit-web-inspector .data-grid .header .value-column { | |
border: none !important; | |
} | |
#-webkit-web-inspector .data-grid .data-container tr:not(.selected):not(.filler):hover{ | |
background-color: #444 !important; | |
outline: 1px solid #545454 !important; | |
} | |
#-webkit-web-inspector .data-grid .data-container tr.selected { | |
background-color: rgba(150,255,150,.2) !important; | |
outline: 1px solid rgba(150,255,150,.3); | |
} | |
#-webkit-web-inspector .data-grid tr td *{ | |
color: #bbb !important; | |
} | |
#-webkit-web-inspector .data-grid tr.selected td *{ | |
color: #ddd !important; | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment