@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
1/**
2 * @provides aphront-dark-console-css
3 */
4
5.dark-console {
6 background: #444444;
7 color: #eeeeee;
8 width: 100%;
9 font-family: "Verdana";
10 font-size: 11px;
11 position: relative;
12}
13
14.dark-console a {
15 color: #cccccc;
16}
17
18.dark-console-requests,
19.dark-console-tabs {
20 position: absolute;
21 overflow-y: auto;
22 top: 0;
23 left: 0;
24 bottom: 0;
25 width: 15%;
26 padding: 8px 0;
27}
28
29.dark-console-requests,
30.dark-console-tabs,
31.dark-console-panel,
32.dark-console-load {
33 border-left: 1px solid #111111;
34 box-shadow: -2px 0px 2px rgba({$alphablack}, 0.25);
35}
36
37.dark-console-requests {
38 background: #222222;
39}
40
41.dark-console-tabs {
42 background: #333333;
43 left: 15%;
44}
45
46.dark-console-panel,
47.dark-console-load {
48 position: relative;
49 min-height: 320px;
50}
51
52.dark-console-panel {
53 margin-left: 30%;
54 background: #444444;
55}
56
57.dark-console-requests a.dark-console-request,
58.dark-console-tabs a.dark-console-tab {
59 display: block;
60 padding: 6px;
61 overflow: hidden;
62 background: #444444;
63 margin: 3px 0;
64 border-color: {$greytext};
65 border-width: 1px 0;
66 border-style: solid;
67}
68
69.dark-console-requests a.dark-selected,
70.dark-console-tabs a.dark-selected {
71 background: #0066aa;
72}
73
74.dark-console-requests a.dark-console-request:hover,
75.dark-console-tabs a.dark-console-tab:hover {
76 background: #1188cc;
77 text-decoration: none;
78}
79
80.dark-console-tabs a.dark-console-tab {
81 text-align: right;
82}
83
84.dark-console-load {
85 background-image: url(/rsrc/image/darkload.gif);
86 background-position: center center;
87 background-repeat: no-repeat;
88 background-color: #000;
89 margin-left: 15%;
90}
91
92.dark-console .aphront-table-view {
93 font-size: 11px;
94 background: {$lightgreytext};
95 color: #eeeeee;
96 width: 100%;
97 border-color: #333333;
98 margin: 8px 0;
99}
100
101.dark-console .aphront-table-view th {
102 text-shadow: none;
103 font-family: "Verdana";
104 font-size: 11px;
105 background: #333333;
106 color: #ffffff;
107 border-bottom: 0px;
108}
109
110.dark-console .aphront-table-view td {
111 font-size: 11px;
112 color: #eee;
113}
114
115.dark-console .aphront-table-view tr:hover,
116.dark-console .aphront-table-view tr.alt:hover {
117 background: #333;
118}
119
120.dark-console .aphront-table-view td.header {
121 background: #444444;
122 color: #ffffff;
123 min-width: 200px;
124}
125
126.dark-console .aphront-table-view tr.alt {
127 background: {$greytext};
128}
129
130.dark-console .aphront-table-view tr.highlight {
131 background: #001A66;
132}
133
134.dark-console .aphront-table-view tr.no-data td {
135 color: #dddddd;
136}
137
138.dark-console-panel-core {
139 padding: 12px;
140}
141
142.explain-sev-1 {
143 color: #33ff33;
144}
145
146.explain-sev-2 {
147 color: #99ff33;
148}
149
150.explain-sev-3 {
151 color: #ccff33;
152}
153
154.explain-sev-4 {
155 color: #ffff33;
156}
157
158.explain-sev-5 {
159 color: #ffcc33;
160}
161
162.explain-sev-6 {
163 color: #ffffff;
164 font-weight: bold;
165 background: #aa0000;
166 padding: 0 1em;
167 border: 2px solid #ffff00;
168}
169
170.explain-sev-7 {
171 color: #aaaaaa;
172}
173
174.dark-console-panel-header {
175 padding: 8px 4px 0;
176}
177
178.dark-console-panel-header h1 {
179 font-size: 15px;
180}
181
182.dark-console-panel-header .button {
183 margin-top: .5em;
184 float: right;
185}
186
187.dark-console-panel a.bright-link {
188 color: #00cfff;
189 font-weight: bold;
190}
191
192.dark-console iframe {
193 width: 98%;
194 margin: .5em 1%;
195 height: 450px;
196 border: 0;
197}
198
199.dark-console-no-content {
200 padding: 1.5em 2em;
201 font-style: italic;
202}
203
204.dark-console-request-log {
205 border-bottom: 2px solid #000000;
206}
207
208.dark-console-panel-RequestLog {
209 max-height: 10em;
210 overflow: auto;
211}
212
213.dark-console-panel-request-log-separator {
214 background-color: #e8e8e8;
215 border-bottom: 1px solid #b7b7b7;
216 border-top: 1px solid #b7b7b7;
217 height: 2px;
218}
219
220.dark-console-panel-ErrorLog {
221 max-height: 500px;
222 overflow: auto;
223}
224
225.dark-console-panel-error-details {
226 display: none;
227}
228
229.dark-console-log-frame {
230 height: 500px;
231 overflow: auto;
232 background: #303030;
233 border: 1px solid #202020;
234 margin: 8px 0;
235}
236
237.dark-console-log-message {
238 background: #404040;
239 padding: 8px;
240 margin: 2px;
241}
242
243.dark-console-realtime .button {
244 margin-right: 8px;
245}