Commit | Line | Data |
---|---|---|
dadba0f2 RK |
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 | /* Variable declarations for light and dark devtools themes. | |
7 | * Colors are taken from: | |
8 | * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors. | |
9 | * Changes should be kept in sync with commandline.css and commandline.inc.css. | |
10 | */ | |
11 | ||
12 | /* IMPORTANT NOTE: | |
13 | * This file is parsed in js (see client/shared/theme.js) | |
14 | * so the formatting should be consistent (i.e. no '}' inside a rule). | |
15 | */ | |
16 | ||
17 | :root { | |
18 | --theme-body-background: #000000; | |
19 | --theme-sidebar-background: #000000; | |
20 | --theme-contrast-background: #402800; | |
21 | --theme-contrast-border: #A09090; | |
22 | --theme-contrast-background2: #795900; | |
23 | ||
24 | --theme-tab-toolbar-background: #402800; | |
25 | --theme-toolbar-background: #000000; | |
60156ae2 RK |
26 | --theme-capped-toolbar-background: #9C9CFF; |
27 | --theme-capped-toolbar-text: #000000; | |
28 | --theme-alternate-toolbar-background: #A09090; | |
29 | --theme-toolbar-caps: #FF9F00; | |
dadba0f2 | 30 | --theme-button-background: #C09070; |
1e9e1791 | 31 | --theme-button-color: #000000; |
dadba0f2 RK |
32 | --theme-hover-background: #FFCF00; |
33 | --theme-hover-color: #000000; | |
60156ae2 | 34 | --theme-active-background: #FF9F00; |
dadba0f2 RK |
35 | --theme-active-color: #000000; |
36 | --theme-selection-background: #008484; | |
37 | --theme-selection-color: #000000; | |
38 | --theme-selection-background2: #004242; | |
39 | --theme-selection-color2: #FF9F00; | |
40 | --theme-selection-background-semitransparent: rgba(0, 132, 132, .5); | |
41 | --theme-splitter-color: #9C9CFF; | |
42 | --theme-comment: #A09090; | |
43 | ||
44 | --theme-sidebar-background: #000000; | |
45 | --theme-contrastsidebar-background: #A09090; | |
46 | --theme-contrastsidebar-color: #000000; | |
47 | --theme-contrastsidebar-bordercolor: #000000; | |
48 | ||
49 | --theme-body-color: #FF9F00; | |
50 | --theme-body-color-alt: #A09090; | |
7d6161c5 | 51 | --theme-body-color-inactive: #8050B0; |
dadba0f2 RK |
52 | --theme-content-color1: #FF9F00; |
53 | --theme-content-color2: #A09090; | |
54 | --theme-content-color3: #FF9F00; | |
55 | --theme-content-color4: #9C9CFF; | |
dadba0f2 RK |
56 | |
57 | --theme-text-blue: #3333FF; | |
58 | --theme-highlight-green: #008484; | |
59 | --theme-highlight-blue: #9C9CFF; | |
60 | --theme-highlight-bluegrey: #A09090; | |
61 | --theme-highlight-purple: #C09070; | |
62 | --theme-highlight-darkpurple: #6000CF; | |
63 | --theme-highlight-lightorange: #FFCF00; | |
64 | --theme-highlight-orange: #FF9F00; | |
65 | --theme-highlight-red: #FF0000; | |
66 | --theme-highlight-pink: #E7ADE7; | |
6f751fd1 RK |
67 | --theme-highlight-gray: #A09090; |
68 | ||
69 | /* For accessibility purposes we want to enhance the focus styling. This | |
70 | * should improve keyboard navigation usability. */ | |
71 | --theme-focus-outline-color: #008484; | |
dadba0f2 RK |
72 | |
73 | /* Colors used in Graphs, like performance tools. Mostly similar to some "highlight-*" colors. */ | |
74 | --theme-graphs-green: #008484; | |
75 | --theme-graphs-blue: #9C9CFF; | |
76 | --theme-graphs-bluegrey: #C09070; | |
77 | --theme-graphs-purple: #C09070; | |
78 | --theme-graphs-yellow: #FFCF00; | |
79 | --theme-graphs-red: #FF0000; | |
80 | --theme-graphs-grey: #A09090; | |
7d6161c5 RK |
81 | --theme-graphs-full-red: #FF0000; |
82 | --theme-graphs-full-blue: #0000FF; | |
dadba0f2 RK |
83 | |
84 | /* Images */ | |
85 | --theme-pane-collapse-image: url(chrome://devtools/skin/images/pane-collapse.svg); | |
86 | --theme-pane-expand-image: url(chrome://devtools/skin/images/pane-expand.svg); | |
6f751fd1 RK |
87 | |
88 | /* Tooltips */ | |
89 | --theme-tooltip-border: #FFCF00; | |
90 | --theme-tooltip-background: #9C9CFF; | |
91 | /*--theme-tooltip-shadow: rgba(25, 25, 25, 0.76);*/ | |
92 | ||
93 | /* Command line */ | |
94 | --theme-command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); | |
95 | --theme-command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); | |
96 | } | |
97 | ||
98 | :root { | |
99 | --theme-focus-border-color-textbox: #008484; | |
100 | /*--theme-textbox-box-shadow: rgba(97,181,255,.75);*/ | |
101 | ||
102 | /* For accessibility purposes we want to enhance the focus styling. This | |
103 | * should improve keyboard navigation usability. */ | |
104 | --theme-focus-outline: 1px dotted var(--theme-focus-outline-color); | |
105 | /* --theme-focus-box-shadow-textbox: 0 0 0 1px var(--theme-textbox-box-shadow);*/ | |
dadba0f2 | 106 | } |