syntax-highlighting/archive/chrome-devtools/zero-base-themes/canary-theme-extension/styles.css

Syntax Highlighting Colorschemes for many applications

/*****************************************************************************/
/* Solarized-Light
/* Optimized for Chrome Canary Channel v34
/* https://github.com/mauricecruz/zero-base-themes
/******************************************************************************/
/**************************************************
/* Zero Base Template [v0.1]
/* https://github.com/mauricecruz/zero-base-themes
/* -------------------------------------------
/* [Solarized Light]
/* Author - Bram de Haan [@atelierbram]
/**************************************************/
/*-- SOURCES PANEL --*/
.panel.sources .split-view-vertical .split-view-contents {
  -webkit-transition: right 0.5s ease-in-out;
}
.panel.sources .split-view-contents-second.split-view-sidebar {
  -webkit-animation: slideInRightBig 0.2s ease-out;
}
.panel.sources div:not(.split-view-horizontal) .split-view-vertical .split-view-sidebar,
.panel.sources .split-view-vertical .split-view-contents-first.split-view-sidebar {
  -webkit-animation: none !important;
}
.sidebar-overlay {
  -webkit-animation: slideInLeftBig 0.5s ease-out;
}
.panel.elements .split-view-horizontal .split-view-contents-second:not(.metrics-and-computed),
.panel.sources .split-view-horizontal > .split-view-contents-second.split-view-sidebar {
  -webkit-animation: bounceInUp 1s ease-in-out;
  z-index: 99;
}
#toolbar > .toolbar-item.toggleable.toggled-on {
  -webkit-transition: border-top 0.25s ease-out 0;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected,
.small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected {
  -webkit-transition: border-top 0.25s ease-out 0;
}
/*-- NETWORK PANES --*/
#network-views {
  -webkit-animation: bounceInRight 0.5s ease-in-out;
}
/*-- INACTIVE SELECTORS --*/
.styles-section .properties .overloaded,
.styles-section .properties .inactive,
.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.right-top-arrow {
  -webkit-transform-origin: 100% 10%;
}
.popover.right-bottom-arrow {
  -webkit-transform-origin: 100% 90%;
}
.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%;
}
/* -- 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: #eee8d5;
  }
  50% {
    background-color: #e7dec3;
  }
  100% {
    background-color: #eee8d5;
  }
}
@-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);
  }
}
.panel.visible {
  -webkit-transform: translatez(0);
}
.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 #fae7b3;
  border-bottom: 1px solid #ffffff !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: #cb4b16 !important;
}
.panel.elements .parent.selected.expanded + .children > :last-child *,
.panel.elements .parent.hovered.expanded + .children > :last-child * {
  opacity: .6;
}
body .toolbar .toolbar-controls-left,
body .toolbar .toolbar-controls-right {
  background-color: #4d6066;
}
body .sidebar-separator {
  background-image: -webkit-linear-gradient(#a1adad, #93a1a1) !important;
  color: #c2efec !important;
  padding: .5em !important;
}
body #elements-crumbs .crumbs .crumb {
  border: 1px solid #425358 !important;
  border-top-color: #586e75 !important;
  border-left-color: #657b83 !important;
  border-right-color: #4d6066 !important;
}
body #elements-crumbs .crumbs .crumb.selected {
  border-top-color: #fdf6e3 !important;
}
body #elements-crumbs {
  flex: 0 0 28px !important;
  background: -webkit-linear-gradient(#586e75, #586e75 62%, #212a2c 63%, #53676e) !important;
}
body .help-window-main .help-key-cell .help-key {
  color: #111111 !important;
}
body.platform-mac .source-code {
  font-size: 12px !important;
  font-family: Consolas, Menlo, Monaco, monospace !important;
  line-height: 1.5 !important;
}
/**********************************************
/* Animations
/* -------------------------------------------
/* If you are experiencing performance issues,
/* remove the animations section below.
/**********************************************/
/**********************************************
/* 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: 1.5 !important;
}
.panel.elements .outline-disclosure li.parent::before {
  margin-top: 1px;
}
/**********************************************
/* 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,
#console-view,
#network-views .CodeMirror-lines,
#script-view-fallback,
.console-view-wrapper,
.dialog .fill,
.drawer .revision-history-drawer,
.help-window-main,
.panel .split-view-contents,
.panel,
.panel-enabler-view,
.profiles-sidebar-tree-box,
.sidebar-overlay,
.split-view-vertical .sidebar-pane.composite .properties-tree,
.styles-section.read-only,
.tabbed-pane-content,
.tabbed-pane-content.has-no-tabs .timeline-records-title,
.timeline-records-list,
#timeline-overview-sidebar {
  background-color: #fdf6e3 !important;
  z-index: 0;
}
.toolbar-background button.status-bar-item .glyph,
.toolbar-background button.status-bar-item .long-click-glyph {
  background-color: #ffffff !important;
}
#script-view-fallback {
  color: #ccc  !important;
}
.timeline {
  background: #fff !important;
}
.panel-enabler-view {
  color: #002b36;
}
.styles-section.read-only:not(.computed-style) {
  background-color: #fffefb !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: #fdf6e3 !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: #f8df9c !important;
}
.CodeMirror-gutters {
  background: #dfd4b1 !important;
  border-right: 2px solid #c9b67a !important;
}
.CodeMirror-selected {
  background: #383838 !important;
  color: #eee !important;
}
.CodeMirror-matchingbracket {
  color: #859900 !important;
  text-shadow: 0 0 3px #859900 !important;
  border-bottom: none !important;
}
.CodeMirror-nonmatchingbracket {
  color: #694f00 !important;
  text-shadow: 0 0 3px #694f00 !important;
  border-bottom: none !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;
  outline: 1px solid #e7dec3;
}
.cm-highlight *:not(.CodeMirror-linenumber) {
  color: #005469 !important;
}
.cm-execution-line {
  background-color: #eee8d5 !important;
  outline: 1px solid #e7dec3 !important;
}
.CodeMirror-linenumber {
  border-right: none !important;
}
@-webkit-keyframes fadeout-revised {
  0% {
    background-color: #eee8d5;
    outline: 1px solid #e7dec3;
  }
  50% {
    background-color: #eee8d5;
    outline: 1px solid #e7dec3;
  }
  100% {
    background-color: #fdf6e3;
    outline: 1px solid #fdf6e3;
  }
}
body.dock-to-right.inactive:not(.undocked):not(.overlay-contents),
body.dock-to-right:not(.undocked):not(.overlay-contents) {
  border-left: transparent !important;
}
.split-view.vbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
  border-top: none !important;
}
/**********************************************
/* Scrollbars
/**********************************************/
::-webkit-scrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  width: 12px !important;
  height: 12px !important;
  background-color: #fdf6e3 !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,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  -webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px !important;
  background-color: #fffefb !important;
  border: 1px solid #eee8d5 !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 #e7dec3 !important;
  border-bottom: none !important;
}
.styles-section:first-child {
  border-top: none !important;
}
.styles-section .value {
  color: #586e75 !important;
}
.styles-section .child-editing,
.styles-section .header .subtitle {
  color: #93a1a1 !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 {
  color: #657b83 !important;
}
.styles-section.first-styles-section,
.sidebar-separator + .styles-section {
  border-top: none !important;
}
.sidebar-separator {
  background-image: -webkit-linear-gradient(#586e75, #586e75) !important;
  color: #657b83 !important;
  text-shadow: none !important;
  border-top: none !important;
  border-bottom: none !important;
}
/*-- PSEUDO STATE DISPLAY --*/
.styles-element-state-pane {
  background: #ffffff !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 #ffffff;
}
.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 .event-category,
.sidebar-pane .section {
  border-top: 1px solid #ffffff !important;
  border-bottom: 1px solid #fbebc2 !important;
  margin-top: 0 !important;
}
.sidebar-pane .section:first-child {
  border-top: none !important;
}
.cm-js-atom {
  color: #859900 !important;
}
.cm-js-attribute {
  color: #268bd2 !important;
}
.cm-js-builtin {
  color: #6c71c4 !important;
}
.cm-js-comment {
  color: #93a1a1 !important;
  font-style: italic;
}
.cm-js-def {
  color: #268bd2 !important;
}
.cm-js-error {
  background: #9D1E15 !important;
  color: #586e75 !important;
}
.cm-js-header {
  color: #cb4b16 !important;
}
.cm-js-hr {
  color: #586e75 !important;
}
.cm-js-keyword {
  color: #6c71c4 !important;
  font-style: italic;
}
.cm-js-link {
  color: #6c71c4 !important;
}
.cm-js-meta {
  color: #859900 !important;
}
.cm-js-number {
  color: #859900 !important;
}
.cm-js-operator {
  color: #b58900 !important;
}
.cm-js-property {
  color: #b58900 !important;
}
.cm-js-string {
  color: #cb4b16 !important;
}
.cm-js-string-2 {
  color: #cb4b16 !important;
}
.cm-js-tag {
  color: #268bd2 !important;
}
.cm-js-variable {
  color: #586e75 !important;
}
.cm-js-variable-2 {
  color: #586e75 !important;
}
.source-frame-eval-expression {
  background-color: rgba(137, 245, 162, 0.4) !important;
  border-color: #89F5A2 !important;
}
.cm-atom {
  color: #859900 !important;
}
.cm-comment {
  color: #93a1a1 !important;
  font-style: italic;
}
.cm-variable {
  color: #586e75 !important;
}
.cm-string {
  color: #cb4b16 !important;
}
.cm-keyword {
  color: #6c71c4 !important;
  font-style: italic;
}
.cm-number {
  color: #859900 !important;
}
.cm-operator {
  color: #b58900 !important;
}
.cm-error {
  background: #9D1E15 !important;
  color: #586e75 !important;
}
.cm-s-default .cm-property {
  color: #586e75 !important;
}
/*--CSS--*/
.cm-css-atom {
  color: #586e75 !important;
}
.cm-css-builtin {
  color: #b58900 !important;
}
.cm-css-def {
  color: #b58900 !important;
}
.cm-css-comment {
  color: #93a1a1 !important;
  font-style: italic;
}
.cm-css-meta {
  color: #268bd2 !important;
}
.cm-css-number {
  color: #d33682 !important;
}
.cm-css-operator {
  color: #586e75 !important;
}
.cm-css-property {
  color: #268bd2 !important;
}
.cm-css-qualifier {
  color: #b58900 !important;
}
.cm-css-string {
  color: #9c7600 !important;
}
.cm-css-string-2 {
  color: #586e75 !important;
}
.cm-css-tag {
  color: #b58900 !important;
}
.cm-css-variable {
  color: #b58900 !important;
}
.cm-css-variable-2 {
  color: #b58900 !important;
}
/*--HTML--*/
.cm-xml-comment {
  color: #93a1a1 !important;
  font-style: italic !important;
}
.cm-xml-error {
  color: #dc322f !important;
}
.cm-xml-string {
  color: #cb4b16 !important;
}
.cm-xml-tag {
  color: #268bd2 !important;
}
.cm-xml-attribute {
  color: #2aa198 !important;
}
.cm-xml-link {
  color: #b58900 !important;
}
.shadow-root .webkit-html-fragment.shadow-root {
  color: #b58900 !important;
}
.outline-disclosure ol li .highlight {
  color: #d33682 !important;
}
/*--GLOBAL--*/
.CodeMirror-code {
  color: #002b36;
}
/**********************************************
/* Code Highlighting [WEBKIT]
/**********************************************/
/*-- HTML --*/
.webkit-html-attribute-name {
  color: #2aa198 !important;
}
.webkit-html-attribute-value {
  color: #cb4b16 !important;
}
.webkit-html-comment {
  color: #93a1a1 !important;
  font-style: italic;
}
.webkit-html-resource-link,
.webkit-html-external-link {
  color: #b58900 !important;
}
.webkit-html-tag,
.webkit-html-tag-name {
  color: #268bd2 !important;
}
.webkit-html-text-node,
.webkit-html-css-node,
.webkit-html-js-node {
  color: #586e75 !important;
}
.webkit-html-pseudo-element {
  color: #6c71c4 !important;
}
/*-- CSS --*/
.selector-matches {
  color: #b58900 !important;
}
.webkit-css-selector {
  color: #b58900 !important;
}
.webkit-css-at-rule {
  color: #6c71c4 !important;
}
.webkit-css-color {
  color: #b58900 !important;
}
.webkit-css-comment {
  color: #93a1a1 !important;
}
.webkit-css-important {
  color: #dc322f !important;
}
.webkit-css-keyword {
  color: #b58900 !important;
}
.webkit-css-number {
  color: #d33682 !important;
}
.webkit-css-property,
.styles-section .properties > li .webkit-css-property {
  color: #268bd2 !important;
  font-weight: 400;
}
.webkit-css-string {
  color: #9c7600 !important;
}
.webkit-css-url {
  color: #b58900 !important;
}
/*-- JAVASCRIPT --*/
.section .properties .name,
.event-properties .name,
.console-formatted-object .name {
  color: #073642 !important;
}
.console-formatted-object,
.console-formatted-array {
  color: #93a1a1 !important;
}
.console-formatted-function {
  color: #6c71c4 !important;
}
.console-formatted-number {
  color: #859900 !important;
}
.console-formatted-boolean {
  color: #859900 !important;
}
.console-object-preview {
  color: #586e75 !important;
}
.console-formatted-regexp {
  color: #d33682 !important;
}
.console-formatted-string {
  color: #cb4b16 !important;
}
.console-formatted-undefined {
  color: #f2b3b2 !important;
}
.json .title {
  color: #002b36 !important;
}
.json .separator {
  color: #000000 !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;
}
/************************************************
/* Elements Crumbs
/************************************************/
#elements-crumbs {
  background: -webkit-linear-gradient(#586e75, #586e75) !important;
  border-top: 1px solid #fffefb !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 #ffffff !important;
  border-right: 1px solid #ffffff !important;
  padding: 0 10px !important;
  margin: 0 !important;
  line-height: 18px !important;
}
#elements-crumbs .crumbs .crumb:hover {
  color: #073642 !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: #eee8d5 !important;
  text-shadow: none !important;
  color: #073642 !important;
  cursor: default;
}
/***********************/
/* Tabbed Panes
/***********************/
.tabbed-pane:not(.help-window-main) .tabbed-pane-header {
  background: -webkit-linear-gradient(#586e75, #586e75) !important;
  box-shadow: inset 0 1px 0 #678189 !important;
  border-bottom: 1px solid #425358 !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;
  margin-bottom: 1px !important;
  border-color: transparent !important;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab:hover {
  color: #fdf6e3 !important;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab.selected {
  background: none !important;
  border-top: 2px solid #ffce36 !important;
  color: #fdf6e3 !important;
  font-size: 1em;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-contents {
  color: #93a1a1 !important;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab-title {
  line-height: 16px !important;
}
.tabbed-pane:not(.help-window-main) .overrides-view .tabbed-pane-header-tab {
  border-top: none !important;
  margin-left: 6px !important;
}
.tabbed-pane:not(.help-window-main) .overrides-view .tabbed-pane-header-tab.selected {
  border-top: none !important;
  border-left: 6px solid #48cfc5 !important;
  margin-left: 0 !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 25px !important;
}
.tabbed-pane-content not(.overrides-view) .tabbed-pane-header .tabbed-pane-header-tab {
  height: 25px !important;
  line-height: 18.75px !important;
  cursor: pointer !important;
}
#drawer-contents .tabbed-pane-header,
.inactive #drawer-contents .tabbed-pane-header {
  border-top: none !important;
  border-bottom: #222 !important;
}
body.undocked.platform-mac-mountain-lion.inactive .toolbar-background,
body.undocked.platform-mac-mountain-lion .toolbar-background,
body.platform-mac-mountain-lion.inactive .toolbar-background,
body.platform-mac-mountain-lion .toolbar-background,
body:not(.undocked) .toolbar-background {
  background-image: -webkit-linear-gradient(#586e75, #586e75) !important;
}
.toolbar {
  background: -webkit-linear-gradient(#586e75, #586e75) !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 #425358 !important;
  box-shadow: inset 0 1px 0 #678189 !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: 21px !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 #fef9ed !important;
}
.split-view.hbox > .split-view-sidebar.split-view-contents-first:not(.maximized) {
  border-right: 2px solid #fef9ed !important;
}
.platform-windows #tab-console {
  width: 60px !important;
}
.platform-windows #tab-search {
  width: 53px !important;
}
.platform-windows #tab-emulation {
  width: 72px !important;
}
.platform-windows #tab-rendering {
  width: 72px !important;
}
.platform-mac #tab-console {
  width: 65px !important;
}
.platform-mac #tab-search {
  width: 55px !important;
}
.platform-mac #tab-emulation {
  width: 76px !important;
}
.platform-mac #tab-rendering {
  width: 76px !important;
}
/**********************************************/
/* Navigation Arrows
/**********************************************/
.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,
.timeline-expandable-expanded .timeline-expandable-arrow {
  background-color: #586e75 !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,
.timeline-expandable-collapsed .timeline-expandable-arrow {
  background-color: #586e75 !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(0deg);
}
.data-grid th.sort-ascending > div::after {
  background-color: #586e75 !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-mask-position: -4px -108px !important;
}
.data-grid th.sort-descending > div::after {
  background-color: #586e75 !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-mask-position: -20px -96px !important;
}
#search-results-pane-file-based .parent.expanded::before {
  -webkit-mask-position: -20px -96px !important;
}
#drawer-contents .search-match-line-number,
.webkit-line-number {
  background: #fefbf1 !important;
  border-right: 1px solid #ffffff !important;
  padding: 1px 5px 1px 0 !important;
  display: inline-block;
  color: #999 !important;
}
.search-drawer-header label.search-config-label,
.drawer .settings-tab label,
#drawer-footer td label {
  text-shadow: none !important;
  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;
}
.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-results-pane-file-based .search-result {
  background-color: #fefbf1 !important;
  color: #002b36 !important;
  border-top: 1px solid #ffffff !important;
  border-bottom: 1px solid #fcf3d9 !important;
  line-height: 18px !important;
  margin: 0 !important;
}
#search-results-pane-file-based .show-more-matches {
  color: #48cfc5 !important;
}
#search-results-pane-file-based .parent:hover {
  background-color: #fffefb !important;
  color: #003f50 !important;
}
#search-results-pane-file-based .parent .search-result-file-name {
  color: #586e75 !important;
}
#search-results-pane-file-based .parent .search-result-matches-count {
  color: #35c9be !important;
}
#search-results-pane-file-based .search-match .highlighted-match,
.highlighted-search-result,
.webkit-highlighted-line.webkit-line-content {
  color: #ffffff !important;
  border-radius: 2px !important;
  font-size: 1em !important;
  background-color: #48cfc5 !important;
  box-shadow: rgba(0, 0, 0, 0.498039) 3px 3px 4px 0px !important;
}
.search-match:hover {
  background-color: #fffefb !important;
  box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 #ffffff;
}
.inspector-footer {
  background-color: #ffffff !important;
  border-top: none !important;
}
.search-results-matches {
  color: #666 !important;
}
.search-match-content {
  color: #A3A3A3 !important;
}
.search-status-bar-summary {
  background: linear-gradient(#586e75, #586e75) !important;
  border-top: 1px solid #6e6e6e !important;
}
.search-drawer-header input[type="checkbox"].search-config-checkbox {
  vertical-align: middle !important;
}
/**********************************************/
/* Tables
/**********************************************/
.data-grid {
  border: 1px solid #fbeecb;
  background-color: transparent !important;
  background-image: none !important;
}
.data-grid th,
.data-grid .data {
  background: none !important;
  border-left: 1px solid #ffffff !important;
}
.data-grid .header {
  background-image: -webkit-linear-gradient(#586e75, #586e75);
}
.data-grid .header th {
  color: #48cfc5 !important;
}
.data-grid .header .key-column,
.data-grid .header .value-column {
  border: none !important;
}
.data-grid td {
  border-left: 1px solid #fefaef !important;
}
.data-grid .data-container a {
  text-decoration: none;
  color: #b58900 !important;
}
.data-grid .data-container tr:nth-child(odd) {
  background-color: #fdf6e3 !important;
}
.data-grid .data-container tr:nth-child(even) {
  background-color: #fef9ed !important;
}
.data-grid .data-container tr:not(.selected):not(.filler):hover {
  background-color: #fffefb !important;
  outline: 1px solid #ffffff !important;
}
.data-grid .data-container tr.selected {
  background-color: #eee8d5 !important;
  outline: 1px solid #e7dec3 !important;
}
.data-grid .data-container tr .editing * {
  color: #FFF !important;
  background-color: #fdf6e3 !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;
}
.popover .content {
  color: #002b36 !important;
}
.popover .content .source-frame-popover-title {
  color: #cb4b16 !important;
}
.popover .content .source-frame-popover-tree {
  border-top: 1px solid #586e75 !important;
}
.popover .content .popover-details-title {
  color: #b58900 !important;
}
.popover .content .popover-details-row-title {
  color: #268bd2 !important;
}
.popover .content .network-timing-bar {
  background-color: #48cfc5 !important;
  border-left-color: #48cfc5 !important;
}
.popover .content .network-timing-bar-title {
  color: #002b36 !important;
  text-shadow: 0 1px 1px #fffefb;
}
.webkit-line-content .text-editor-overlay-highlight {
  background-color: #eee8d5 !important;
  outline: 1px solid #e7dec3 !important;
}
/**********************************************
/* 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: #002b36 !important;
  top: 2px !important;
}
.resources.panel .sidebar li {
  color: #002b36 !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: #005469 !important;
}
.panel.resources .outline-disclosure li.selected .selection,
.panel.sources .outline-disclosure li.selected .selection {
  background: #eee8d5 !important;
  color: #005469 !important;
  border-top: 1px solid #e7dec3 !important;
  border-bottom: 1px solid #e7dec3 !important;
  margin-top: -1px !important;
}
.panel.resources .outline-disclosure li:hover:not(.selected) .selection,
.panel.sources .outline-disclosure li:hover:not(.selected) .selection {
  display: block !important;
  background: #fffefb !important;
  border-top: 1px solid #ffffff !important;
  border-bottom: 1px solid #ffffff !important;
  margin-top: -1px !important;
  height: 18px !important;
}
.panel.resources .outline-disclosure ol:focus li.selected .selection,
.panel.sources .outline-disclosure ol:focus li.selected .selection {
  background: #eee8d5 !important;
  color: #005469 !important;
  border-top: 1px solid #e7dec3 !important;
  border-bottom: 1px solid #e7dec3 !important;
  margin-top: -1px !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: #005469 !important;
  text-shadow: none !important;
}
.sidebar li.selected .selection {
  background-image: none !important;
  border: none !important;
}
.panel.sources .sidebar-overlay {
  border-right: 1px solid #fefbf1 !important;
  box-shadow: #141414 5px 0px 22px 3px !important;
}
/**********************************************
/* Suggest Box
/**********************************************/
.suggest-box {
  color: #000 !important;
  background-color: #fdf6e3 !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: #fffefb !important;
  border: 1px solid rgba(0, 0, 0, 0) !important;
}
.suggest-box-content-item.source-code.selected {
  background-color: #fffefb !important;
}
.suggest-box .source-code .prefix {
  color: #48cfc5 !important;
}
.suggest-box .source-code .suffix {
  color: #003f50 !important;
}
/**********************************************
/* Network Tab (uses _tables.less for list of nodes)
/**********************************************/
#network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover {
  text-decoration: none !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 #ffffff !important;
  border-bottom: 1px solid #ffffff !important;
}
.data-grid .network-timeline-grid .resources-divider-label {
  color: #002b36 !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: #002b36 !important;
  background: #fdf6e3 !important;
}
.resource-headers-view .outline-disclosure .header-name,
#network-views .resource-view .infoList dt {
  color: #ffffff !important;
}
.resource-headers-view .outline-disclosure .header-value,
#network-views .resource-view .infoList dd {
  color: #002b36;
}
/* Network Timing Pane */
.resource-timing-view table {
  background-color: #fffefb !important;
  padding: 20px !important;
  border-radius: 4px;
  margin: 20px !important;
}
.resource-timing-view table td .network-timing-bar-title {
  color: #444 !important;
}
#network-views .resource-headers-view .parent {
  background-color: #fefaef;
  color: #002b36 !important;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #fbeecb;
  line-height: 18px;
}
#network-views .script-view-fallback {
  background-color: #fdf6e3 !important;
  color: #002b36 !important;
}
.resource-headers-view .outline-disclosure .header-count,
.resource-headers-view .outline-disclosure .header-toggle {
  color: #48cfc5 !important;
  margin-left: 4px !important;
}
.resource-headers-view .outline-disclosure .header-toggle:hover {
  text-shadow: 0 0 10px #48cfc5;
}
.network-cell-subtitle {
  color: #00171c !important;
}
.network-log-grid.data-grid th {
  border-bottom: transparent !important;
}
.network.panel .panel-status-bar {
  border-bottom: none !important;
}
/**********************************************/
/* Elements/Network
/**********************************************/
.panel:not(.timeline):not(.audits):not(.profiles):not(.cpu-profiler):not(.css-profiler):not(.heap-profiler):not(.canvas-profiler) table,
.network-graph-bar,
.network-graph-label,
.network-graph-bar-area {
  color: #002b36 !important;
}
.network-summary-bar {
  background-image: -webkit-linear-gradient(#586e75, #586e75);
  border-top: 1px solid #fdf6e3 !important;
  color: #002b36 !important;
}
/**********************************************/
/* Console
/**********************************************/
.console-message {
  border-bottom: none !important;
}
.console-status-bar {
  background: -webkit-linear-gradient(#586e75, #586e75) !important;
  box-shadow: inset 0 1px 0 #678189, inset 0 -1px 0 #425358;
  border-bottom: none !important;
}
#console-prompt {
  color: #657b83 !important;
  border-top: none !important;
  border-top: 1px solid #fffefb !important;
  border-bottom: 1px solid #ffffff !important;
}
#console-messages {
  border-top: none !important;
}
.console-user-command {
  background-color: #fef9ed !important;
  border-top: 1px solid #fefbf1 !important;
  border-bottom: 1px solid #fcf3d9 !important;
}
.console-message .children li,
.console-user-command .children li {
  margin: 1px 0 !important;
}
#console-messages .console-user-command > .console-message-text {
  color: #002b36 !important;
}
#console-messages .console-log-level .console-message-text,
#console-messages .console-debug-level .console-message-text,
#console-messages .console-log-level .console-message-url,
#console-messages .console-debug-level .console-message-url {
  color: #268bd2 !important;
}
#console-messages .console-log-level .children div:hover *,
#console-messages .console-debug-level .children div:hover * {
  color: #227dbc !important;
}
#console-messages .console-warning-level .console-message-text,
#console-messages .console-warning-level .console-message-url {
  color: #b58900 !important;
}
#console-messages .console-warning-level .children div:hover * {
  color: #9c7600 !important;
}
#console-messages .console-error-level .console-message-text,
#console-messages .console-error-level .console-message-url {
  color: #dc322f !important;
}
#console-messages .console-error-level .children div:hover * {
  color: #cf2623 !important;
}
#console-messages .outline-disclosure .stacktrace-entry:hover {
  background-color: #fdf8e8 !important;
}
#console-messages a {
  color: #586e75 !important;
}
#console-messages a:hover {
  color: #637c84 !important;
}
#console-messages .console-message {
  color: #002b36 !important;
}
.console-group-messages .section .header .title {
  color: #002b36 !important;
}
.console-message .bubble {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.4) !important;
}
.bubble.debug,
.console-debug-level .bubble {
  background-color: #268bd2 !important;
}
.bubble.warning,
.console-warning-level .bubble {
  background-color: #b58900 !important;
}
.bubble.error,
.console-error-level .bubble {
  background-color: #dc322f !important;
}
/**********************************************
/* Timeline Tab
/**********************************************/
.timeline-category-statusbar-item,
.timeline-records-stats {
  text-shadow: none !important;
  color: #ccc !important;
}
.timeline-graph-side.hovered,
.timeline-tree-item.hovered:not(.selected) {
  background-color: #fffefb !important;
  outline: 1px solid #ffffff;
}
.timeline-graph-side.selected,
.timeline-tree-item.selected {
  background-color: #eee8d5 !important;
  outline: 1px solid #e7dec3 !important;
}
.timeline-tree-item {
  color: #002b36 !important;
}
.timeline-tree-item .data.dimmed {
  color: #002b36 !important;
  opacity: .7 !important;
}
/* Timeline */
.sidebar-tree-section {
  text-shadow: none !important;
}
.timeline-tree-item.selected .timeline-tree-item-expand-arrow,
.timeline-tree-item-expand-arrow {
  background-color: #586e75 !important;
}
#counter-values-bar,
#memory-graphs-container .sidebar-t