dwb/userstyles/default.css

   1 :not(img) {
   2     background-color: #201F1F ! important;
   3     color: #D4D2CF ! important;
   4  }
   5
   6  :link, :link * {
   7      color: #5DC3D7!important;
   8  }
   9
  10  :visited, :visited * {
  11      color: #666665 !important;
  12  }
  13  .tagContainer {
  14      display: none;
  15  }
  16
  17  /**********************************************/
  18 /*
  19 /* IR_Black Skin by Ben Truyman - 2011
  20 /*
  21 /* Based on Todd Werth's IR_Black:
  22 /* http://blog.toddwerth.com/entries/2
  23 /*
  24 /* Inspired by Darcy Clarke's blog post:
  25 /* http://darcyclarke.me/design/skin-your-chrome-inspector/
  26 /*
  27 /**********************************************/
  28
  29 /**********************************************/
  30 /* Console
  31 /**********************************************/
  32
  33   /**********************************************/
  34   /* Messages
  35   /**********************************************/
  36
  37   #console-messages {
  38     font-family: 'DroidSansMono', Menlo, monospace !important;
  39     background: #242424;
  40   }
  41
  42   #console-messages a {
  43     color: #666 !important;
  44   }
  45
  46   #console-messages a:hover {
  47     color: #999 !important;
  48   }
  49
  50   #console-messages .console-message {
  51     color: #f1f1f1 !important;
  52   }
  53
  54   #console-messages .console-message, .console-user-command {
  55     border-bottom: 1px solid #444 !important;
  56   }
  57
  58   #console-messages .console-user-command > .console-message-text {
  59     color: #ffd2a7 !important;
  60   }
  61
  62   #console-messages .console-formatted-number {
  63     color: #ff73fd !important;
  64   }
  65
  66   #console-messages .console-formatted-string {
  67     color: #a8ff60 !important;
  68   }
  69
  70   #console-messages .console-formatted-object {
  71     color: #7c7c7c !important;
  72   }
  73
  74   #console-messages .console-formatted-function {
  75     color: #fff !important;
  76   }
  77
  78   #console-messages .console-formatted-regexp {
  79     color: #e9c062 !important;
  80   }
  81
  82   #console-messages .console-group-messages .section .header .title {
  83     color: #f1f1f1 !important;
  84   }
  85
  86   #console-messages .section .properties .name, .event-properties .name {
  87     color: #96cbfe !important;
  88   }
  89
  90   #console-messages .console-group-messages .section .header::before,
  91   #console-messages .properties-tree li.parent::before {
  92   }
  93
  94   #console-messages .console-group-messages .section.expanded .header::before,
  95   #console-messages .properties-tree li.parent.expanded::before {
  96   }
  97
  98   @-webkit-keyframes webkit-error-level {
  99     0%   { color: #f77; !important }
 100     50%  { color: #f00; !important }
 101     100% { color: #f77; !important }
 102   }
 103
 104   #console-messages .console-error-level .console-message-text {
 105     color: #f66 !important;
 106     -webkit-animation-name: webkit-error-level;
 107     -webkit-animation-duration: 2s;
 108     -webkit-animation-iteration-count: infinite;
 109     -webkit-timing-function: ease-in-out;
 110   }
 111
 112   #console-messages .console-user-command::before {
 113     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTMzNzdGNUZDMTA1MTFFMDgwRUZGQ0JCMjgzMzU0MTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTMzNzdGNjBDMTA1MTFFMDgwRUZGQ0JCMjgzMzU0MTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzM3N0Y1REMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzM3N0Y1RUMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pia6udAAAAB5SURBVHjaYvz//z8DMYAFxli9ejWI6oByK5AVhYaGIhRCgQsQGwOxIFTxe5gEE5pCVyA+C8RpQLwbqgmrwvdQxauhis6AbMamEASUkEwCabyHTWE51BQlqBNMoDSKQhckX3dCFd3DCB4g2AP16VkoGwUwEhvgAAEGAAzQHBRSxqPRAAAAAElFTkSuQmCC) !important;
 114   }
 115
 116   /**********************************************/
 117   /* Prompt
 118   /**********************************************/
 119
 120   #console-prompt {
 121     color: #f1f1f1 !important;
 122   }
 123
 124   #console-prompt::before {
 125     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRGNTc2MTZDMTA2MTFFMDgwRUZGQ0JCMjgzMzU0MTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRGNTc2MTdDMTA2MTFFMDgwRUZGQ0JCMjgzMzU0MTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzM3N0Y2MUMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzM3N0Y2MkMxMDUxMUUwODBFRkZDQkIyODMzNTQxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plf0eOsAAAB4SURBVHjaYvz//z8DMYAFxph+BqyhA8qtQFaUacKIUAgFLkBsDMSCUMXvYRJMaApdgfgsEKcB8W6oJqwK30MVr4YqOgPEodgUgoASkkkgjfewKSyHmqIEdYIJlEZR6ILk606oonsYwQMEe6A+PQtlowBGYgMcIMAAF2wcFPVNZx8AAAAASUVORK5CYII=) !important;
 126     color: #fff !important;
 127   }
 128
 129 /**********************************************/
 130 /* Elements/Network
 131 /**********************************************/
 132
 133   /**********************************************/
 134   /* Layout
 135   /**********************************************/
 136   #storage-views .script-view,
 137   #network-views .script-view,
 138   #script-resource-views .script-view {
 139     color: #ccc !important;
 140   }
 141
 142   #storage-views .script-view,
 143   #elements-content,
 144   #network-views .text-editor-contents,
 145   #script-resource-views .script-view {
 146     background: #242424 !important;
 147     font-size: 12px !important;
 148   }
 149
 150   #elements-content .highlight {
 151     color: #f1f1f1;
 152   }
 153
 154   #elements-content li.hovered:not(.selected) .selection {
 155     background: rgba(255, 255, 255, .2) !important;
 156   }
 157
 158   #elements-content .selection.selected {
 159     z-index: 0 !important;
 160   }
 161
 162   #elements-content ol:focus li.selected .selection {
 163     background: #3F4360 !important;
 164   }
 165
 166   #elements-content .selected .highlight {
 167     position: relative;
 168     z-index: 2;
 169   }
 170
 171   #elements-content .selected {
 172     background-color: #4c4d5d !important;
 173   }
 174
 175   #elements-content .editing {
 176     background-color: #242424 !important;
 177   }
 178
 179   #elements-content .parent::before {
 180     position: relative;
 181     z-index: 999;
 182   }
 183
 184   #elements-content .parent.expanded::before {
 185   }
 186
 187   /**********************************************/
 188   /* HTML
 189   /**********************************************/
 190   #storage-views .webkit-html-comment,
 191   #elements-content .webkit-html-comment,
 192   #network-views .webkit-html-comment,
 193   #script-resource-views .webkit-html-comment {
 194     color: #7c7c7c !important;
 195   }
 196
 197   #storage-views .webkit-html-tag,
 198   #elements-content .webkit-html-tag,
 199   #network-views .webkit-html-tag,
 200   #script-resource-views .webkit-html-tag {
 201     color: #96cbfe !important;
 202   }
 203
 204   #storage-views .webkit-html-attribute-name,
 205   #elements-content .webkit-html-attribute-name,
 206   #network-views .webkit-html-attribute-name,
 207   #script-resource-views .webkit-html-attribute-name {
 208     color: #ffd2a7 !important;
 209   }
 210
 211   #storage-views .webkit-html-attribute-value,
 212   #elements-content .webkit-html-attribute-value,
 213   #network-views .webkit-html-attribute-value,
 214   #script-resource-views .webkit-html-attribute-value {
 215     color: #a8ff60 !important;
 216   }
 217
 218   #storage-views .webkit-html-text-node,
 219   #elements-content .webkit-html-text-node,
 220   #network-views .webkit-html-text-node,
 221   #script-resource-views .webkit-html-text-node
 222   #storage-views .webkit-html-css-node,
 223   #elements-content .webkit-html-css-node,
 224   #network-views .webkit-html-css-node,
 225   #script-resource-views .webkit-html-css-node {
 226     color: #c2c3c3 !important;
 227   }
 228
 229   #storage-views .webkit-html-js-node,
 230   #elements-content .webkit-html-js-node,
 231   #network-views .webkit-html-js-node,
 232   #script-resource-views .webkit-html-js-node {
 233     color: #c2c3c3 !important;
 234   }
 235
 236   #storage-views .webkit-html-resource-link,
 237   #elements-content .webkit-html-resource-link,
 238   #network-views .webkit-html-resource-link,
 239   #script-resource-views .webkit-html-resource-link,
 240   #storage-views .webkit-html-external-link,
 241   #elements-content .webkit-html-external-link,
 242   #network-views .webkit-html-external-link,
 243   #script-resource-views .webkit-html-external-link {
 244     color: #ff73fd !important;
 245   }
 246
 247   /**********************************************/
 248   /* CSS
 249   /**********************************************/
 250
 251   #storage-views .webkit-css-comment,
 252   #elements-content .webkit-css-comment,
 253   #network-views .webkit-css-comment,
 254   #script-resource-views .webkit-css-comment {
 255     color: #7c7c7c !important;
 256   }
 257
 258   #storage-views .webkit-css-selector,
 259   #elements-content .webkit-css-selector,
 260   #network-views .webkit-css-selector,
 261   #script-resource-views .webkit-css-selector {
 262     color: #62b1fe !important;
 263   }
 264
 265   #storage-views .webkit-css-property,
 266   #elements-content .webkit-css-property,
 267   #network-views .webkit-css-property,
 268   #script-resource-views .webkit-css-property {
 269     color: #fff !important;
 270   }
 271
 272   #storage-views .webkit-css-keyword,
 273   #elements-content .webkit-css-keyword,
 274   #network-views .webkit-css-keyword,
 275   #script-resource-views .webkit-css-keyword {
 276     color: #f9ee98 !important;
 277   }
 278
 279   #storage-views .webkit-css-number,
 280   #elements-content .webkit-css-number,
 281   #network-views .webkit-css-number,
 282   #script-resource-views .webkit-css-number {
 283     color: #ff73fd !important;
 284   }
 285
 286   #storage-views .webkit-css-important,
 287   #elements-content .webkit-css-important,
 288   #network-views .webkit-css-important,
 289   #script-resource-views .webkit-css-important
 290   #storage-views .webkit-css-at-rule,
 291   #elements-content .webkit-css-at-rule,
 292   #network-views .webkit-css-at-rule,
 293   #script-resource-views .webkit-css-at-rule {
 294     color: #96cbfe !important;
 295   }
 296
 297   #storage-views .webkit-css-string,
 298   #elements-content .webkit-css-string,
 299   #network-views .webkit-css-string,
 300   #script-resource-views .webkit-css-string {
 301     color: #a8ff60 !important;
 302   }
 303
 304   #storage-views .webkit-css-url,
 305   #elements-content .webkit-css-url,
 306   #network-views .webkit-css-url,
 307   #script-resource-views .webkit-css-url {
 308     color: #c6c5fe !important;
 309   }
 310
 311   /**********************************************/
 312   /* JavaScript
 313   /**********************************************/
 314
 315   #storage-views .webkit-line-content,
 316   #elements-content .webkit-line-content,
 317   #network-views .webkit-line-content,
 318   #script-resource-views .webkit-line-content,
 319   #storage-views .webkit-javascript-ident,
 320   #elements-content .webkit-javascript-ident,
 321   #network-views .webkit-javascript-ident,
 322   #script-resource-views .webkit-javascript-ident {
 323     color: #fff !important;
 324   }
 325
 326   #storage-views .webkit-javascript-keyword,
 327   #elements-content .webkit-javascript-keyword,
 328   #network-views .webkit-javascript-keyword,
 329   #script-resource-views .webkit-javascript-keyword {
 330     color: #cfcb90 !important;
 331   }
 332
 333   #storage-views .webkit-javascript-comment,
 334   #elements-content .webkit-javascript-comment,
 335   #network-views .webkit-javascript-comment,
 336   #script-resource-views .webkit-javascript-comment {
 337     color: #7c7c7c !important;
 338   }
 339
 340   #storage-views .webkit-javascript-string,
 341   #elements-content .webkit-javascript-string,
 342   #network-views .webkit-javascript-string,
 343   #script-resource-views .webkit-javascript-string {
 344     color: #a8ff60 !important;
 345   }
 346
 347   #storage-views .webkit-javascript-number,
 348   #elements-content .webkit-javascript-number,
 349   #network-views .webkit-javascript-number,
 350   #script-resource-views .webkit-javascript-number {
 351     color: #ff73fd !important;
 352   }
 353
 354   #storage-views .webkit-javascript-regexp,
 355   #elements-content .webkit-javascript-regexp,
 356   #network-views .webkit-javascript-regexp,
 357   #script-resource-views .webkit-javascript-regexp {
 358     color: #e9c062 !important;
 359   }