Created
November 14, 2013 20:12
-
-
Save mauricecruz/7473549 to your computer and use it in GitHub Desktop.
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
| /*****************************************************************************/ | |
| /* Zero-Dark-Matrix | |
| /* Optimized for Chrome Canary Channel v32 | |
| /* https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme | |
| /*************************************************************************/ | |
| .styles-section .properties .disabled, | |
| .styles-section .properties .not-parsed-ok { | |
| -webkit-transition: opacity 0.5s ease-in-out 0; | |
| } | |
| /*-- CURRENTLY SELECTED --*/ | |
| .panel.elements .outline-disclosure ol:focus li.selected .selection { | |
| -webkit-animation: pulsate 2.5s infinite; | |
| } | |
| #elements-crumbs .crumbs .crumb.selected { | |
| -webkit-transition: border-top 0.25s ease-out 0; | |
| } | |
| .styles-section .properties .enabled-button { | |
| -webkit-transition: visibility 0.5s ease-in-out; | |
| } | |
| /*-- HIGHLIGHT CHILDREN --*/ | |
| .panel.elements .parent + .children { | |
| -webkit-transition: 0.5s ease-in 0.25s; | |
| } | |
| .panel.elements .parent.selected.expanded + .children > :last-child *, | |
| .panel.elements .parent.hovered.expanded + .children > :last-child * { | |
| -webkit-transition: opacity 0.5s ease-in-out 0.25s; | |
| } | |
| /*-- POPOVERS --*/ | |
| .popover { | |
| -webkit-animation: growFadeIn 0.2s ease-in-out; | |
| } | |
| .popover.top-left-arrow { | |
| -webkit-transform-origin: 25% 0%; | |
| } | |
| .popover.top-right-arrow { | |
| -webkit-transform-origin: 75% 0%; | |
| } | |
| .popover.bottom-left-arrow { | |
| -webkit-transform-origin: 25% 100%; | |
| } | |
| .popover.bottom-right-arrow { | |
| -webkit-transform-origin: 75% 100%; | |
| } | |
| .popover.left-top-arrow { | |
| -webkit-transform-origin: 0% 10%; | |
| } | |
| .popover.left-bottom-arrow { | |
| -webkit-transform-origin: 0% 90%; | |
| } | |
| .popover.right-top-arrow { | |
| -webkit-transform-origin: 100% 10%; | |
| } | |
| .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: #3c3c3c; | |
| } | |
| 50% { | |
| background-color: #484848; | |
| } | |
| 100% { | |
| background-color: #3c3c3c; | |
| } | |
| } | |
| @-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(0.3); | |
| } | |
| 100% { | |
| -webkit-transform: scale(1); | |
| } | |
| } | |
| /********************************************** | |
| /* DevTool Chrome | |
| /**********************************************/ | |
| .event-bars .event-bar .header .title { | |
| text-shadow: none!important; | |
| color: #ccc!important; | |
| } | |
| .source-frame-debugger-script { | |
| background-color: #222!important; | |
| } | |
| .webkit-line-content { | |
| color: #ddd!important; | |
| } | |
| .webkit-highlighted-line, | |
| .webkit-execution-line.webkit-line-content { | |
| background-color: rgba(137, 245, 162, 0.2) !important; | |
| outline: 1px solid #181818 !important; | |
| } | |
| .webkit-highlighted-line span { | |
| color: #000 !important; | |
| font-weight: 700 !important; | |
| } | |
| #console-messages, | |
| .dialog .fill, | |
| .help-window-main, | |
| .tabbed-pane-content, | |
| .tabbed-pane-content.has-no-tabs, | |
| .sidebar-overlay, | |
| .styles-section.read-only, | |
| .split-view-vertical .sidebar-pane.composite .properties-tree, | |
| .panel:not(.timeline):not(.profiles), | |
| .panel:not(.timeline):not(.profiles) .split-view-contents { | |
| background-color: #222222 !important; | |
| z-index: 0; | |
| } | |
| .timeline { | |
| background: #fff !important; | |
| } | |
| .styles-section.read-only:not(.computed-style) { | |
| background-color: #2f2f2f !important; | |
| margin: 0; | |
| padding-left: 10px !important; | |
| padding-right: 10px !important; | |
| } | |
| /*CURSOR/INSERTION POINT*/ | |
| .text-editor-editable:focus, | |
| .editing:focus { | |
| color: #FFF !important; | |
| background-color: #222222 !important; | |
| } | |
| /*--GLOBAL EDITOR STYLES--*/ | |
| .cm-breakpoint .CodeMirror-gutter-elt { | |
| color: #000 !important; | |
| font-weight: 700 !important; | |
| } | |
| .CodeMirror-cursor { | |
| border-left: 1px solid #FFF !important; | |
| } | |
| .cm-error { | |
| background: #9D1E15 !important; | |
| border-radius: 2px !important; | |
| color: #eee !important; | |
| } | |
| .CodeMirror-gutter-elt { | |
| color: #888 !important; | |
| } | |
| .CodeMirror-gutters { | |
| background: #282828 !important; | |
| border-right: 2px solid #2b2b2b !important; | |
| } | |
| .CodeMirror-selected { | |
| background: #383838 !important; | |
| color: #eee !important; | |
| } | |
| .CodeMirror-matchingbracket { | |
| border: 1px solid #15CA1A !important; | |
| border-radius: 4px; | |
| color: #ccc !important; | |
| } | |
| .CodeMirror-nonmatchingbracket { | |
| border: 1px solid #db0404 !important; | |
| border-radius: 4px; | |
| color: #ccc !important; | |
| } | |
| span.CodeMirror-selectedtext { | |
| background-color: #383838 !important; | |
| } | |
| .cm-search-highlight-start:before { | |
| border-color: #89f5a2 !important; | |
| } | |
| .cm-search-highlight-end:before { | |
| border-color: #89f5a2 !important; | |
| } | |
| .cm-search-highlight:before { | |
| border-color: #89f5a2 !important; | |
| padding: 2px !important; | |
| } | |
| .cm-line-with-selection .cm-column-with-selection.cm-search-highlight:before { | |
| background-color: #89f5a2 !important; | |
| border-radius: 2px !important; | |
| } | |
| span.cm-token-highlight { | |
| background-color: transparent !important; | |
| padding: 0px !important; | |
| } | |
| span.cm-token-highlight:before { | |
| border-color: #89f5a2 !important; | |
| } | |
| .cm-line-with-selection span.cm-column-with-selection { | |
| color: #000 !important; | |
| background-color: #89f5a2 !important; | |
| } | |
| .cm-whitespace:before { | |
| color: #555 !important; | |
| } | |
| .cm-tab:before { | |
| border-bottom: 1px solid #555 !important; | |
| } | |
| .cm-highlight { | |
| -webkit-animation: "fadeout-revised" 3s 0s !important; | |
| } | |
| .cm-highlight *:not(.CodeMirror-linenumber) { | |
| color: #000 !important; | |
| } | |
| @-webkit-keyframes fadeout-revised { | |
| from { | |
| background-color: #89F5A2; | |
| } | |
| to { | |
| background-color: #222; | |
| } | |
| } | |
| /********************************************** | |
| /* Scrollbars | |
| /**********************************************/ | |
| ::-webkit-scrollbar { | |
| width: 12px; | |
| height: 12px; | |
| background-color: #222222 !important; | |
| } | |
| ::-webkit-scrollbar-track:horizontal, | |
| .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal, | |
| .custom-popup-vertical-scroll ::-webkit-scrollbar-track:horizontal, | |
| .custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal, | |
| .custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track:horizontal { | |
| -webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important; | |
| } | |
| ::-webkit-scrollbar-track:vertical, | |
| .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:vertical, | |
| .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical, | |
| .custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:vertical, | |
| .custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical { | |
| -webkit-box-shadow: inset 4px 1px 8px 1px rgba(0, 0, 0, 0.3) !important; | |
| } | |
| ::-webkit-scrollbar-corner { | |
| -webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| border-radius: 8px !important; | |
| background-color: #555555 !important; | |
| border: 1px solid #080808 !important; | |
| } | |
| ::-webkit-scrollbar-thumb:horizontal { | |
| -webkit-box-shadow: inset 0 7px 1px -5px rgba(255, 255, 255, 0.3) !important; | |
| } | |
| ::-webkit-scrollbar-thumb:vertical { | |
| -webkit-box-shadow: inset 3px 0 5px 0 rgba(255, 255, 255, 0.3) !important; | |
| } | |
| /*Popover scrollbar overrides */ | |
| .custom-popup-horizontal-scroll ::-webkit-scrollbar-track, | |
| .custom-popup-vertical-scroll ::-webkit-scrollbar-track, | |
| .custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track, | |
| .custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track { | |
| -webkit-box-shadow: none !important; | |
| } | |
| .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb { | |
| -webkit-border-image: none !important; | |
| } | |
| .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical { | |
| -webkit-box-shadow: inset 4px 1px 8px 1px rgba(0, 0, 0, 0.3) !important; | |
| } | |
| .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal { | |
| -webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important; | |
| } | |
| .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active, | |
| .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover, | |
| .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:decrement, | |
| .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:increment, | |
| .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active, | |
| .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover, | |
| .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:decrement, | |
| .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:increment { | |
| -webkit-border-image: none !important; | |
| } | |
| /********************************************** | |
| /* Elements/Sources Right Sidebar | |
| /**********************************************/ | |
| .styles-section { | |
| padding: 4px 0 !important; | |
| margin: 0 10px; | |
| border-top: 1px solid #3c3c3c !important; | |
| border-bottom: none !important; | |
| } | |
| .styles-section:first-child { | |
| border-top: none !important; | |
| } | |
| .styles-section .value { | |
| color: #cccccc !important; | |
| } | |
| .styles-section .child-editing, | |
| .styles-section .header .subtitle { | |
| color: #999999 !important; | |
| } | |
| .styles-section .properties .overloaded, | |
| .styles-section .properties .inactive, | |
| .styles-section .properties .disabled, | |
| .styles-section .properties .not-parsed-ok { | |
| opacity: .5 !important; | |
| } | |
| .sidebar-pane .body, | |
| .sidebar-pane .monospace, | |
| .source-code { | |
| color: #cccccc !important; | |
| } | |
| .styles-section.first-styles-section, | |
| .sidebar-separator + .styles-section { | |
| border-top: none !important; | |
| } | |
| .sidebar-separator { | |
| background-image: -webkit-linear-gradient(#505050, #363636) !important; | |
| color: #cccccc !important; | |
| text-shadow: none !important; | |
| border-top: none !important; | |
| border-bottom: none !important; | |
| } | |
| /*-- PSEUDO STATE DISPLAY --*/ | |
| .styles-element-state-pane { | |
| background: #313131 !important; | |
| padding: 4px 0 !important; | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; | |
| } | |
| .styles-element-state-pane.expanded { | |
| margin-top: 0 !important; | |
| } | |
| /*-- METRICS--*/ | |
| .sidebar-pane .body .metrics { | |
| color: #000 !important; | |
| border-top: 1px solid #3c3c3c; | |
| } | |
| .sidebar-pane .body .metrics .position, | |
| .sidebar-pane .body .metrics .margin:not([style^=background-color]), | |
| .sidebar-pane .body .metrics .border:not([style^=background-color]), | |
| .sidebar-pane .body .metrics .padding:not([style^=background-color]), | |
| .sidebar-pane .body .metrics .margin:not([style^=background-color]), | |
| .sidebar-pane .body .metrics .content:not([style^=background-color]) { | |
| background-color: #888 !important; | |
| } | |
| .sidebar-pane-stack .section, | |
| .sidebar-pane .section, | |
| .sidebar-pane .event-category { | |
| border-top: 1px solid #343434 !important; | |
| border-bottom: 1px solid #101010 !important; | |
| margin-top: 0 !important; | |
| } | |
| .sidebar-pane .section:first-child { | |
| border-top: none !important; | |
| } | |
| .panel.elements .editing { | |
| background-color: #222222 !important; | |
| outline: 1px solid #89f5a2 !important; | |
| color: #cccccc !important; | |
| } | |
| .panel.elements .outline-disclosure ol:focus li.selected .selection, | |
| .panel.elements .outline-disclosure li.selected .selection { | |
| outline: 1px solid #555555 !important; | |
| background-color: #3c3c3c !important; | |
| } | |
| .panel.elements .outline-disclosure li.hovered:not(.selected) .selection { | |
| border-radius: 0 !important; | |
| background-color: #2f2f2f !important; | |
| } | |
| .panel.elements .parent.selected.expanded + .children, | |
| .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 #080808; | |
| border-bottom: 1px solid #3c3c3c !important; | |
| } | |
| .panel.elements .parent.selected.expanded + .children > li .webkit-html-pseudo-element:first-child, | |
| .panel.elements .parent.hovered.expanded + .children > li .webkit-html-pseudo-element:first-child { | |
| color: #a6371a !important; | |
| } | |
| .panel.elements .parent.selected.expanded + .children > :last-child *, | |
| .panel.elements .parent.hovered.expanded + .children > :last-child * { | |
| opacity: .6; | |
| } | |
| .cm-js-atom { | |
| color: #fff5b4 !important; | |
| } | |
| .cm-js-attribute { | |
| color: #4e87bf !important; | |
| } | |
| .cm-js-builtin { | |
| color: #8da6ce !important; | |
| } | |
| .cm-js-comment { | |
| color: #676767 !important; | |
| font-style: italic; | |
| } | |
| .cm-js-def { | |
| color: #49a6d2 !important; | |
| } | |
| .cm-js-error { | |
| background: #9D1E15 !important; | |
| color: #f8f8f8 !important; | |
| } | |
| .cm-js-header { | |
| color: #ff6400 !important; | |
| } | |
| .cm-js-hr { | |
| color: #aeaeae !important; | |
| } | |
| .cm-js-keyword { | |
| color: #8b6ccf !important; | |
| font-style: italic; | |
| } | |
| .cm-js-link { | |
| color: #8da6ce !important; | |
| } | |
| .cm-js-meta { | |
| color: #d8fa3c !important; | |
| } | |
| .cm-js-number { | |
| color: #db925f !important; | |
| } | |
| .cm-js-operator { | |
| color: #fbde2d !important; | |
| } | |
| .cm-js-property { | |
| color: #cdb943 !important; | |
| } | |
| .cm-js-string { | |
| color: #f07b3c !important; | |
| } | |
| .cm-js-string-2 { | |
| color: #f07b3c !important; | |
| } | |
| .cm-js-tag { | |
| color: #49a6d2 !important; | |
| } | |
| .cm-js-variable { | |
| color: #cccccc !important; | |
| } | |
| .cm-js-variable-2 { | |
| color: #cccccc !important; | |
| } | |
| .cm-execution-line { | |
| background-color: rgba(137, 245, 162, 0.2) !important; | |
| outline: 1px solid #181818 !important; | |
| } | |
| .CodeMirror-linenumber { | |
| border-right: none !important; | |
| } | |
| .source-frame-eval-expression { | |
| background-color: rgba(137, 245, 162, 0.4) !important; | |
| border-color: #89F5A2 !important; | |
| } | |
| /*--CSS--*/ | |
| .cm-css-atom { | |
| color: #cccccc !important; | |
| } | |
| .cm-css-builtin { | |
| color: #ff9635 !important; | |
| } | |
| .cm-css-def { | |
| color: #ff9635 !important; | |
| } | |
| .cm-css-comment { | |
| color: #676767 !important; | |
| font-style: italic; | |
| } | |
| .cm-css-meta { | |
| color: #6aedff !important; | |
| } | |
| .cm-css-number { | |
| color: #cccccc !important; | |
| } | |
| .cm-css-operator { | |
| color: #cccccc !important; | |
| } | |
| .cm-css-property { | |
| color: #6aedff !important; | |
| } | |
| .cm-css-qualifier { | |
| color: #ff9635 !important; | |
| } | |
| .cm-css-string { | |
| color: #e3b959 !important; | |
| } | |
| .cm-css-string-2 { | |
| color: #cccccc !important; | |
| } | |
| .cm-css-tag { | |
| color: #ff9635 !important; | |
| } | |
| .cm-css-variable { | |
| color: #ff9635 !important; | |
| } | |
| .cm-css-variable-2 { | |
| color: #ff9635 !important; | |
| } | |
| /*--HTML--*/ | |
| .cm-xml-comment { | |
| color: #7c7c7c !important; | |
| font-style: italic !important; | |
| } | |
| .cm-xml-error { | |
| color: #bf4c4c !important; | |
| } | |
| .cm-xml-string { | |
| color: #f0874f !important; | |
| } | |
| .cm-xml-tag { | |
| color: #49a6d2 !important; | |
| } | |
| .cm-xml-attribute { | |
| color: #88aed5 !important; | |
| } | |
| .cm-xml-link { | |
| color: #e3b959 !important; | |
| } | |
| /********************************************** | |
| /* Code Highlighting [WEBKIT] | |
| /**********************************************/ | |
| /*-- HTML --*/ | |
| .webkit-html-attribute-name { | |
| color: #88aed5 !important; | |
| } | |
| .webkit-html-attribute-value { | |
| color: #f0874f !important; | |
| } | |
| .webkit-html-comment { | |
| color: #7c7c7c !important; | |
| font-style: italic; | |
| } | |
| .webkit-html-resource-link, | |
| .webkit-html-external-link { | |
| color: #e3b959 !important; | |
| } | |
| .webkit-html-tag, | |
| .webkit-html-tag-name { | |
| color: #49a6d2 !important; | |
| } | |
| .webkit-html-text-node, | |
| .webkit-html-css-node, | |
| .webkit-html-js-node { | |
| color: #c2c3c3 !important; | |
| } | |
| .webkit-html-pseudo-element { | |
| color: #49a5d2 !important; | |
| } | |
| /*-- CSS --*/ | |
| .selector-matches { | |
| color: #ff9635 !important; | |
| } | |
| .webkit-css-selector { | |
| color: #ff9635 !important; | |
| } | |
| .webkit-css-at-rule { | |
| color: #b094bb !important; | |
| } | |
| .webkit-css-color { | |
| color: #ff9635 !important; | |
| } | |
| .webkit-css-comment { | |
| color: #676767 !important; | |
| } | |
| .webkit-css-important { | |
| color: #ff0000 !important; | |
| } | |
| .webkit-css-keyword { | |
| color: #ff9635 !important; | |
| } | |
| .webkit-css-number { | |
| color: #cccccc !important; | |
| } | |
| .webkit-css-property, | |
| .styles-section .properties > li .webkit-css-property { | |
| color: #6aedff !important; | |
| font-weight: 400; | |
| } | |
| .webkit-css-string { | |
| color: #e3b959 !important; | |
| } | |
| .webkit-css-url { | |
| color: #e3b959 !important; | |
| } | |
| /*-- JAVASCRIPT --*/ | |
| /************************************************ | |
| /* Elements Crumbs | |
| /************************************************/ | |
| #elements-crumbs { | |
| background: -webkit-linear-gradient(#505050, #363636) !important; | |
| border-top: 1px solid #2f2f2f !important; | |
| height: 19px !important; | |
| } | |
| #elements-crumbs .crumbs { | |
| text-shadow: none !important; | |
| color: #bbb !important; | |
| } | |
| #elements-crumbs .crumbs .crumb { | |
| -webkit-border-image: none !important; | |
| border-left: 1px solid #626262 !important; | |
| border-right: 1px solid #484848 !important; | |
| padding: 0 10px !important; | |
| margin: 0 !important; | |
| line-height: 18px !important; | |
| } | |
| #elements-crumbs .crumbs .crumb:hover { | |
| color: #f8f8f8 !important; | |
| background-color: rgba(0, 0, 0, 0) !important; | |
| } | |
| #elements-crumbs .crumbs .crumb span { | |
| text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important; | |
| } | |
| #elements-crumbs .crumbs .crumb.selected { | |
| background-color: #4c6251 !important; | |
| text-shadow: none !important; | |
| color: #f8f8f8 !important; | |
| cursor: default; | |
| } | |
| .tabbed-pane:not(.help-window-main) .tabbed-pane-header { | |
| background: -webkit-linear-gradient(#505050, #363636) !important; | |
| box-shadow: inset 0 1px 0 #626262 !important; | |
| border-bottom: 1px solid #1d1d1d !important; | |
| } | |
| .tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab { | |
| border-top: 2px solid rgba(0, 0, 0, 0) !important; | |
| border-left: none !important; | |
| border-right: none !important; | |
| padding: 2px 8px !important; | |
| margin: 0 4px !important; | |
| margin-top: 0 !important; | |
| border-color: transparent !important; | |
| } | |
| .tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab:hover { | |
| color: #f8f8f8 !important; | |
| } | |
| .tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab.selected { | |
| background: none !important; | |
| border-top: 2px solid #89f5a2 !important; | |
| color: #f8f8f8 !important; | |
| font-size: 1em; | |
| } | |
| .tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-contents { | |
| color: #999999 !important; | |
| } | |
| .tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab-title { | |
| line-height: 16px !important; | |
| } | |
| .tabbed-pane-content .resizer-widget, | |
| .tabbed-pane-content button.status-bar-item.left-sidebar-show-hide-button, | |
| .tabbed-pane-content button.status-bar-item.right-sidebar-show-hide-button { | |
| top: 0 !important; | |
| } | |
| .tabbed-pane-content not(.overrides-view) .tabbed-pane-header { | |
| flex: 0 0 24px !important; | |
| } | |
| .tabbed-pane-content not(.overrides-view) .tabbed-pane-header .tabbed-pane-header-tab { | |
| height: 24px !important; | |
| line-height: 18px !important; | |
| cursor: pointer !important; | |
| } | |
| /*-- MAIN TOOLBAR --*/ | |
| .toolbar { | |
| background: -webkit-linear-gradient(#505050, #363636) !important; | |
| border-bottom: none !important; | |
| flex: 0 0 34px !important; | |
| padding: 0 !important; | |
| } | |
| .toolbar .tabbed-pane-header .tabbed-pane-header-tab { | |
| height: 34px !important; | |
| line-height: 25.5px !important; | |
| padding: 2px 4px !important; | |
| cursor: pointer !important; | |
| border-image: none !important; | |
| } | |
| .toolbar .tabbed-pane-header .tabbed-pane-header-tabs-drop-down { | |
| line-height: 30.6px; | |
| } | |
| .toolbar .toolbar-controls-left, | |
| .toolbar .toolbar-controls-right { | |
| padding-top: 6px !important; | |
| border-bottom: 1px solid #1d1d1d !important; | |
| box-shadow: inset 0 1px 0 #626262 !important; | |
| } | |
| #network-views .network-item-view .tabbed-pane-header { | |
| padding-top: 0 !important; | |
| } | |
| #network-views .network-item-view .tabbed-pane-header .tabbed-pane-header-tab { | |
| height: 31px !important; | |
| } | |
| #network-views .network-item-view .tabbed-pane-header .tabbed-pane-header-tab-title { | |
| line-height: 22px !important; | |
| } | |
| .tabbed-pane-header-tabs-drop-down { | |
| color: #999 !important; | |
| } | |
| .split-view.hbox > .split-view-sidebar.split-view-contents-second:not(.maximized) { | |
| border-left: 2px solid #272727 !important; | |
| } | |
| .split-view.hbox > .split-view-sidebar.split-view-contents-first:not(.maximized) { | |
| border-right: 2px solid #272727 !important; | |
| } | |
| .styles-section.matched-styles .properties li.parent.expanded .expand-element, | |
| #console-messages .console-group-messages .section.expanded .header::before, | |
| #console-messages .properties-tree li.parent.expanded::before, | |
| .outline-disclosure li.parent.expanded::before, | |
| .properties-tree li.parent.expanded::before, | |
| .section.expanded > .header::before, | |
| .section .event-bar.expanded .header::before, | |
| .sidebar-pane .parent.expanded::before, | |
| .sidebar-pane-stack .sidebar-pane-title.expanded::before { | |
| background-color: #aab0af !important; | |
| background-image: none !important; | |
| -webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/statusbarButtonGlyphs.png) !important; | |
| -webkit-mask-position: -4px -96px !important; | |
| -webkit-mask-repeat: no-repeat !important; | |
| color: rgba(0, 0, 0, 0) !important; | |
| opacity: 1 !important; | |
| -webkit-transition: -webkit-transform 0.1s ease-in-out; | |
| -webkit-transform: rotate(90deg); | |
| } | |
| .styles-section.matched-styles .properties li.parent .expand-element, | |
| #console-messages .console-group-messages .section .header::before, | |
| #console-messages .properties-tree li.parent::before, | |
| .outline-disclosure li.parent::before, | |
| #search-results-pane-file-based .parent::before, | |
| .properties-tree li.parent::before, | |
| .section > .header::before, | |
| .section .event-bar .header::before, | |
| .sidebar-pane .parent::before, | |
| .sidebar-pane-stack .sidebar-pane-title::before { | |
| background-color: #aab0af !important; | |
| background-image: none !important; | |
| -webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/statusbarButtonGlyphs.png) !important; | |
| -webkit-mask-position: -4px -96px !important; | |
| -webkit-mask-repeat: no-repeat !important; | |
| color: rgba(0, 0, 0, 0) !important; | |
| opacity: 1 !important; | |
| -webkit-transform: rotate(0deg); | |
| } | |
| .data-grid th.sort-ascending > div::after { | |
| background-color: #aab0af !important; | |
| background-image: none !important; | |
| -webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/statusbarButtonGlyphs.png) !important; | |
| -webkit-mask-position: -4px -96px !important; | |
| -webkit-mask-repeat: no-repeat !important; | |
| color: rgba(0, 0, 0, 0) !important; | |
| opacity: 1 !important; | |
| -webkit-mask-position: -4px -108px !important; | |
| } | |
| .data-grid th.sort-descending > div::after { | |
| background-color: #aab0af !important; | |
| background-image: none !important; | |
| -webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/statusbarButtonGlyphs.png) !important; | |
| -webkit-mask-position: -4px -96px !important; | |
| -webkit-mask-repeat: no-repeat !important; | |
| color: rgba(0, 0, 0, 0) !important; | |
| opacity: 1 !important; | |
| -webkit-mask-position: -20px -96px !important; | |
| } | |
| #search-results-pane-file-based .parent.expanded::before { | |
| -webkit-mask-position: -20px -96px !important; | |
| } | |
| .drawer .revision-history-drawer { | |
| background-color: #222222 !important; | |
| } | |
| #drawer-footer td label { | |
| color: #bbb !important; | |
| } | |
| .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; | |
| } | |
| .revision-history-link { | |
| color: #89F5A2 !important; | |
| } | |
| /*Tabbed Panes*/ | |
| #drawer .tabbed-pane-header-tab { | |
| padding: 2px 10px !important; | |
| margin-top: 0 !important; | |
| } | |
| #drawer-contents .tabbed-pane-header, | |
| .inactive #drawer-contents .tabbed-pane-header { | |
| border-top: none !important; | |
| border-bottom: #222 !important; | |
| } | |
| .overrides-view .tabbed-pane-header-tab { | |
| color: #999 !important; | |
| } | |
| .overrides-view .tabbed-pane-content { | |
| color: #ccc !important; | |
| } | |
| .overrides-view .tabbed-pane-content :disabled { | |
| color: #666!important; | |
| } | |
| .overrides-view .tabbed-pane-content input:disabled, | |
| .overrides-view .tabbed-pane-content select:disabled { | |
| background-color: #888!important; | |
| border-color: #888 !important; | |
| } | |
| .overrides-footer { | |
| background-color: #333 !important; | |
| border-top: 1px solid #222 !important; | |
| color: #ccc !important; | |
| } | |
| /**********************************************/ | |
| /* Find Module [ctrl+shift+F / cmd+shift+F] | |
| /**********************************************/ | |
| .search-status-bar-summary { | |
| background: linear-gradient(tb-topColor, tb-bottomColor) !important; | |
| border-top: 1px solid #6e6e6e !important; | |
| } | |
| .search-drawer-header .search-config-search { | |
| border-radius: 2px !important; | |
| } | |
| .search-drawer-header input[type="checkbox"].search-config-checkbox { | |
| vertical-align: middle !important; | |
| } | |
| .search-drawer-header label.search-config-label { | |
| color: #bbb !important; | |
| } | |
| .drawer-header { | |
| border-right: 1px solid #555 !important; | |
| } | |
| .search-match-content { | |
| color: #A3A3A3 !important; | |
| } | |
| #search-results-pane-file-based .search-result { | |
| background-color: #2D2D2D !important; | |
| color: #ddd !important; | |
| border-top: 1px solid #5d5d5d !important; | |
| border-bottom: 1px solid #111 !important; | |
| line-height: 18px !important; | |
| margin: 0 !important; | |
| } | |
| #search-results-pane-file-based .show-more-matches { | |
| color: #89F5A2 !important; | |
| } | |
| #search-results-pane-file-based .parent:hover { | |
| background-color: #444 !important; | |
| color: #ddd !important; | |
| } | |
| #search-results-pane-file-based .search-match .highlighted-match, | |
| .highlighted-search-result, | |
| .webkit-highlighted-line.webkit-line-content { | |
| color: #000 !important; | |
| border-radius: 2px !important; | |
| font-size: 1em !important; | |
| background-color: #89F5A2 !important; | |
| box-shadow: rgba(0, 0, 0, 0.498039) 3px 3px 4px 0px !important; | |
| } | |
| #search-results-pane-file-based .parent .search-result-file-name { | |
| color: #888 !important; | |
| } | |
| #search-results-pane-file-based .parent .search-result-matches-count { | |
| color: #7BB888 !important; | |
| } | |
| .search-match:hover { | |
| background-color: #47474B !important; | |
| } | |
| /*CTRL/CMD F*/ | |
| #search-input-field.search-replace, | |
| .search-results-matches { | |
| color: #333 !important; | |
| } | |
| .inspector-footer { | |
| background-color: #383838 !important; | |
| border-top: none !important; | |
| } | |
| .split-view-sidebar-right .pane .sidebar-separator { | |
| background-image: -webkit-linear-gradient(#505050, #383838) !important; | |
| padding: 2px 5px !important; | |
| border-top: 1px solid #636363 !important; | |
| border-bottom: 1px solid black !important; | |
| color: #eee !important; | |
| text-shadow: #222 0 1px 0 !important; | |
| white-space: nowrap !important; | |
| text-overflow: ellipsis !important; | |
| overflow: hidden !important; | |
| font-size: 11px !important; | |
| } | |
| #error-warning-count { | |
| color: #CCC !important; | |
| } | |
| #main-status-bar { | |
| border-top: 1px solid #333 !important; | |
| } | |
| /* DOM Breakpoints */ | |
| .pane > .body .info { | |
| color: #999 !important; | |
| font-style: normal; | |
| } | |
| .styles-section .properties .overloaded, | |
| .styles-section .properties .inactive, | |
| .styles-section .properties .disabled, | |
| .styles-section .properties .not-parsed-ok { | |
| opacity: .5 !important; | |
| } | |
| .bubble.error, | |
| .bubble.warning { | |
| border-bottom: 1px solid #666; | |
| position: relative; | |
| right: 5px !important; | |
| text-shadow: 0 0 2px #666 !important; | |
| } | |
| .bubble.error { | |
| background-color: #D82323 !important; | |
| box-shadow: inset 0 1px 0 0 #651010; | |
| } | |
| .bubble.warning { | |
| background-color: #E8A400 !important; | |
| box-shadow: inset 0 1px 0 0 #A87600; | |
| } | |
| :focus .selected .bubble.error, | |
| :focus .selected .bubble.warning { | |
| color: #fff !important; | |
| border-bottom: 1px solid #D8FCDE; | |
| } | |
| .selected .bubble.error, | |
| .selected .bubble.warning { | |
| color: #fff !important; | |
| border-bottom: 1px solid #888; | |
| } | |
| .webkit-html-message-bubble { | |
| color: #111 !important; | |
| } | |
| #floating-status-bar-container { | |
| z-index: 100 !important; | |
| } | |
| /********************************************** | |
| /* Dialog Boxes | |
| /**********************************************/ | |
| /*************************************************** | |
| /* Search Functions/Selectors in File [Ctrl+Shift+O] | |
| ****************************************************/ | |
| .dialog { | |
| background: #333 !important; | |
| border-color: #222 !important; | |
| box-shadow: 0px 20px 10px 0px rgba(0, 0, 0, 0.5) !important; | |
| } | |
| .dialog { | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#3c3c3c)) !important; | |
| box-shadow: 0 50px 30px rgba(0, 0, 0, 0.6) !important; | |
| border: 1px solid #666 !important; | |
| } | |
| .dialog .fill { | |
| border: none !important; | |
| } | |
| .filtered-item-list-dialog-item { | |
| background-color: #222 !important; | |
| border-top: 1px solid #333 !important; | |
| border-bottom: 1px solid #000 !important; | |
| } | |
| .filtered-item-list-dialog-item span { | |
| color: #eee !important; | |
| } | |
| .filtered-item-list-dialog-item .highlight { | |
| color: #89F5A2!important; | |
| } | |
| .filtered-item-list-dialog-item:hover { | |
| background-color: #333 !important; | |
| box-shadow: inset 0 1px 5px 0 #222 !important; | |
| } | |
| .dialog .fill .selected { | |
| background-color: #444 !important; | |
| box-shadow: inset 0 1px 5px 0 #222 !important; | |
| } | |
| .dialog input, | |
| .dialog input:focus { | |
| background-color: #222 !important; | |
| border: none !important; | |
| color: #eee !important; | |
| padding: 0 5px; | |
| } | |
| /**********************************************/ | |
| /* Console | |
| /**********************************************/ | |
| .console-message { | |
| border-bottom: none !important; | |
| } | |
| #console-messages { | |
| border-top: none !important; | |
| } | |
| .console-status-bar { | |
| background: -webkit-linear-gradient(#505050, #383838) !important; | |
| box-shadow: inset 0 1px 0 #585858, inset 0 -1px 0 #484848; | |
| border-bottom: none !important; | |
| } | |
| #console-prompt { | |
| color: #f1f1f1 !important; | |
| border-top: none !important; | |
| border-top: 1px solid #333 !important; | |
| border-bottom: 1px solid #444 !important; | |
| } | |
| #console-messages .console-message, | |
| .console-user-command { | |
| border-top: none !important; | |
| margin: 2px 0; | |
| } | |
| #console-messages .console-user-command { | |
| background-color: #252525 !important; | |
| border-top: 1px solid #2a2a2a !important; | |
| border-bottom: 1px solid #1e1e1e !important; | |
| } | |
| .console-message .children li, | |
| .console-user-command .children li { | |
| margin: 1px 0 !important; | |
| } | |
| .console-user-command > .console-message-text { | |
| color: #C4C7C6 !important; | |
| } | |
| #console-messages .console-message { | |
| color: #9981BC !important; | |
| } | |
| .console-message .source-code { | |
| color: #49a6d2 !important; | |
| } | |
| #console-messages .console-log-level .console-message-text, | |
| #console-messages .console-log-level .console-message-url { | |
| color: #49a6d2 !important; | |
| } | |
| #console-messages .console-log-level .children div:hover * { | |
| color: #337492 !important; | |
| } | |
| #console-messages .console-warning-level .console-message-text, | |
| #console-messages .console-warning-level .console-message-url { | |
| color: #db0 !important; | |
| } | |
| #console-messages .console-warning-level .children div:hover * { | |
| color: #9D8500 !important; | |
| } | |
| #console-messages .console-error-level .console-message-text, | |
| #console-messages .console-error-level .title > span, | |
| #console-messages .console-error-level .console-message-url { | |
| color: #f66 !important; | |
| } | |
| #console-messages .console-error-level .children div:hover * { | |
| color: #bf4c4c !important; | |
| } | |
| #console-messages a { | |
| color: #888 !important; | |
| } | |
| #console-messages a:hover { | |
| color: #999 !important; | |
| } | |
| #console-messages .console-message { | |
| color: #f1f1f1 !important; | |
| } | |
| #console-messages .console-user-command > .console-message-text { | |
| color: #ccc !important; | |
| } | |
| .popover .section .properties .name, | |
| #console-messages .section .properties .name, | |
| #console-messages .event-properties .name { | |
| color: #96cbfe !important; | |
| } | |
| .popover .console-formatted-array, | |
| #console-messages .console-formatted-array, | |
| .sidebar-pane .console-formatted-array { | |
| color: #49A6D2 !important; | |
| } | |
| .popover .console-formatted-function, | |
| #console-messages .console-formatted-function, | |
| .sidebar-pane .console-formatted-function { | |
| color: #BA75FF !important; | |
| } | |
| .popover .console-formatted-number, | |
| #console-messages .console-formatted-number, | |
| .sidebar-pane .console-formatted-number { | |
| color: #95FDCB !important; | |
| } | |
| .popover .console-formatted-boolean, | |
| #console-messages .console-formatted-boolean, | |
| .sidebar-pane .console-formatted-boolean { | |
| color: #95FDCB !important; | |
| } | |
| .popover .console-formatted-object, | |
| #console-messages .console-formatted-object, | |
| .sidebar-pane .console-formatted-object { | |
| color: #7c7c7c !important; | |
| } | |
| .popover .console-formatted-object .name, | |
| #console-messages .console-formatted-object .name, | |
| .sidebar-pane .name { | |
| color: #77A8C6 !important; | |
| } | |
| .popover .console-formatted-object .console-object-preview, | |
| #console-messages .console-formatted-object .console-object-preview, | |
| .sidebar-pane .console-formatted-object .console-object-preview { | |
| color: #ddd !important; | |
| } | |
| .popover .console-formatted-regexp, | |
| #console-messages .console-formatted-regexp, | |
| .sidebar-pane .console-formatted-regexp { | |
| color: #ff54e8 !important; | |
| } | |
| .popover .console-formatted-string, | |
| #console-messages .console-formatted-string, | |
| .sidebar-pane .console-formatted-string { | |
| color: #FF8737 !important; | |
| } | |
| .popover .console-formatted-undefined, | |
| #console-messages .console-formatted-undefined, | |
| .sidebar-pane .console-formatted-undefined { | |
| color: #AD4E4E !important; | |
| } | |
| .console-group-messages .section .header .title { | |
| color: #f1f1f1 !important; | |
| } | |
| .popover .parent + .children.expanded, | |
| #console-messages .parent + .children.expanded, | |
| .sidebar-pane .parent:not(.event-category) + .children.expanded { | |
| border-left: 1px dashed #444 !important; | |
| position: relative; | |
| left: 4.4px; | |
| } | |
| /********************************************** | |
| /* Element - Edit HTML | |
| /**********************************************/ | |
| .source-code .CodeMirror { | |
| outline: none !important; | |
| border: 1px solid #333; | |
| border-radius: 5px; | |
| box-shadow: inset 0 0 30px 0 #111111 !important; | |
| margin: 10px 0; | |
| padding: 10px 0 0 10px !important; | |
| color: #ccc !important; | |
| } | |
| /********************************************** | |
| /* Network Tab (uses table styles) | |
| /**********************************************/ | |
| #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover { | |
| text-decoration: none !important; | |
| } | |
| .network-summary-bar { | |
| background-image: -webkit-linear-gradient(top, #505050, #383838) !important; | |
| border-top: 1px solid #646464 !important; | |
| color: #ddd !important; | |
| } | |
| .network-summary-bar td { | |
| color: #aaa !important; | |
| } | |
| #network-container .network-summary-bar td { | |
| border-right: none !important; | |
| } | |
| #network-container .header { | |
| color: #89F5A2 !important; | |
| } | |
| #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover { | |
| background-color: #444 !important; | |
| } | |
| .data-grid th.sort-ascending, | |
| .data-grid th.sort-descending, | |
| .data-grid th.sortable, | |
| .data-grid .timeline-column, | |
| .data-grid .corner { | |
| border-right: 1px solid #444 !important; | |
| border-bottom: 1px solid #444 !important; | |
| } | |
| .data-grid .network-timeline-grid .resources-divider-label { | |
| color: #db0 !important; | |
| } | |
| .data-grid .network-timeline-grid .resources-divider { | |
| border-right: 1px solid rgba(51, 51, 51, 0.8); | |
| } | |
| /*dropdownlist in network panel*/ | |
| .timeline-column option { | |
| color: #ddd !important; | |
| background: #222 !important; | |
| } | |
| #network-views .network-item-view { | |
| background: #242424 !important; | |
| } | |
| .network-log-grid.data-grid table { | |
| color: #333 !important; | |
| } | |
| .outline-disclosure > ol, | |
| .resource-headers-view .outline-disclosure .parent { | |
| color: #CCC !important; | |
| } | |
| .resource-headers-view .outline-disclosure .header-name, | |
| #network-views .resource-view .infoList dt { | |
| color: #777 !important; | |
| } | |
| .resource-headers-view .outline-disclosure .header-value, | |
| #network-views .resource-view .infoList dd { | |
| color: #bbb !important; | |
| } | |
| /*-- Preview & Response Tab [JSON] -- */ | |
| .json .console-formatted-array { | |
| color: #49A6D2 !important; | |
| } | |
| .json .console-formatted-number, | |
| .json .console-formatted-boolean { | |
| color: #95FDCB !important; | |
| } | |
| .json .console-formatted-object { | |
| color: #7c7c7c !important; | |
| } | |
| .json .console-formatted-object .name { | |
| color: #77A8C6 !important; | |
| } | |
| .json .console-formatted-object .console-object-preview { | |
| color: #ddd !important; | |
| } | |
| .json .console-formatted-string { | |
| color: #FF8737 !important; | |
| } | |
| .json .title { | |
| color: #f1f1f1 !important; | |
| } | |
| .json .separator { | |
| color: #7c7c7c !important; | |
| } | |
| /*Cookies Pane table*/ | |
| #network-views .resource-cookies-view.visible tr:nth-child(even) { | |
| background-color: #282828 !important; | |
| } | |
| #network-views .resource-cookies-view.visible tr:nth-child(odd) { | |
| background-color: #2d2d2d !important; | |
| } | |
| #network-views .resource-cookies-view.visible .data-grid.visible { | |
| border: 1px solid #333 !important; | |
| } | |
| /* Network Timing Pane */ | |
| .resource-timing-view .network-timing-bar-title { | |
| color: #888!important; | |
| } | |
| .resource-timing-view table { | |
| background-color: #666 !important; | |
| padding: 20px !important; | |
| border-radius: 4px; | |
| margin: 20px !important; | |
| } | |
| .resource-timing-view table td { | |
| color: #222 !important; | |
| } | |
| .resource-timing-view table td .network-timing-bar-title { | |
| color: #222 !important; | |
| } | |
| #network-views .resource-headers-view .parent { | |
| background-color: #2D2D2D; | |
| color: #ddd !important; | |
| border-top: 1px solid #5d5d5d; | |
| border-bottom: 1px solid #111; | |
| line-height: 18px; | |
| } | |
| .resource-headers-view .outline-disclosure .header-count, | |
| .resource-headers-view .outline-disclosure .header-toggle { | |
| color: #89F5A2 !important; | |
| margin-left: 4px !important; | |
| } | |
| .resource-headers-view .outline-disclosure .header-toggle:hover { | |
| text-shadow: 0 0 10px #89F5A2; | |
| } | |
| .network-log-grid.data-grid tr.filler { | |
| background-color: #242424 !important; | |
| } | |
| .network-cell-subtitle { | |
| color: #888 !important; | |
| } | |
| tr.selected .network-cell-subtitle { | |
| color: #db0 !important; | |
| } | |
| .network-log-grid.data-grid td { | |
| border-right: 1px solid #333 !important; | |
| } | |
| .network-graph-side:hover .network-graph-label { | |
| color: #fff !important; | |
| font-size: 12px !important; | |
| } | |
| #network-views .script-view-fallback { | |
| background-color: #333 !important; | |
| color: #ddd !important; | |
| } | |
| /**********************************************/ | |
| /* Elements/Network | |
| /**********************************************/ | |
| .panel:not(.timeline):not(.audits):not(.profiles):not(.cpu-profiler):not(.css-profiler):not(.heap-profiler):not(.canvas-profiler) table { | |
| color: white !important; | |
| } | |
| .network-graph-bar, | |
| .network-graph-label, | |
| .network-graph-bar-area { | |
| color: white !important; | |
| } | |
| /********************************************** | |
| /* Profilers | |
| /**********************************************/ | |
| #profile-views .data-grid td > div { | |
| color: #aaa !important; | |
| } | |
| #profile-views .data-grid button { | |
| color: #333 !important; | |
| } | |
| .profile-launcher-view-tree-item, | |
| .sidebar-tree-section, | |
| .panel:not(.timeline) .sidebar-tree-item { | |
| color: #ddd !important; | |
| } | |
| .heap-snapshot-view tr:not(.selected) td.object-column span.highlight { | |
| background-color: #2E542F !important; | |
| border-radius: 3px; | |
| } | |
| /********************************************** | |
| /* Resources Tab | |
| /**********************************************/ | |
| #-blink-dev-tools .resources-status-bar .status-bar { | |
| background: -webkit-linear-gradient(#505050, #383838) !important; | |
| box-shadow: inset 0 1px 0 #585858; | |
| border-top: none !important; | |
| } | |
| /*-- RESOURCES CONTENT --*/ | |
| #-blink-dev-tools .resource-view.image .title { | |
| color: #ccc !important; | |
| } | |
| #-blink-dev-tools .resource-view.image .infoList dt { | |
| color: #666 !important; | |
| margin-bottom: 5px !important; | |
| } | |
| #-blink-dev-tools .resource-view.image .infoList dd { | |
| color: #888 !important; | |
| margin-bottom: 5px !important; | |
| } | |
| #-blink-dev-tools .section .properties .name, | |
| #-blink-dev-tools .event-properties .name { | |
| color: #77A8C6 !important; | |
| } | |
| /*-- WEB SQL --*/ | |
| #-blink-dev-tools .database-query-prompt { | |
| color: #eee !important; | |
| } | |
| #-blink-dev-tools .database-user-query { | |
| border-top: 1px solid #2a2a2a !important; | |
| border-bottom: 1px solid #1e1e1e !important; | |
| padding-bottom: 10px !important; | |
| } | |
| #-blink-dev-tools .database-user-query + span { | |
| padding: 2px 0 !important; | |
| border-top: 1px solid #2a2a2a !important; | |
| border-bottom: 1px solid #1e1e1e !important; | |
| background-color: #252525 !important; | |
| width: 100% !important; | |
| } | |
| #-blink-dev-tools .database-user-query .database-query-text { | |
| color: #aaa !important; | |
| width: 100% !important; | |
| display: inline-block !important; | |
| margin-bottom: 5px; | |
| margin-top: 2px; | |
| } | |
| #-blink-dev-tools .database-user-query::before, | |
| #-blink-dev-tools .database-query-result::before { | |
| margin-top: -5px !important; | |
| } | |
| #-blink-dev-tools .database-user-query .error { | |
| color: #f66 !important; | |
| } | |
| /************************************* | |
| * Help/Settings Overlay | |
| *************************************/ | |
| .settings-tab .help-section-title, | |
| .settings-tab-container .help-section-title { | |
| color: #89F5A2 !important; | |
| } | |
| .help-window-main, | |
| .help-window-main label:hover, | |
| .settings-tab .help-block label, | |
| .settings-tab .help-block label:hover, | |
| .settings-tab .help-block td { | |
| color: #bbb !important; | |
| } | |
| .settings-tab select, | |
| .help-window-main .help-block select, | |
| .help-content option, | |
| .settings-tab input { | |
| color: #111 !important; | |
| } | |
| .help-window-main .help-block select:disabled, | |
| .settings-tab select:disabled, | |
| .settings-tab input:disabled { | |
| background-color: #888 !important; | |
| border-color: #aaa !important; | |
| color: #555 !important; | |
| } | |
| .settings-tab-container .help-key-cell .help-key { | |
| color: #111 !important; | |
| } | |
| .settings-tab-container .help-key-cell span { | |
| color: #eee !important; | |
| } | |
| .help-window-main .settings-list-container { | |
| background-color: rgba(0, 0, 0, 0) !important; | |
| } | |
| .help-window-main .settings-list { | |
| border: 1px solid #444 !important; | |
| } | |
| .help-window-main .settings-list-item, | |
| .help-window-main .settings-list-item:hover { | |
| background-color: #333 !important; | |
| border-top: 1px solid #484848 !important; | |
| border-bottom: 1px solid #282828 !important; | |
| } | |
| .help-window-main .settings-list-item.selected { | |
| background-color: rgba(150, 255, 150, 0.2) !important; | |
| } | |
| .help-window-main .settings-list-item:nth-child(1) { | |
| border-top: none !important; | |
| } | |
| .help-window-main .settings-list-item:last-child { | |
| border-bottom: none !important; | |
| } | |
| .dialog-contents .header { | |
| color: #89f5a2 !important; | |
| } | |
| .help-window-main .file-system-path { | |
| color: #ccc !important; | |
| } | |
| .help-window-main .file-system-path-name { | |
| color: #89f5a2 !important; | |
| } | |
| /*************************************************** | |
| /* Dialog Box [Help] | |
| ****************************************************/ | |
| #glass-pane { | |
| background-color: rgba(0, 0, 0, 0.4) !important; | |
| } | |
| .settings-dialog { | |
| border: 1px solid #444 !important; | |
| background-color: #333 !important; | |
| border-radius: 4px !important; | |
| } | |
| .dialog-contents .header { | |
| color: #ccc !important; | |
| } | |
| .dialog-contents .block-header { | |
| color: #89f5a2 !important; | |
| } | |
| .settings-dialog .settings-list-container { | |
| background-color: rgba(0, 0, 0, 0) !important; | |
| } | |
| .settings-dialog .settings-list { | |
| border: 1px solid #484848 !important; | |
| border-top: 2px solid #282828 !important; | |
| border-bottom: 1px solid #585858 !important; | |
| border-radius: 2px !important; | |
| } | |
| .settings-dialog .settings-list-item, | |
| .settings-dialog .settings-list-item:hover { | |
| background-color: #444 !important; | |
| border-top: 1px solid #4e4e4e !important; | |
| border-bottom: none !important; | |
| color: #ccc!important; | |
| } | |
| .settings-dialog .file-mappings-list .settings-list-item:first-child { | |
| border-top: none !important; | |
| } | |
| /*************************************************** | |
| /* Dialog Box [Help] | |
| ****************************************************/ | |
| #glass-pane { | |
| background-color: rgba(0, 0, 0, 0.4) !important; | |
| } | |
| .settings-dialog { | |
| border: 1px solid #444 !important; | |
| background-color: #333 !important; | |
| border-radius: 4px !important; | |
| } | |
| .dialog-contents .header { | |
| color: #ccc !important; | |
| } | |
| .dialog-contents .block-header { | |
| color: #89f5a2 !important; | |
| } | |
| .settings-dialog .settings-list-container { | |
| background-color: rgba(0, 0, 0, 0) !important; | |
| } | |
| .settings-dialog .settings-list { | |
| border: 1px solid #484848 !important; | |
| border-top: 2px solid #282828 !important; | |
| border-bottom: 1px solid #585858 !important; | |
| border-radius: 2px !important; | |
| } | |
| .settings-dialog .settings-list-item, | |
| .settings-dialog .settings-list-item:hover { | |
| background-color: #444 !important; | |
| border-top: 1px solid #4e4e4e !important; | |
| border-bottom: none !important; | |
| color: #ccc!important; | |
| } | |
| .settings-dialog .file-mappings-list .settings-list-item:first-child { | |
| border-top: none !important; | |
| } | |
| /********************************************** | |
| /* Sources Tab | |
| /**********************************************/ | |
| /*placeholder text when no file is open*/ | |
| .tabbed-pane-placeholder { | |
| text-shadow: 0 1px 0 #000 !important; | |
| color: #999 !important; | |
| } | |
| /*line numbers */ | |
| .text-editor-lines { | |
| background-color: #282828 !important; | |
| border-right: 2px solid #2b2b2b !important; | |
| } | |
| /* Breakpoints/Dom Breakpoints */ | |
| .breakpoint-list li { | |
| color: #89f5a2 !important; | |
| border-top: 1px solid #282828; | |
| border-bottom: 1px solid #181818; | |
| } | |
| .sidebar-pane .breakpoint-hit { | |
| background: #364C3B !important; | |
| border-top: 1px solid #181818 !important; | |
| border-bottom: 1px solid #181818 !important; | |
| color: #eee !important; | |
| } | |
| .sidebar-pane .breakpoint-list li:not(.breakpoint-hit):hover { | |
| background-color: #333!important; | |
| border-bottom: 1px solid #282828; | |
| border-top: 1px solid #181818; | |
| } | |
| .breakpoints-deactivated .breakpoint-list { | |
| background-color: rgba(0, 0, 0, 0) !important; | |
| opacity: .3 !important; | |
| } | |
| /* Call Stack */ | |
| .sidebar-pane > .body .info, | |
| .sidebar-label, | |
| .placard .title, | |
| .placard .subtitle { | |
| color: #AAA !important; | |
| } | |
| .placard:nth-of-type(2n) { | |
| background: #282828 !important; | |
| } | |
| .placard.selected { | |
| background: #364C3B !important; | |
| color: #fff !important; | |
| border-top: 1px solid #181818 !important; | |
| border-bottom: 1px solid #181818 !important; | |
| } | |
| .placard.selected * { | |
| color: #eee !important; | |
| } | |
| .sidebar-pane > .body .placard + .info { | |
| background: #222 !important; | |
| border-top: 0 !important; | |
| color: #c41a16 !important; | |
| font-style: normal !important; | |
| } | |
| .sidebar-pane .section.expanded > .header { | |
| border-bottom: 1px solid #1b1b1b !important; | |
| } | |
| .sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) { | |
| border-bottom: none !important; | |
| } | |
| .sidebar-pane-stack .section .event-bars, | |
| .sidebar-pane .section .event-bars, | |
| .sidebar-pane-stack .properties-tree, | |
| .sidebar-pane .properties-tree { | |
| background-color: #1f1f1f !important; | |
| } | |
| .sidebar-pane-stack .section .event-bars, | |
| .sidebar-pane-toolbar .select-settings option, | |
| .sidebar-pane-toolbar .sidebar-pane-subtitle, | |
| .sidebar-pane { | |
| color: #bbb !important; | |
| } | |
| /*pane colors*/ | |
| .sidebar-pane-title { | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), color-stop(0.05, #585858), color-stop(0.05, #505050), to(#2d2a30)) !important; | |
| color: #cccccc; | |
| border-top: #333 !important; | |
| border-bottom: #333 !important; | |
| } | |
| .pane-title-button.add, | |
| .sidebar-pane-toolbar > .pane-title-button.refresh, | |
| .pane-title-button.element-state { | |
| /*background-image: none !important;*/ | |
| -webkit-background-position: -24px 0 !important; | |
| background-color: rgba(0, 0, 0, 0.8) !important; | |
| -webkit-mask-repeat: no-repeat !important; | |
| } | |
| .pane-title-button.add { | |
| -webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/paneAddButtons.png) !important; | |
| } | |
| .sidebar-pane-toolbar > .pane-title-button.refresh { | |
| -webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/paneRefreshButtons.png) !important; | |
| } | |
| .panel.elements .sidebar-pane-toolbar > select.select-settings { | |
| /*background-image: none !important; */ | |
| -webkit-background-position: -24px 0 !important; | |
| background-color: rgba(0, 0, 0, 0.8) !important; | |
| -webkit-mask-repeat: no-repeat !important; | |
| -webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/paneSettingsButtons.png) !important; | |
| } | |
| .pane-title-button.element-state { | |
| -webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/paneElementStateButtons.png) !important; | |
| } | |
| #drawer-contents .search-match-line-number { | |
| background: #2d2d2d !important; | |
| border-right: 1px solid #444 !important; | |
| padding: 1px 5px 1px 0 !important; | |
| display: inline-block; | |
| color: #999 !important; | |
| } | |
| /* Highlight in Scripts */ | |
| .webkit-highlighted-line.webkit-line-content { | |
| border-radius: 2px; | |
| } | |
| .webkit-highlighted-line.webkit-line-content * { | |
| color: #000 !important; | |
| } | |
| /*exception icon state colors */ | |
| .scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph { | |
| background-color: rgba(180, 3, 3, 0.4) !important; | |
| } | |
| .scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph { | |
| background-color: rgba(213, 181, 0, 0.6) !important; | |
| } | |
| .webkit-highlighted-line { | |
| background-color: #89F5A2 !important; | |
| } | |
| .properties-tree li, | |
| .outline-disclosure li::before, | |
| .properties-tree li.parent { | |
| background-color: inherit !important; | |
| } | |
| /********************************************** | |
| /* Sources Panel Controls | |
| /**********************************************/ | |
| .scripts-status-bar { | |
| background: -webkit-linear-gradient(#505050, #383838) !important; | |
| box-shadow: inset 0 1px 0 #585858; | |
| border-top: none !important; | |
| overflow: none !important; | |
| } | |
| #scripts-debug-toolbar { | |
| 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; | |
| } | |
| /********************************************** | |
| /* Timeline Tab | |
| /**********************************************/ | |
| .timeline-category-statusbar-item, | |
| .timeline-records-stats { | |
| text-shadow: none !important; | |
| color: #ccc !important; | |
| } | |
| /* Timeline */ | |
| .sidebar-tree-section { | |
| text-shadow: none !important; | |
| } | |
| /********************************************** | |
| /* Popovers | |
| /**********************************************/ | |
| .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; | |
| } | |
| .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-line-content .text-editor-overlay-highlight { | |
| background-color: rgba(137, 245, 162, 0.4) !important; | |
| outline: 1px solid #89F5A2 !important; | |
| } | |
| .popover .content .source-frame-popover-title { | |
| color: #FF8B3E !important; | |
| } | |
| .popover .content .source-frame-popover-tree { | |
| border-top: 1px solid #888 !important; | |
| } | |
| .popover .content { | |
| color: #ddd !important; | |
| } | |
| .popover .content .popover-details-title { | |
| color: #db0 !important; | |
| } | |
| .popover .content .popover-details-row-title { | |
| color: #49a6d2 !important; | |
| } | |
| .popover .content .network-timing-bar { | |
| background-color: #89f5a2 !important; | |
| border-left-color: #89f5a2 !important; | |
| } | |
| .popover .content .network-timing-bar-title { | |
| color: #ddd !important; | |
| text-shadow: 0 1px 1px #333; | |
| } | |
| /********************************************** | |
| /* Readability | |
| /* ------------------------------------------- | |
| /* Adjust the line height for elements|sources | |
| /* tab, find, and console. Adjust margin-top | |
| /* to line up expand/collapse arrow in | |
| /* elements panel | |
| /**********************************************/ | |
| .outline-disclosure ol li, | |
| .text-editor .inner-container .webkit-line-content, | |
| .text-editor-lines .inner-container .webkit-line-number, | |
| .styles-section .properties li, | |
| .CodeMirror-lines, | |
| #search-results-pane-file-based .search-match { | |
| line-height: 14px !important; | |
| } | |
| .panel.elements .outline-disclosure li.parent::before { | |
| margin-top: 1px; | |
| } | |
| /********************************************** | |
| /* Resources & Sources Sidebar | |
| /**********************************************/ | |
| /*-- default text color --*/ | |
| .panel.resources .base-storage-tree-element-title, | |
| .panel.resources .base-storage-tree-element-subtitle, | |
| .panel.sources .base-navigator-tree-element-title { | |
| color: #999 !important; | |
| } | |
| /*-- currently selected element --*/ | |
| .panel.resources .selected .base-storage-tree-element-title, | |
| .panel.resources .selected .base-storage-tree-element-subtitle, | |
| .panel.sources .selected .base-navigator-tree-element-title { | |
| color: #fff !important; | |
| } | |
| .panel.resources .outline-disclosure li.selected .selection, | |
| .panel.sources .outline-disclosure li.selected .selection { | |
| background: #364C3B !important; | |
| color: #fff !important; | |
| border-top: 1px solid #181818 !important; | |
| border-bottom: 1px solid #181818 !important; | |
| } | |
| .panel.resources .outline-disclosure li:hover:not(.selected) .selection, | |
| .panel.sources .outline-disclosure li:hover:not(.selected) .selection { | |
| display: block !important; | |
| background: #333 !important; | |
| } | |
| .panel.resources .outline-disclosure ol:focus li.selected .selection, | |
| .panel.sources .outline-disclosure ol:focus li.selected .selection { | |
| background: #364C3B !important; | |
| color: #fff !important; | |
| border-top: 1px solid #181818 !important; | |
| border-bottom: 1px solid #181818 !important; | |
| text-shadow: none !important; | |
| } | |
| .panel.resources .outline-disclosure ol:focus li.selected .base-storage-tree-element-title, | |
| .panel.resources ol:focus .selected .base-storage-tree-element-subtitle, | |
| .panel.sources .outline-disclosure ol:focus li.selected .base-navigator-tree-element-title { | |
| color: #fff !important; | |
| text-shadow: none !important; | |
| } | |
| .sidebar li.selected .selection { | |
| background-image: none !important; | |
| border: none !important; | |
| } | |
| .panel.sources .sidebar-overlay { | |
| border-right: 1px solid #282828 !important; | |
| box-shadow: #141414 5px 0px 22px 3px !important; | |
| } | |
| /************************************************ | |
| /* Status bar | |
| /************************************************/ | |
| /*console/network elements that are not panel selectors*/ | |
| select.status-bar-item, | |
| select.status-bar-item:hover, | |
| .filter-bitset-filter li { | |
| color: #AAA !important; | |
| text-shadow: none !important; | |
| } | |
| select.status-bar-item option { | |
| background-color: #282828 !important; | |
| } | |
| .status-bar-items { | |
| border-left: none !important; | |
| } | |
| select.status-bar-item, | |
| select.status-bar-item:hover { | |
| border-left: 1px solid #333 !important; | |
| border-right: 1px solid #333 !important; | |
| } | |
| .split-view-sidebar-right { | |
| border-left: 1px solid #3A3A3A !important; | |
| -webkit-box-shadow: none !important; | |
| } | |
| /*text color of status bar labels */ | |
| .status-bar label[for=search-replace-trigger], | |
| #bottom-status-bar-container .type, | |
| #bottom-status-bar-container .timeline-records-stats, | |
| .drawer-header span, | |
| .status-bar-item .search-drawer-header, | |
| .status-bar-item .search-config-label, | |
| .source-frame-cursor-position, | |
| .search-status-bar-message, | |
| .search-results-status-bar-message { | |
| text-shadow: none !important; | |
| color: #bbb !important; | |
| } | |
| /*-- GLYPHS --*/ | |
| button.scripts-step-over .glyph, | |
| button.scripts-step-into .glyph, | |
| button.scripts-step-out .glyph, | |
| button.status-bar-item.toggled-on .glyph, | |
| button.clear-status-bar-item:active .glyph, | |
| button.garbage-collect-status-bar-item:active .glyph, | |
| button.glue-async-status-bar-item:active .glyph { | |
| background-color: rgba(137, 245, 162, 0.6) !important; | |
| } | |
| #scripts-debugger-status { | |
| color: #89F5A2 !important; | |
| } | |
| button.scripts-step-over:disabled .glyph, | |
| button.scripts-step-into:disabled .glyph, | |
| button.scripts-step-out:disabled .glyph { | |
| background-color: #222 !important; | |
| } | |
| .sources-status-bar, | |
| .panel-status-bar, | |
| .resources-status-bar .status-bar { | |
| background-image: -webkit-linear-gradient(#505050, #363636); | |
| border-top: #222 !important; | |
| } | |
| .filter-bitset-filter li, | |
| .filter-bitset-filter li.selected, | |
| .filter-bitset-filter li:hover, | |
| .filter-bitset-filter li:active { | |
| text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; | |
| color: #ccc !important; | |
| } | |
| /*separator between all | rest of options*/ | |
| .filter-bitset-filter-divider { | |
| background-color: rgba(128, 128, 128, 0.6); | |
| } | |
| /*filter options in console/network panel*/ | |
| .filter-bitset-filter li.selected { | |
| color: #eee !important; | |
| background: #444 !important; | |
| text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important; | |
| border-bottom: 1px solid #555 !important; | |
| } | |
| .filter-bitset-filter .selected.error { | |
| background: #951e15 !important; | |
| } | |
| .filter-bitset-filter .selected.warning { | |
| background: #9D8500 !important; | |
| } | |
| .filter-bitset-filter .selected.log { | |
| background: #89f5a2 !important; | |
| } | |
| .filter-bitset-filter .selected.log { | |
| background: #8b6ccf !important; | |
| } | |
| .filter-bitset-filter .selected.debug { | |
| background: #49a6d2 !important; | |
| } | |
| .timeline .panel-status-bar { | |
| color: #ccc !important; | |
| } | |
| /********************************************** | |
| /* Suggest Box | |
| /**********************************************/ | |
| .suggest-box { | |
| color: #000 !important; | |
| background-color: #222 !important; | |
| border: 2px rgba(0, 0, 0, 0.2) solid !important; | |
| box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1) !important; | |
| } | |
| .suggest-box-content-item.source-code:hover { | |
| background-color: #444 !important; | |
| border: 1px solid rgba(0, 0, 0, 0) !important; | |
| } | |
| .suggest-box-content-item.source-code.selected { | |
| background-color: #444 !important; | |
| } | |
| .suggest-box .source-code .prefix { | |
| color: #89F5A2!important; | |
| } | |
| .suggest-box .source-code .suffix { | |
| color: #ddd !important; | |
| } | |
| /**********************************************/ | |
| /* Tables | |
| /**********************************************/ | |
| .data-grid .data, | |
| .data-grid th { | |
| background: none !important; | |
| } | |
| .data-grid { | |
| background-color: transparent !important; | |
| background-image: none !important; | |
| } | |
| .data-grid .data-container a { | |
| text-decoration: none; | |
| color: #db0 !important; | |
| } | |
| .data-grid .data-container tr:nth-child(odd) { | |
| background-color: #242424 !important; | |
| } | |
| .data-grid .data-container tr:nth-child(even) { | |
| background-color: #2b2b2b !important; | |
| } | |
| .data-grid .header { | |
| background-image: -webkit-linear-gradient(top, #505050, #383838); | |
| } | |
| .data-grid .header th { | |
| color: #89f5a2 !important; | |
| } | |
| .data-grid .header .key-column, | |
| .data-grid .header .value-column { | |
| border: none !important; | |
| } | |
| .data-grid .data-container tr:not(.selected):not(.filler):hover { | |
| background-color: #444 !important; | |
| outline: 1px solid #545454 !important; | |
| } | |
| .data-grid .data-container tr.selected { | |
| background-color: rgba(150, 255, 150, 0.2) !important; | |
| outline: 1px solid rgba(150, 255, 150, 0.3); | |
| } | |
| .data-grid tr td * { | |
| color: #bbb !important; | |
| } | |
| .data-grid tr.selected td * { | |
| color: #ddd !important; | |
| } | |
| .section .properties .dimmed { | |
| opacity: 0.8 !important; | |
| } | |
| .split-view-sidebar-right { | |
| background-image: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #333333), color-stop(100%, #252525)) !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment