1
- body {
1
+ html {
2
2
--primary-color : # ffcc80 ;
3
3
--primary-text-color : # fff ;
4
4
--accent-color : # E040FB ;
5
5
--secondary-text-color : rgba (255 , 255 , 255 , 0.84 );
6
6
--primary-background-color : # 212121 ;
7
- --secondary-background-color : # 424242 ;
7
+ --secondary-background-color : # 313131 ;
8
8
--error-color : # ff9090 ;
9
9
--link-color : # 8bc34a ;
10
- --input-background-color : # 494949 ;
10
+ --input-background-color : var ( --primary-background-color ) ;
11
11
--active-background-color : # 616161 ;
12
12
13
- background-color : var (--primary-background-color );
14
- color : var (--primary-text-color );
15
-
16
13
--anypoint-dropdown-shadow : 0 4px 5px 0 rgba (0 , 0 , 0 , 0.14 ), 0 1px 10px 0 rgba (0 , 0 , 0 , 0.12 ), 0 2px 4px -1px rgba (0 , 0 , 0 , 0.4 );
17
14
--anypoint-autocomplete-dropdown-shadow : var (--anypoint-dropdown-shadow );
18
15
68
65
--anypoint-button-emphasis-low-hover-background-color : var (--active-background-color );
69
66
--anypoint-button-emphasis-low-focus-background-color : var (--anypoint-button-emphasis-low-hover-background-color );
70
67
--anypoint-button-emphasis-low-focus-color : var (--primary-color );
68
+ --anypoint-button-emphasis-high-color : # 000 ;
71
69
/* --anypoint-button-emphasis-high-hover-background-color: var(--primary-color); */
72
70
73
71
--code-mirror-background-color : # 1e1e1e ;
@@ -122,10 +120,13 @@ body {
122
120
--authorization-method-oauth2-redirect-info-color : var (--secondary-text-color );
123
121
--auth-method-certificate-second-line-color : var (--secondary-text-color );
124
122
125
- --request-editor-url-area-background-color : var (--secondary -background-color );
123
+ --request-editor-url-area-background-color : var (--primary -background-color );
126
124
--request-editor-url-input-background-color : var (--primary-background-color );
125
+ --workspace-tab-decorator-background-color : var (--secondary-background-color );
127
126
--progress-info-background-color : # 404040 ;
128
127
--progress-info-color : var (--primary-text-color );
128
+ --request-editor-pill-background-color : var (--secondary-background-color );
129
+ --request-editor-pill-color : var (--primary-text-color );
129
130
130
131
--arc-request-workspace-tabs-close-color : # 9e9e9e ;
131
132
--workspace-tabs-add-color : var (--primary-text-color );
@@ -159,15 +160,18 @@ body {
159
160
--request-timings-progress-color : # c6f68d ;
160
161
161
162
/* App toolbar */
162
- --arc-toolbar-background : var (--secondary -background-color );
163
+ --arc-toolbar-background : var (--primary -background-color );
163
164
164
165
/* ARC menu */
165
166
--arc-rail-menu-icon-color : # 757575 ;
166
167
--arc-rail-menu-icon-selected-color : var (--primary-text-color );
167
- --arc-menu-title-background-color : var (--secondary -background-color );
168
+ --arc-menu-title-background-color : var (--primary -background-color );
168
169
--arc-menu-title-color : var (--primary-text-color );
169
- --requests-list-history-group-header-background-color : var (--secondary-background-color );
170
+
171
+ --requests-list-history-group-header-background-color : var (--primary-background-color );
170
172
--requests-list-item-history-group-header-color : rgba (255 , 255 , 255 , 0.74 );
173
+ --requests-list-content-actions-background-color : var (--secondary-background-color );
174
+ --requests-list-content-actions-icon-color : var (--secondary-text-color );
171
175
172
176
/* HTTP method colors */
173
177
--http-get-color : # c6f68d ;
@@ -212,8 +216,10 @@ body {
212
216
--anypoint-dialog-content-color : var (--primary-text-color );
213
217
214
218
/* Bottom sheets */
215
- --bottom-sheet-background-color : var (--secondary -background-color );
219
+ --bottom-sheet-background-color : var (--primary -background-color );
216
220
--bottom-sheet-color : var (--primary-text-color );
221
+ --arc-workspace-detail-data-list-color : var (--secondary-text-color );
222
+ --saved-request-editor-options-color : var (--secondary-text-color );
217
223
218
224
/* Cookies manager */
219
225
--cookie-details-meta-color : var (--primary-text-color );
@@ -224,4 +230,31 @@ body {
224
230
/* API Console's try it */
225
231
--api-endpoint-documentation-tryit-background-color : var (--secondary-background-color );
226
232
--api-endpoint-documentation-tryit-panels-background-color : var (--primary-background-color );
233
+
234
+ /* Exchange browser */
235
+ --exchange-search-list-item-author-color : var (--secondary-text-color );
236
+
237
+ /* variables overlay */
238
+ --variables-overlay-background-color : var (--primary-background-color );
239
+ --variables-overlay-color : var (--primary-text-color );
240
+ --variables-overlay-intro-color : var (--secondary-text-color );
241
+ --variables-overlay-var-name-color : var (--secondary-text-color );
242
+ --variables-overlay-var-value-color : var (--secondary-text-color );
243
+
244
+ /* requests lists */
245
+ --requests-list-history-group-header-background-color : var (--secondary-background-color );
246
+ --requests-list-item-history-group-header-color : var (--secondary-text-color );
247
+ --requests-list-content-actions-background-color : var (--secondary-background-color );
248
+ --requests-list-content-actions-icon-color : var (--secondary-text-color );
249
+ --requests-list-list-background-color : var (--primary-background-color );
250
+
251
+ /* Import / Export */
252
+ --import-data-inspector-meta-color : var (--secondary-text-color );
253
+ --import-table-auth-no-info-color : var (--secondary-text-color );
254
+ }
255
+
256
+ body {
257
+ background-color : var (--secondary-background-color );
258
+ color : var (--primary-text-color );
259
+ --arc-font-code-family : Noto, monospace;
227
260
}
0 commit comments