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