LCARStrek/browser/devtools/dark-theme.css

   1 /* vim:set ts=2 sw=2 sts=2 et: */
   2 /* This Source Code Form is subject to the terms of the Mozilla Public
   3  * License, v. 2.0. If a copy of the MPL was not distributed with this
   4  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   5
   6 /* According to:
   7  * https://bugzilla.mozilla.org/show_bug.cgi?id=715472#c17
   8  */
   9 .theme-body {
  10   background: #000000;
  11   color: #FF9F00;
  12 }
  13
  14 .theme-twisty {
  15   cursor: pointer;
  16   width: 14px;
  17   height: 14px;
  18   background-repeat: no-repeat;
  19   background-image: url("chrome://browser/skin/devtools/controls.png");
  20   background-position: 0 -14px;
  21 }
  22
  23 .theme-twisty:-moz-focusring {
  24   outline-style: none;
  25 }
  26
  27 .theme-twisty[open] {
  28   background-position: -14px -14px;
  29 }
  30
  31 .theme-checkbox {
  32   display: inline-block;
  33   border: 0;
  34   width: 14px;
  35   height: 14px;
  36   padding: 0;
  37   outline: none;
  38   background-image: url("chrome://browser/skin/devtools/controls.png");
  39   background-position: 0 0;
  40 }
  41
  42 .theme-checkbox[checked] {
  43   background-position: -14px 0;
  44 }
  45
  46 .theme-selected {
  47   background: #004242;
  48 }
  49
  50 .theme-bg-darker
  51 .cm-s-mozilla .CodeMirror-gutters {
  52   background-color: rgba(0,0,0,0.5);
  53 }
  54
  55 .theme-bg-contrast { /* contrast bg color to attract attention on a container */
  56   background: #404000;
  57 }
  58
  59 .theme-link,
  60 .cm-s-mozilla .cm-link { /* original: blue */
  61   color: #3333FF;
  62 }
  63
  64 /*
  65  * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion
  66  * failures in debug builds.
  67  */
  68 .theme-link:visited,
  69 .cm-s-mozilla .cm-link:visited { /* original: blue */
  70   color: #3333FF;
  71 }
  72
  73 .theme-comment,
  74 .cm-s-mozilla .cm-meta,
  75 .cm-s-mozilla .cm-hr,
  76 .cm-s-mozilla .cm-comment { /* original: grey */
  77   color: #A09090;
  78 }
  79
  80 .theme-gutter {
  81   background-color: #000000;
  82   color: #FF9F00;
  83   border-color: #9C9CFF;
  84 }
  85
  86 .theme-separator { /* original: grey */
  87   border-color: #8050B0;
  88 }
  89
  90 .theme-fg-color1,
  91 .cm-s-mozilla .cm-number { /* original: green */
  92   color: #008484;
  93 }
  94
  95 .theme-fg-color2,
  96 .cm-s-mozilla .cm-attribute,
  97 .cm-s-mozilla .cm-variable,
  98 .cm-s-mozilla .cm-def,
  99 .cm-s-mozilla .cm-property,
 100 .cm-s-mozilla .cm-qualifier { /* original: blue */
 101   color: #9C9CFF;
 102 }
 103
 104 .theme-fg-color3,
 105 .cm-s-mozilla .cm-builtin,
 106 .cm-s-mozilla .cm-tag,
 107 .cm-s-mozilla .cm-header { /* original: pink/lavender */
 108   color: #E7ADE7;
 109 }
 110
 111 .theme-fg-color4 { /* original: purple/violet */
 112   color: #C09070;
 113 }
 114
 115 .theme-fg-color5,
 116 .cm-s-mozilla .cm-bracket,
 117 .cm-s-mozilla .cm-keyword { /* original: Yellow */
 118   color: #FFCF00;
 119 }
 120
 121 .theme-fg-color6,
 122 .cm-s-mozilla .cm-string,
 123 .cm-s-mozilla .cm-string-2 { /* original: Orange */
 124   color: #FF9F00;
 125 }
 126
 127 .theme-fg-color7,
 128 .cm-s-mozilla .cm-atom,
 129 .cm-s-mozilla .cm-quote,
 130 .cm-s-mozilla .cm-error { /* original: Red */
 131   color: #FF0000;
 132 }
 133
 134 .theme-fg-contrast { /* To be used for text on theme-bg-contrast */
 135   color: #FFCF00;
 136 }
 137
 138 .ruleview-colorswatch,
 139 .computedview-colorswatch,
 140 .markupview-colorswatch {
 141 /*  box-shadow: 0 0 0 1px rgba(0,0,0,0.5); */
 142 }
 143
 144 /* CodeMirror specific styles.
 145  * Best effort to match the existing theme, some of the colors
 146  * are duplicated here to prevent weirdness in the main theme. */
 147
 148 .CodeMirror { /* Inherit platform specific font sizing and styles */
 149   font-family: inherit;
 150   font-size: inherit;
 151   background: transparent;
 152 }
 153
 154 .CodeMirror pre,
 155 .cm-s-mozilla .cm-variable-2,
 156 .cm-s-mozilla .cm-variable-3,
 157 .cm-s-mozilla .cm-operator,
 158 .cm-s-mozilla .cm-special { /* theme-body color */
 159   color: #FF9F00;
 160 }
 161
 162 .cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor {
 163   border-left: solid 1px #FF9F00;
 164 }
 165
 166 .cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */
 167   background: #008484;
 168   color: #FFCF00;
 169 }
 170
 171 .cm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */
 172   background: #008484;
 173   color: #000000;
 174 }
 175
 176 .cm-s-mozilla .CodeMirror-activeline-background { /* selected color with alpha */
 177   background: rgba(0, 132, 132, .15);
 178 }
 179
 180 div.cm-s-mozilla span.CodeMirror-matchingbracket { /* highlight brackets */
 181   outline: solid 1px rgba(0, 132, 132, .25);
 182   color: #FFCF00;
 183 }
 184
 185 .cm-s-mozilla .CodeMirror-linenumber { /* line number text */
 186   color: #A09090;
 187 }
 188
 189 .cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */
 190   border-right-color: #9C9CFF;
 191 }
 192
 193 .cm-s-markup-view pre {
 194   line-height: 1.4em;
 195   min-height: 1.4em;
 196 }