Created
March 7, 2012 03:19
-
-
Save brianyang/1990687 to your computer and use it in GitHub Desktop.
Tomorrow Nigth Color Scheme and Theme (Chrome WebInspector)
This file contains hidden or 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
| /* | |
| Tomorrow Nigth Color Scheme and Theme (Chrome WebInspector) | |
| 2012 Lior Hakim (www.liorhakim.com) | |
| https://github.com/ChrisKempson/Tomorrow-Theme | |
| OSx: | |
| ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/ | |
| Ubuntu: | |
| ~/.config/google-chrome/Default/User StyleSheets | |
| */ | |
| ignore{ | |
| /* HSL */ | |
| color:/*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| color:/*tomorroe-night-CurrentLine*/hsl(236, 10%, 33%)!important; | |
| color:/*tomorroe-night-Selection*/hsl(216, 8%, 24%)!important; | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| color:/*tomorroe-night-Comment*/hsl(120,0%,59%)!important; | |
| color:/*tomorroe-night-Red*/hsl(0,50%,60%)!important; | |
| color:/*tomorroe-night-Orange*/hsl(24,65%,62%)!important; | |
| color:/*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| color:/*tomorroe-night-Green*/hsl(65,39%,57%)!important; | |
| color:/*tomorroe-night-Aqua*/hsl(171,28%,64%)!important; | |
| color:/*tomorroe-night-Blue*/hsl(207,31%,62%)!important; | |
| color:/*tomorroe-night-Purple*/hsl(286,22%,65%)!important; | |
| /* HEX */ | |
| color:/*tomorroe-night-Background*/#1d1f21!important; | |
| color:/*tomorroe-night-CurrentLine*/#282a2e!important; | |
| color:/*tomorroe-night-Selection*/#373b41!important; | |
| color:/*tomorroe-night-Foreground*/#c5c8c6!important; | |
| color:/*tomorroe-night-Comment*/#969896!important; | |
| color:/*tomorroe-night-Red*/#cc6666!important; | |
| color:/*tomorroe-night-Orange*/#de935f!important; | |
| color:/*tomorroe-night-Yellow*/#f0c674!important; | |
| color:/*tomorroe-night-Green*/#b5bd68!important; | |
| color:/*tomorroe-night-Aqua*/#8abeb7!important; | |
| color:/*tomorroe-night-Blue*/#81a2be!important; | |
| color:/*tomorroe-night-Purple*/#b294bb!important; | |
| } | |
| /**********************************************/ | |
| /* Console | |
| /**********************************************/ | |
| /**********************************************/ | |
| /* Messages | |
| /**********************************************/ | |
| #console-messages { | |
| font-family: 'ProggyClean', 'DroidSansMono', Menlo, monospace !important; | |
| background: /*tomorroe-night-Background*/hsl(210,6%,12%) ; | |
| } | |
| #console-messages a { | |
| color: /*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| #console-messages a:hover { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| #console-messages .console-message { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| #console-messages .console-message, | |
| .console-user-command { | |
| border-bottom: 1px solid /*tomorroe-night-CurrentLine*/hsl(236, 10%, 33%) !important; | |
| } | |
| #console-messages .console-user-command > .console-message-text { | |
| color: /*tomorroe-night-Blue*/hsl(207,31%,62%) !important; | |
| } | |
| #console-messages .console-formatted-number, | |
| .popover .console-formatted-number { | |
| color: /*tomorroe-night-Orange*/hsl(24,65%,62%) !important; | |
| } | |
| #console-messages .console-formatted-string, | |
| .popover .console-formatted-string { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| #console-messages .console-formatted-object, | |
| .popover .console-formatted-object { | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| } | |
| #console-messages .console-formatted-function, | |
| .popover .console-formatted-function { | |
| color: /*tomorroe-night-Purple*/hsl(286,22%,65%) !important; | |
| } | |
| #console-messages .console-formatted-regexp, | |
| .popover .console-formatted-regexp{ | |
| color: /*tomorroe-night-Aqua*/hsl(171,28%,64%)!important; | |
| } | |
| #console-messages .console-formatted-null, | |
| .popover .console-formatted-null{ | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| } | |
| #console-messages .console-formatted-array, | |
| .popover .console-formatted-array{ | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| } | |
| .popover .console-formatted-boolean{ | |
| color: /*tomorroe-night-Orange*/hsl(24,65%,62%) !important; | |
| } | |
| #console-messages .console-group-messages .section .header .title { | |
| color: /*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| #console-messages .section .properties .name, .event-properties .name { | |
| color: /*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| #console-messages .console-group-messages .section .header::before, | |
| #console-messages .properties-tree li.parent::before { | |
| content: url(chrome-devtools://devtools/Images/treeRightTriangleWhite.png) !important; | |
| } | |
| #console-messages .console-group-messages .section.expanded .header::before, | |
| #console-messages .properties-tree li.parent.expanded::before { | |
| content: url(chrome-devtools://devtools/Images/treeDownTriangleWhite.png) !important; | |
| } | |
| @-webkit-keyframes webkit-error-level { | |
| 0% { color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important } | |
| 50% { color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important } | |
| 100% { color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important } | |
| } | |
| #console-messages .console-error-level .console-message-text { | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| -webkit-animation-name: webkit-error-level; | |
| -webkit-animation-duration: 2s; | |
| -webkit-animation-iteration-count: infinite; | |
| -webkit-timing-function: ease-in-out; | |
| } | |
| #console-messages .console-user-command::before { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTMzNzdGNUZDMTA1MTFFMDgwRUZGQ0JCMjgzMzU0MTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTMzNzdGNjBDMTA1MTFFMDgwRUZGQ0JCMjgzMzU0MTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzM3N0Y1REMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzM3N0Y1RUMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pia6udAAAAB5SURBVHjaYvz//z8DMYAFxli9ejWI6oByK5AVhYaGIhRCgQsQGwOxIFTxe5gEE5pCVyA+C8RpQLwbqgmrwvdQxauhis6AbMamEASUkEwCabyHTWE51BQlqBNMoDSKQhckX3dCFd3DCB4g2AP16VkoGwUwEhvgAAEGAAzQHBRSxqPRAAAAAElFTkSuQmCC) !important; | |
| } | |
| /**********************************************/ | |
| /* Prompt | |
| /**********************************************/ | |
| #console-prompt { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%) !important; | |
| } | |
| #console-prompt::before { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRGNTc2MTZDMTA2MTFFMDgwRUZGQ0JCMjgzMzU0MTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRGNTc2MTdDMTA2MTFFMDgwRUZGQ0JCMjgzMzU0MTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzM3N0Y2MUMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzM3N0Y2MkMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plf0eOsAAAB4SURBVHjaYvz//z8DMYAFxph+BqyhA8qtQFaUacKIUAgFLkBsDMSCUMXvYRJMaApdgfgsEKcB8W6oJqwK30MVr4YqOgPEodgUgoASkkkgjfewKSyHmqIEdYIJlEZR6ILk606oonsYwQMEe6A+PQtlowBGYgMcIMAAF2wcFPVNZx8AAAAASUVORK5CYII=) !important; | |
| color: #fff !important; | |
| } | |
| /**********************************************/ | |
| /* View Source | |
| /**********************************************/ | |
| .webkit-line-number { | |
| background: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .webkit-line-content { | |
| background: /*tomorroe-night-Background*/hsl(210,6%,12%) !important; | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| /**********************************************/ | |
| /* Elements/Network | |
| /**********************************************/ | |
| /**********************************************/ | |
| /* Layout | |
| /**********************************************/ | |
| #storage-views .script-view, | |
| #network-views .script-view, | |
| #script-resource-views .script-view { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| #storage-views .script-view, | |
| #elements-content, | |
| #network-views .text-editor-contents, | |
| #script-resource-views .script-view { | |
| background: /*tomorroe-night-Background*/hsl(210,6%,12%) !important; | |
| font-size: 12px !important; | |
| } | |
| #elements-content .highlight { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%); | |
| } | |
| #elements-content li.hovered:not(.selected) .selection { | |
| background: rgba(255, 255, 255, .2) !important; | |
| } | |
| #elements-content .selection.selected { | |
| z-index: 0 !important; | |
| } | |
| #elements-content ol:focus li.selected .selection { | |
| background: /*tomorroe-night-CurrentLine*/rgba(255, 255, 255, .2) !important; | |
| } | |
| .outline-disclosure li.selected .selection { | |
| background: /*tomorroe-night-CurrentLine*/rgba(255, 255, 255, .2) !important; | |
| } | |
| #elements-content .selected .highlight { | |
| position: relative; | |
| z-index: 2; | |
| } | |
| #elements-content .selected { | |
| background-color: /*tomorroe-night-CurrentLine*/hsl(236, 10%, 33%,2) !important; | |
| } | |
| #elements-content .editing { | |
| background-color: #242424 !important; | |
| } | |
| .console-group-messages .section .header::before | |
| , .section .header::before | |
| , .properties-tree li.parent::before | |
| , #elements-content .parent::before | |
| , .outline-disclosure li.parent::before{ | |
| content: url(chrome-devtools://devtools/Images/treeRightTriangleWhite.png) !important; | |
| } | |
| .console-group-messages .section.expanded .header::before | |
| , .section.expanded .header::before | |
| , .properties-tree li.parent.expanded::before | |
| , #elements-content .parent.expanded::before | |
| , .outline-disclosure li.parent.expanded::before{ | |
| content: url(chrome-devtools://devtools/Images/treeDownTriangleWhite.png) !important; | |
| } | |
| .timeline-expandable-collapsed{ | |
| background-image: url(chrome-devtools://devtools/Images/treeRightTriangleWhite.png)!important; | |
| } | |
| .timeline-expandable-expanded{ | |
| background-image: url(chrome-devtools://devtools/Images/treeDownTriangleWhite.png)!important; | |
| } | |
| /**********************************************/ | |
| /* HTML | |
| /**********************************************/ | |
| .webkit-html-comment { | |
| color: /*tomorroe-night-Comment*/hsl(120,0%,59%) !important; | |
| } | |
| .webkit-html-tag { | |
| color: /*tomorroe-night-Blue*/hsl(207,31%,62%) !important; | |
| } | |
| .webkit-html-attribute-name{ | |
| color: /*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| .webkit-html-attribute-value { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| .webkit-html-css-node { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .webkit-html-js-node { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .webkit-html-external-link { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| /**********************************************/ | |
| /* CSS | |
| /**********************************************/ | |
| .webkit-css-comment { | |
| color: /*tomorroe-night-Comment*/hsl(120,0%,59%) !important; | |
| } | |
| .webkit-css-selector,.styles-selector { | |
| color: /*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| .webkit-css-property,.styles-section.read-only { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .webkit-css-keyword,.value{ | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| } | |
| .webkit-css-number { | |
| color: /*tomorroe-night-Orange*/hsl(24,65%,62%) !important; | |
| } | |
| .webkit-css-at-rule { | |
| color: /*tomorroe-night-Purple*/hsl(286,22%,65%) !important; | |
| } | |
| .webkit-css-string { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| .webkit-css-url { | |
| color: /*tomorroe-night-Blue*/hsl(207,31%,62%) !important; | |
| } | |
| /**********************************************/ | |
| /* JavaScript | |
| /**********************************************/ | |
| .webkit-javascript-ident { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .webkit-javascript-keyword { | |
| color: /*tomorroe-night-Purple*/hsl(286,22%,65%) !important; | |
| } | |
| .webkit-javascript-comment { | |
| color: /*tomorroe-night-Comment*/hsl(120,0%,59%) !important; | |
| } | |
| .webkit-javascript-string { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| .webkit-javascript-number { | |
| color: /*tomorroe-night-Orange*/hsl(24,65%,62%) !important; | |
| } | |
| .webkit-javascript-regexp { | |
| color: /*tomorroe-night-Aqua*/hsl(171,28%,64%)!important; | |
| } | |
| /* ToolBars*/ | |
| #toolbar{ | |
| background-image: 0!important; | |
| background:#444!important; | |
| border-bottom: 1px solid #222!important; | |
| } | |
| .toolbar-label{ | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| text-shadow: #000 0 1px 0!important; | |
| } | |
| /* Status Bar*/ | |
| #main-status-bar{ | |
| background:#444!important; | |
| } | |
| .crumbs .crumb.selected{ | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| text-shadow: #000 0 1px 0!important; | |
| } | |
| .crumbs .crumb{ | |
| color:#000!important; | |
| text-shadow: #555 0 1px 0!important; | |
| } | |
| select.status-bar-item:active{ | |
| color:hsl(140,2%,77%)!important; | |
| } | |
| select.status-bar-item{ | |
| color:hsl(140,2%,77%)!important; | |
| text-shadow:#000 0 1px 0!important; | |
| background:#777!important; | |
| -webkit-border-image: url(Images/statusbarMenuButtonChromium.png) 0 17 0 2!important; | |
| } | |
| button.status-bar-item { | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsl(0, 0%, 59%)), to(hsl(140,2%,77%)))!important; | |
| } | |
| .status-bar{ | |
| background:#444!important; | |
| } | |
| select.status-bar-item { | |
| background: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover { | |
| -webkit-border-image: url(Images/segmentSelectedEndChromium.png) 0 2 0 2; | |
| } | |
| #network-filter.scope-bar li,.scope-bar li { | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| text-shadow: #000 0 1px 0!important; | |
| } | |
| .network-log-grid.data-grid .network-summary-bar { | |
| background-color: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .network-item-view .tabbed-pane-header { | |
| background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsl(0, 0%, 59%)), to(hsl(140,2%,77%)))!important; | |
| } | |
| .resource-view.image img.resource-image-view { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAtSURBVChTY+Tl5f3PgAXIy8tjE2ZgwiqKR3A4aGDU0dHBGkoPHz4cDSVYCAAAAmgFwGB1l78AAAAASUVORK5CYII=)!important; | |
| } | |
| /* SideBar */ | |
| #main-panels{ | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%); | |
| } | |
| .styles-section.read-only,.styles-section.read-only .webkit-css-property{ | |
| background:#444!important; | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .styles-section .header .subtitle { | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .panel-enabler-view{ | |
| background-color:/*tomorroe-night-Background*/hsl(210,6%,12%) !important; | |
| } | |
| /* Foreground*/ | |
| #main-panels | |
| , .placard:nth-of-type(2n-1) .title | |
| , .breakpoint-list li | |
| , .section .header | |
| , .pane > .body .info | |
| , .placard:nth-of-type(2n-1) .subtitle | |
| , .webkit-javascript-ident{ | |
| color: hsl(140,2%,77%)!important; | |
| } | |
| .text-editor-lines { | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%) !important; | |
| } | |
| .split-view-sidebar-left { | |
| border-right: 1px solid /*tomorroe-night-Comment*/hsl(120,0%,59%)!important; | |
| } | |
| /* Network */ | |
| .tabbed-pane-content{ | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%); | |
| } | |
| .outline-disclosure > ol { | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .network-log-grid.data-grid td{ | |
| border-right: 1px solid #000!important; | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%);!important; | |
| } | |
| .network-log-grid.data-grid td.method-column, .network-log-grid.data-grid td.status-column, .network-log-grid.data-grid td.type-column, .network-log-grid.data-grid td.initiator-column, .network-log-grid.data-grid td.size-column, .network-log-grid.data-grid td.time-column { | |
| background:#444!important; | |
| border-right: 1px solid #000!important; | |
| } | |
| .network-header-subtitle { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .network-log-grid.data-grid .network-summary-bar { | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%);!important; | |
| } | |
| /* Data Grid*/ | |
| .data-grid th { | |
| background-image:0!important; | |
| background:/*tomorroe-night-Comment*/hsl(120,0%,59%) !important; | |
| border: 1px solid /*tomorroe-night-CurrentLine*/hsl(236, 10%, 33%)!important; | |
| color:/*tomorroe-night-Background*/hsl(210,6%,12%); | |
| } | |
| .data-container tr{ | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%); | |
| } | |
| .data-container tr:nth-of-type(2n-1){ | |
| background:#444; | |
| } | |
| .data-container td { | |
| border-right: 1px solid #000!important; | |
| } | |
| .data-grid tr.selected { | |
| background-color: /*tomorroe-night-Blue*/hsl(207,31%,62%) !important ; | |
| } | |
| /*Audit*/ | |
| .audit-result { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| /*Side Bar*/ | |
| .pane > .title{ | |
| background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#333))!important; | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| text-shadow: /*tomorroe-night-Background*/hsl(210,6%,12%) 0 1px 0!important; | |
| border-top: 1px solid #222!important; | |
| border-bottom: 1px solid #111!important; | |
| } | |
| .inactive .sidebar { | |
| background-color: #444!important; | |
| } | |
| .sidebar { | |
| background-color: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .section .properties .value.error{ | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| } | |
| .sidebar-tree-section { | |
| color: /*tomorroe-night-Comment*/hsl(120,0%,59%) !important; | |
| text-shadow: #000!important 0 0px 0; | |
| } | |
| .webkit-html-external-link, .webkit-html-resource-link { | |
| color: /*tomorroe-night-Blue*/hsl(207,31%,62%) !important; | |
| } | |
| .webkit-html-attribute-value.webkit-html-resource-link{ | |
| color: /*tomorroe-night-Aqua*/hsl(171,28%,64%) !important; | |
| } | |
| .base-storage-tree-element-subtitle { | |
| color: /*tomorroe-night-Comment*/hsl(120,0%,59%) !important ; | |
| } | |
| .pane > .body .placard + .info { | |
| color:/*tomorroe-night-Background*/hsl(210, 6%, 15%) !important ; | |
| } | |
| .breakpoint-list li.breakpoint-hit { | |
| color:/*tomorroe-night-Background*/hsl(210, 6%, 15%) !important; | |
| } | |
| .editing, .editing * { | |
| outline: 1px solid /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| background-color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| color: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .section .properties .name | |
| , .event-properties .name { | |
| color:/*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| .section .properties .name.editing | |
| ,.webkit-css-property.editing{ | |
| color:/*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| #elements-content .editing | |
| , .child-editing | |
| , .editing{ | |
| background-color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| color: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .text-editor-lines { | |
| border-right: 1px solid hsl(210, 4%, 20%)!important; | |
| } | |
| /* Time Line */ | |
| .popover .content{ | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| #timeline-overview-grid { | |
| background:/*tomorroe-night-Background*/hsl(210, 6%, 15%) !important; | |
| } | |
| .timeline-graph-side.even { | |
| background-color: hsla(0, 0%, 0%, 0.45); | |
| } | |
| #counters > .timeline-records-counter { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| text-shadow: #000 0 1px 0!important; | |
| } | |
| .sidebar-tree-item{ | |
| color:/*tomorroe-night-Background*/hsl(210, 6%, 15%) !important; | |
| } | |
| /* Pop over */ | |
| .popover { | |
| -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAAQklEQVR42u3BMQEAAADCoPVPbQo/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICLAaytAAGa/8ryAAAAAElFTkSuQmCC)!important; | |
| } | |
| .popover .arrow { | |
| background-image: 0!important; | |
| background: #555!important; | |
| margin-bottom: -13px!important; | |
| -webkit-transform: rotate(45deg); | |
| margin-top: -11px!important; | |
| z-index: -1; | |
| } | |
| .source-frame-popover-title{ | |
| color:hsl(140,2%,77%)!important; | |
| } | |
| .source-frame-popover-tree { | |
| border-top: 1px solid hsl(210,6%,12%)!important; | |
| } | |
| .popover .separator{ | |
| color:hsl(140,2%,77%)!important; | |
| } | |
| .source-frame-eval-expression | |
| , .source-frame-eval-expression .webkit-javascript-ident{ | |
| border: 1px solid hsl(140,2%,77%)!important; | |
| margin: -1px; | |
| background-color: hsl(140,2%,77%)!important; | |
| color:hsl(210,6%,12%)!important; | |
| } | |
| .popover .properties .name{ | |
| color: hsl(287,23%,67%)!important; | |
| } | |
| .popover { | |
| -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAAQklEQVR42u3BMQEAAADCoPVPbQo/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICLAaytAAGa/8ryAAAAAElFTkSuQmCC)!important; | |
| } | |
| .popover::before { | |
| background:#555 !important; | |
| width: 100%; | |
| height: 100%; | |
| content: ' '; | |
| position: relative; | |
| display: block; | |
| z-index: 0; | |
| border-radius: 8px; | |
| top: -6px; | |
| padding: 6px; | |
| } | |
| /* | |
| Tomorrow Nigth Color Scheme and Theme (Chrome WebInspector) | |
| 2012 Lior Hakim (www.liorhakim.com) | |
| https://github.com/ChrisKempson/Tomorrow-Theme | |
| http://darcyclarke.me/design/skin-your-chrome-inspector/ | |
| if you want to create your own color scheme just select the color name | |
| with the comment than search and replace | |
| */ | |
| ignore{ | |
| /* HSL */ | |
| color:/*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| color:/*tomorroe-night-CurrentLine*/hsl(236, 10%, 33%)!important; | |
| color:/*tomorroe-night-Selection*/hsl(216, 8%, 24%)!important; | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| color:/*tomorroe-night-Comment*/hsl(120,0%,59%)!important; | |
| color:/*tomorroe-night-Red*/hsl(0,50%,60%)!important; | |
| color:/*tomorroe-night-Orange*/hsl(24,65%,62%)!important; | |
| color:/*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| color:/*tomorroe-night-Green*/hsl(65,39%,57%)!important; | |
| color:/*tomorroe-night-Aqua*/hsl(171,28%,64%)!important; | |
| color:/*tomorroe-night-Blue*/hsl(207,31%,62%)!important; | |
| color:/*tomorroe-night-Purple*/hsl(286,22%,65%)!important; | |
| /* HEX */ | |
| color:/*tomorroe-night-Background*/#1d1f21!important; | |
| color:/*tomorroe-night-CurrentLine*/#282a2e!important; | |
| color:/*tomorroe-night-Selection*/#373b41!important; | |
| color:/*tomorroe-night-Foreground*/#c5c8c6!important; | |
| color:/*tomorroe-night-Comment*/#969896!important; | |
| color:/*tomorroe-night-Red*/#cc6666!important; | |
| color:/*tomorroe-night-Orange*/#de935f!important; | |
| color:/*tomorroe-night-Yellow*/#f0c674!important; | |
| color:/*tomorroe-night-Green*/#b5bd68!important; | |
| color:/*tomorroe-night-Aqua*/#8abeb7!important; | |
| color:/*tomorroe-night-Blue*/#81a2be!important; | |
| color:/*tomorroe-night-Purple*/#b294bb!important; | |
| } | |
| /**********************************************/ | |
| /* Console | |
| /**********************************************/ | |
| /**********************************************/ | |
| /* Messages | |
| /**********************************************/ | |
| #console-messages { | |
| font-family: 'ProggyClean', 'DroidSansMono', Menlo, monospace !important; | |
| background: /*tomorroe-night-Background*/hsl(210,6%,12%) ; | |
| } | |
| #console-messages a { | |
| color: /*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| #console-messages a:hover { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| #console-messages .console-message { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| #console-messages .console-message, | |
| .console-user-command { | |
| border-bottom: 1px solid /*tomorroe-night-CurrentLine*/hsl(236, 10%, 33%) !important; | |
| } | |
| #console-messages .console-user-command > .console-message-text { | |
| color: /*tomorroe-night-Blue*/hsl(207,31%,62%) !important; | |
| } | |
| #console-messages .console-formatted-number, | |
| .popover .console-formatted-number { | |
| color: /*tomorroe-night-Orange*/hsl(24,65%,62%) !important; | |
| } | |
| #console-messages .console-formatted-string, | |
| .popover .console-formatted-string { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| #console-messages .console-formatted-object, | |
| .popover .console-formatted-object { | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| } | |
| #console-messages .console-formatted-function, | |
| .popover .console-formatted-function { | |
| color: /*tomorroe-night-Purple*/hsl(286,22%,65%) !important; | |
| } | |
| #console-messages .console-formatted-regexp, | |
| .popover .console-formatted-regexp{ | |
| color: /*tomorroe-night-Aqua*/hsl(171,28%,64%)!important; | |
| } | |
| #console-messages .console-formatted-null, | |
| .popover .console-formatted-null{ | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| } | |
| #console-messages .console-formatted-array, | |
| .popover .console-formatted-array{ | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| } | |
| .popover .console-formatted-boolean{ | |
| color: /*tomorroe-night-Orange*/hsl(24,65%,62%) !important; | |
| } | |
| #console-messages .console-group-messages .section .header .title { | |
| color: /*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| #console-messages .section .properties .name, .event-properties .name { | |
| color: /*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| #console-messages .console-group-messages .section .header::before, | |
| #console-messages .properties-tree li.parent::before { | |
| content: url(chrome-devtools://devtools/Images/treeRightTriangleWhite.png) !important; | |
| } | |
| #console-messages .console-group-messages .section.expanded .header::before, | |
| #console-messages .properties-tree li.parent.expanded::before { | |
| content: url(chrome-devtools://devtools/Images/treeDownTriangleWhite.png) !important; | |
| } | |
| @-webkit-keyframes webkit-error-level { | |
| 0% { color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important } | |
| 50% { color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important } | |
| 100% { color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important } | |
| } | |
| #console-messages .console-error-level .console-message-text { | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| -webkit-animation-name: webkit-error-level; | |
| -webkit-animation-duration: 2s; | |
| -webkit-animation-iteration-count: infinite; | |
| -webkit-timing-function: ease-in-out; | |
| } | |
| #console-messages .console-user-command::before { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTMzNzdGNUZDMTA1MTFFMDgwRUZGQ0JCMjgzMzU0MTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTMzNzdGNjBDMTA1MTFFMDgwRUZGQ0JCMjgzMzU0MTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzM3N0Y1REMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzM3N0Y1RUMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pia6udAAAAB5SURBVHjaYvz//z8DMYAFxli9ejWI6oByK5AVhYaGIhRCgQsQGwOxIFTxe5gEE5pCVyA+C8RpQLwbqgmrwvdQxauhis6AbMamEASUkEwCabyHTWE51BQlqBNMoDSKQhckX3dCFd3DCB4g2AP16VkoGwUwEhvgAAEGAAzQHBRSxqPRAAAAAElFTkSuQmCC) !important; | |
| } | |
| /**********************************************/ | |
| /* Prompt | |
| /**********************************************/ | |
| #console-prompt { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%) !important; | |
| } | |
| #console-prompt::before { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRGNTc2MTZDMTA2MTFFMDgwRUZGQ0JCMjgzMzU0MTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRGNTc2MTdDMTA2MTFFMDgwRUZGQ0JCMjgzMzU0MTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzM3N0Y2MUMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzM3N0Y2MkMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plf0eOsAAAB4SURBVHjaYvz//z8DMYAFxph+BqyhA8qtQFaUacKIUAgFLkBsDMSCUMXvYRJMaApdgfgsEKcB8W6oJqwK30MVr4YqOgPEodgUgoASkkkgjfewKSyHmqIEdYIJlEZR6ILk606oonsYwQMEe6A+PQtlowBGYgMcIMAAF2wcFPVNZx8AAAAASUVORK5CYII=) !important; | |
| color: #fff !important; | |
| } | |
| /**********************************************/ | |
| /* View Source | |
| /**********************************************/ | |
| .webkit-line-number { | |
| background: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .webkit-line-content { | |
| background: /*tomorroe-night-Background*/hsl(210,6%,12%) !important; | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| /**********************************************/ | |
| /* Elements/Network | |
| /**********************************************/ | |
| /**********************************************/ | |
| /* Layout | |
| /**********************************************/ | |
| #storage-views .script-view, | |
| #network-views .script-view, | |
| #script-resource-views .script-view { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| #storage-views .script-view, | |
| #elements-content, | |
| #network-views .text-editor-contents, | |
| #-webkit-web-inspector#script-resource-views .script-view { | |
| background: /*tomorroe-night-Background*/hsl(210,6%,12%) !important; | |
| font-size: 12px !important; | |
| } | |
| #elements-content .highlight { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%); | |
| } | |
| #elements-content li.hovered:not(.selected) .selection { | |
| background: rgba(255, 255, 255, .2) !important; | |
| } | |
| #elements-content .selection.selected { | |
| z-index: 0 !important; | |
| } | |
| #elements-content ol:focus li.selected .selection { | |
| background: /*tomorroe-night-CurrentLine*/rgba(255, 255, 255, .2) !important; | |
| } | |
| .outline-disclosure li.selected .selection { | |
| background: /*tomorroe-night-CurrentLine*/rgba(255, 255, 255, .2) !important; | |
| } | |
| #elements-content .selected .highlight { | |
| position: relative; | |
| z-index: 2; | |
| } | |
| #elements-content .selected { | |
| background-color: /*tomorroe-night-CurrentLine*/hsl(236, 10%, 33%,2) !important; | |
| } | |
| #elements-content .editing { | |
| background-color: #242424 !important; | |
| } | |
| .console-group-messages .section .header::before | |
| ,.section .header::before | |
| ,.properties-tree li.parent::before | |
| ,#elements-content .parent::before | |
| ,.outline-disclosure li.parent::before{ | |
| content: url(chrome-devtools://devtools/Images/treeRightTriangleWhite.png) !important; | |
| } | |
| .console-group-messages .section.expanded .header::before | |
| ,.section.expanded .header::before | |
| ,.properties-tree li.parent.expanded::before | |
| ,#elements-content .parent.expanded::before | |
| ,.outline-disclosure li.parent.expanded::before{ | |
| content: url(chrome-devtools://devtools/Images/treeDownTriangleWhite.png) !important; | |
| } | |
| .timeline-expandable-collapsed{ | |
| background-image: url(chrome-devtools://devtools/Images/treeRightTriangleWhite.png)!important; | |
| } | |
| .timeline-expandable-expanded{ | |
| background-image: url(chrome-devtools://devtools/Images/treeDownTriangleWhite.png)!important; | |
| } | |
| /**********************************************/ | |
| /* HTML | |
| /**********************************************/ | |
| .webkit-html-comment { | |
| color: /*tomorroe-night-Comment*/hsl(120,0%,59%) !important; | |
| } | |
| .webkit-html-tag { | |
| color: /*tomorroe-night-Blue*/hsl(207,31%,62%) !important; | |
| } | |
| .webkit-html-attribute-name{ | |
| color: /*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| .webkit-html-attribute-value { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| .webkit-html-css-node { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .webkit-html-js-node { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .webkit-html-external-link { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| /**********************************************/ | |
| /* CSS | |
| /**********************************************/ | |
| .webkit-css-comment { | |
| color: /*tomorroe-night-Comment*/hsl(120,0%,59%) !important; | |
| } | |
| .webkit-css-selector,.styles-selector { | |
| color: /*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| .webkit-css-property,.styles-section.read-only { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .webkit-css-keyword,.value{ | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| } | |
| .webkit-css-number { | |
| color: /*tomorroe-night-Orange*/hsl(24,65%,62%) !important; | |
| } | |
| .webkit-css-at-rule { | |
| color: /*tomorroe-night-Purple*/hsl(286,22%,65%) !important; | |
| } | |
| .webkit-css-string { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| .webkit-css-url { | |
| color: /*tomorroe-night-Blue*/hsl(207,31%,62%) !important; | |
| } | |
| /**********************************************/ | |
| /* JavaScript | |
| /**********************************************/ | |
| .webkit-javascript-ident { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .webkit-javascript-keyword { | |
| color: /*tomorroe-night-Purple*/hsl(286,22%,65%) !important; | |
| } | |
| .webkit-javascript-comment { | |
| color: /*tomorroe-night-Comment*/hsl(120,0%,59%) !important; | |
| } | |
| .webkit-javascript-string { | |
| color: /*tomorroe-night-Green*/hsl(65,39%,57%) !important; | |
| } | |
| .webkit-javascript-number { | |
| color: /*tomorroe-night-Orange*/hsl(24,65%,62%) !important; | |
| } | |
| .webkit-javascript-regexp { | |
| color: /*tomorroe-night-Aqua*/hsl(171,28%,64%)!important; | |
| } | |
| /* ToolBars*/ | |
| #toolbar{ | |
| background-image: 0!important; | |
| background:#444!important; | |
| border-bottom: 1px solid #222!important; | |
| } | |
| .toolbar-label{ | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| text-shadow: #000 0 1px 0!important; | |
| } | |
| /* Status Bar*/ | |
| #main-status-bar{ | |
| background:#444!important; | |
| } | |
| .crumbs .crumb.selected{ | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| text-shadow: #000 0 1px 0!important; | |
| } | |
| .crumbs .crumb{ | |
| color:#000!important; | |
| text-shadow: #555 0 1px 0!important; | |
| } | |
| select.status-bar-item:active{ | |
| color:hsl(140,2%,77%)!important; | |
| } | |
| select.status-bar-item{ | |
| color:hsl(140,2%,77%)!important; | |
| text-shadow:#000 0 1px 0!important; | |
| background:#777!important; | |
| -webkit-border-image: url(Images/statusbarMenuButtonChromium.png) 0 17 0 2!important; | |
| } | |
| button.status-bar-item { | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsl(0, 0%, 59%)), to(hsl(140,2%,77%)))!important; | |
| } | |
| .status-bar{ | |
| background:#444!important; | |
| } | |
| select.status-bar-item { | |
| background: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover { | |
| -webkit-border-image: url(Images/segmentSelectedEndChromium.png) 0 2 0 2; | |
| } | |
| #network-filter.scope-bar li,.scope-bar li { | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| text-shadow: #000 0 1px 0!important; | |
| } | |
| .network-log-grid.data-grid .network-summary-bar { | |
| background-color: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .network-item-view .tabbed-pane-header { | |
| background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsl(0, 0%, 59%)), to(hsl(140,2%,77%)))!important; | |
| } | |
| .resource-view.image img.resource-image-view { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAtSURBVChTY+Tl5f3PgAXIy8tjE2ZgwiqKR3A4aGDU0dHBGkoPHz4cDSVYCAAAAmgFwGB1l78AAAAASUVORK5CYII=)!important; | |
| } | |
| /* SideBar */ | |
| #main-panels{ | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%); | |
| } | |
| .styles-section.read-only,.styles-section.read-only .webkit-css-property{ | |
| background:#444!important; | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .styles-section .header .subtitle { | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .panel-enabler-view{ | |
| background-color:/*tomorroe-night-Background*/hsl(210,6%,12%) !important; | |
| } | |
| /* Foreground*/ | |
| #main-panels | |
| ,.placard:nth-of-type(2n-1) .title | |
| ,.breakpoint-list li | |
| ,.section .header | |
| ,.pane > .body .info | |
| ,.placard:nth-of-type(2n-1) .subtitle | |
| ,.webkit-javascript-ident{ | |
| color: hsl(140,2%,77%)!important; | |
| } | |
| .text-editor-lines { | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%) !important; | |
| } | |
| .split-view-sidebar-left { | |
| border-right: 1px solid /*tomorroe-night-Comment*/hsl(120,0%,59%)!important; | |
| } | |
| /* Network */ | |
| .tabbed-pane-content{ | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%); | |
| } | |
| .outline-disclosure > ol { | |
| color:/*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .network-log-grid.data-grid td{ | |
| border-right: 1px solid #000!important; | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%);!important; | |
| } | |
| .network-log-grid.data-grid td.method-column, .network-log-grid.data-grid td.status-column, .network-log-grid.data-grid td.type-column, .network-log-grid.data-grid td.initiator-column, .network-log-grid.data-grid td.size-column, .network-log-grid.data-grid td.time-column { | |
| background:#444!important; | |
| border-right: 1px solid #000!important; | |
| } | |
| .network-header-subtitle { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| .network-log-grid.data-grid .network-summary-bar { | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%);!important; | |
| } | |
| /* Data Grid*/ | |
| .data-grid th { | |
| background-image:0!important; | |
| background:/*tomorroe-night-Comment*/hsl(120,0%,59%) !important; | |
| border: 1px solid /*tomorroe-night-CurrentLine*/hsl(236, 10%, 33%)!important; | |
| color:/*tomorroe-night-Background*/hsl(210,6%,12%); | |
| } | |
| .data-container tr{ | |
| background:/*tomorroe-night-Background*/hsl(210,6%,12%); | |
| } | |
| .data-container tr:nth-of-type(2n-1){ | |
| background:#444; | |
| } | |
| .data-container td { | |
| border-right: 1px solid #000!important; | |
| } | |
| .data-grid tr.selected { | |
| background-color: /*tomorroe-night-Blue*/hsl(207,31%,62%) !important ; | |
| } | |
| /*Audit*/ | |
| .audit-result { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| /*Side Bar*/ | |
| .pane > .title{ | |
| background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#333))!important; | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| text-shadow: /*tomorroe-night-Background*/hsl(210,6%,12%) 0 1px 0!important; | |
| border-top: 1px solid #222!important; | |
| border-bottom: 1px solid #111!important; | |
| } | |
| .inactive .sidebar { | |
| background-color: #444!important; | |
| } | |
| .sidebar { | |
| background-color: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .section .properties .value.error{ | |
| color: /*tomorroe-night-Red*/hsl(0,50%,60%) !important; | |
| } | |
| .sidebar-tree-section { | |
| color: /*tomorroe-night-Comment*/hsl(120,0%,59%) !important; | |
| text-shadow: #000!important 0 0px 0; | |
| } | |
| .webkit-html-external-link, .webkit-html-resource-link { | |
| color: /*tomorroe-night-Blue*/hsl(207,31%,62%) !important; | |
| } | |
| .webkit-html-attribute-value.webkit-html-resource-link{ | |
| color: /*tomorroe-night-Aqua*/hsl(171,28%,64%) !important; | |
| } | |
| .base-storage-tree-element-subtitle { | |
| color: /*tomorroe-night-Comment*/hsl(120,0%,59%) !important ; | |
| } | |
| .pane > .body .placard + .info { | |
| color:/*tomorroe-night-Background*/hsl(210, 6%, 15%) !important ; | |
| } | |
| .breakpoint-list li.breakpoint-hit { | |
| color:/*tomorroe-night-Background*/hsl(210, 6%, 15%) !important; | |
| } | |
| .editing, .editing * { | |
| outline: 1px solid /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| background-color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| color: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .section .properties .name, | |
| .event-properties .name { | |
| color:/*tomorroe-night-Yellow*/hsl(39,80%,69%)!important; | |
| } | |
| .section .properties .name.editing | |
| ,.webkit-css-property.editing{ | |
| color:/*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| #elements-content .editing,.child-editing | |
| ,.editing{ | |
| background-color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| color: /*tomorroe-night-Background*/hsl(210,6%,12%)!important; | |
| } | |
| .text-editor-lines { | |
| border-right: 1px solid hsl(210, 4%, 20%)!important; | |
| } | |
| /* Time Line */ | |
| .popover .content{ | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| } | |
| #timeline-overview-grid { | |
| background:/*tomorroe-night-Background*/hsl(210, 6%, 15%) !important; | |
| } | |
| .timeline-graph-side.even { | |
| background-color: hsla(0, 0%, 0%, 0.45); | |
| } | |
| #counters > .timeline-records-counter { | |
| color: /*tomorroe-night-Foreground*/hsl(140,2%,77%)!important; | |
| text-shadow: #000 0 1px 0!important; | |
| } | |
| .sidebar-tree-item{ | |
| color:/*tomorroe-night-Background*/hsl(210, 6%, 15%) !important; | |
| } | |
| /* Pop over */ | |
| .popover { | |
| -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAAQklEQVR42u3BMQEAAADCoPVPbQo/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICLAaytAAGa/8ryAAAAAElFTkSuQmCC)!important; | |
| } | |
| .popover .arrow { | |
| background-image: 0!important; | |
| background: #555!important; | |
| margin-bottom: -13px!important; | |
| -webkit-transform: rotate(45deg); | |
| margin-top: -11px!important; | |
| z-index: -1; | |
| } | |
| .source-frame-popover-title{ | |
| color:hsl(140,2%,77%)!important; | |
| } | |
| .source-frame-popover-tree { | |
| border-top: 1px solid hsl(210,6%,12%)!important; | |
| } | |
| .popover .separator{ | |
| color:hsl(140,2%,77%)!important; | |
| } | |
| .source-frame-eval-expression | |
| ,.source-frame-eval-expression .webkit-javascript-ident{ | |
| border: 1px solid hsl(140,2%,77%)!important; | |
| margin: -1px; | |
| background-color: hsl(140,2%,77%)!important; | |
| color:hsl(210,6%,12%)!important; | |
| } | |
| .popover .properties .name{ | |
| color: hsl(287,23%,67%)!important; | |
| } | |
| .popover { | |
| -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAAQklEQVR42u3BMQEAAADCoPVPbQo/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICLAaytAAGa/8ryAAAAAElFTkSuQmCC)!important; | |
| } | |
| .popover::before { | |
| background:#555 !important; | |
| width: 100%; | |
| height: 100%; | |
| content: ' '; | |
| position: relative; | |
| display: block; | |
| z-index: 0; | |
| border-radius: 8px; | |
| top: -6px; | |
| padding: 6px; | |
| } | |
| .split-view-sidebar-right::-webkit-scrollbar | |
| ,#elements-content::-webkit-scrollbar{ | |
| width: 8px; | |
| height: 16px; | |
| } | |
| .split-view-sidebar-right::-webkit-scrollbar-thumb | |
| ,#elements-content::-webkit-scrollbar-thumb{ | |
| background-color: rgba(255,255,255, 0.3); | |
| -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10),inset 0 -1px 0 rgba(0, 0, 0, 0.07); | |
| border-radius:4px; | |
| } | |
| .split-view-sidebar-right::-webkit-scrollbar-button | |
| ,#elements-content::-webkit-scrollbar-button{ | |
| width: 0; | |
| height: 0; | |
| display: none; | |
| } | |
| .split-view-sidebar-right::-webkit-scrollbar-corner | |
| ,#elements-content::-webkit-scrollbar-corner{ | |
| background-color: transparent; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment