Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: skin/devtools-panel.css

Issue 29368730: Issue 4136 - Support Chrome's dark devtools theme (Closed)
Patch Set: Rebased Created Jan. 5, 2017, 4:19 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « devtools-panel.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 * 1 *
2 { 2 {
3 font-family: 'Lucida Grande', 'Segoe UI', Ubuntu, Tahoma, Arial, sans-serif; 3 font-family: 'Lucida Grande', 'Segoe UI', Ubuntu, Tahoma, Arial, sans-serif;
4 font-size: 11px; 4 font-size: 11px;
5 box-sizing: border-box; 5 box-sizing: border-box;
6 } 6 }
7 7
8 html 8 html
9 { 9 {
10 height: 100%; 10 height: 100%;
11 overflow: hidden; 11 overflow: hidden;
12 } 12 }
13 13
14 body 14 body
15 { 15 {
16 margin: 0; 16 margin: 0;
17 color: #303942; 17 color: #303942;
18 display: flex; 18 display: flex;
19 height: 100%; 19 height: 100%;
20 flex-direction: column; 20 flex-direction: column;
21 } 21 }
22 22
23 body.dark
24 {
25 color: #ffffff;
26 }
27
23 table 28 table
24 { 29 {
25 table-layout: fixed; 30 table-layout: fixed;
26 width: 100%; 31 width: 100%;
27 border-collapse: collapse; 32 border-collapse: collapse;
28 } 33 }
29 34
30 table * 35 table *
31 { 36 {
32 overflow: hidden; 37 overflow: hidden;
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
81 { 86 {
82 line-height: 17px; 87 line-height: 17px;
83 88
84 /* This background image gives every other row a gray background. 89 /* This background image gives every other row a gray background.
85 * This is simlar to "tr:nth-child(odd) background-color: #eee;". 90 * This is simlar to "tr:nth-child(odd) background-color: #eee;".
86 * However, we can't do it that way, since some rows might be hidden. 91 * However, we can't do it that way, since some rows might be hidden.
87 */ 92 */
88 background-image: url(data:image/gif;base64,R0lGODdhAQBQAIABAO7u7v///ywAAAAAAQ BQAAACC4SPqcsYD6OctMYCADs=); 93 background-image: url(data:image/gif;base64,R0lGODdhAQBQAIABAO7u7v///ywAAAAAAQ BQAAACC4SPqcsYD6OctMYCADs=);
89 background-repeat: repeat; 94 background-repeat: repeat;
90 } 95 }
96 body.dark #items table
97 {
98 background-image: url(data:image/gif;base64,R0lGODdhAQBQAIACACQkJExMTCwAAAAAAQ BQAAACC4yPqcsID6OctMYCADs=);
99 }
100
91 101
92 #items tr 102 #items tr
93 { 103 {
94 height: 40px; 104 height: 40px;
95 } 105 }
96 106
97 #items tr[data-state=blocked] 107 #items tr[data-state=blocked]
98 { 108 {
99 color: red; 109 color: red;
100 } 110 }
101 111
112 body.dark #items tr[data-state=blocked]
113 {
114 color: #ff3a3a;
115 }
116
102 #items tr[data-state=whitelisted] 117 #items tr[data-state=whitelisted]
103 { 118 {
104 color: green; 119 color: green;
105 } 120 }
106 121
122 body.dark #items tr[data-state=whitelisted]
123 {
124 color: #389c22;
125 }
126
107 #items[data-filter-state=blocked] tr:not([data-state=blocked]), 127 #items[data-filter-state=blocked] tr:not([data-state=blocked]),
108 #items[data-filter-state=whitelisted] tr:not([data-state=whitelisted]), 128 #items[data-filter-state=whitelisted] tr:not([data-state=whitelisted]),
109 #items[data-filter-type=SUBDOCUMENT] tr:not([data-type=SUBDOCUMENT]), 129 #items[data-filter-type=SUBDOCUMENT] tr:not([data-type=SUBDOCUMENT]),
110 #items[data-filter-type=IMAGE] tr:not([data-type=IMAGE]), 130 #items[data-filter-type=IMAGE] tr:not([data-type=IMAGE]),
111 #items[data-filter-type=STYLESHEET] tr:not([data-type=STYLESHEET]), 131 #items[data-filter-type=STYLESHEET] tr:not([data-type=STYLESHEET]),
112 #items[data-filter-type=SCRIPT] tr:not([data-type=SCRIPT]), 132 #items[data-filter-type=SCRIPT] tr:not([data-type=SCRIPT]),
113 #items[data-filter-type=OBJECT] tr:not([data-type=OBJECT]), 133 #items[data-filter-type=OBJECT] tr:not([data-type=OBJECT]),
114 #items[data-filter-type=XMLHTTPREQUEST] tr:not([data-type=XMLHTTPREQUEST]), 134 #items[data-filter-type=XMLHTTPREQUEST] tr:not([data-type=XMLHTTPREQUEST]),
115 #items[data-filter-type=FONT] tr:not([data-type=FONT]), 135 #items[data-filter-type=FONT] tr:not([data-type=FONT]),
116 #items[data-filter-type=PING] tr:not([data-type=PING]), 136 #items[data-filter-type=PING] tr:not([data-type=PING]),
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
205 { 225 {
206 color: blue; 226 color: blue;
207 text-decoration: underline; 227 text-decoration: underline;
208 cursor: pointer; 228 cursor: pointer;
209 } 229 }
210 230
211 .filtered-by-search 231 .filtered-by-search
212 { 232 {
213 display: none; 233 display: none;
214 } 234 }
235
236 body.dark #reload
237 {
238 color: #2a67e7;
239 }
OLDNEW
« no previous file with comments | « devtools-panel.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld