-
Notifications
You must be signed in to change notification settings - Fork 238
Expand file tree
/
Copy pathdark-theme.css
More file actions
150 lines (130 loc) · 5.78 KB
/
dark-theme.css
File metadata and controls
150 lines (130 loc) · 5.78 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
html {
--primary-color: #ffcc80;
--primary-text-color: #fff;
--accent-color: #9c27b0;
--secondary-text-color: rgba(255, 255, 255, 0.84);
--primary-background-color: #212121;
--error-color: #ff9090;
--link-color: #8bc34a;
/* layout */
--api-console-toolbar-background-color: #424242;
--api-console-menu-background-color: var(--primary-background-color);
--api-console-menu-color: #fff;
--anypoint-checkbox-label-color: #F5F5F5;
--anypoint-input-background-color: #494949;
--anypoint-input-label-color: #fff;
--anypoint-input-input-color: #fff;
--anypoint-input-border-bottom-color: #fff;
--anypoint-input-focused-border-bottom-color: #fff;
--anypoint-input-label-background-color: rgb(66, 66, 66);
--anypoint-input-legacy-focus-background-color: #3a3b3c;
--anypoint-input-legacy-focus-border-color: #178bea;
--anypoint-input-info-message-color: #fff;
--inline-documentation-background-color: #3a3a3a;
--anypoint-menu-button-border-radius: 12px;
--anypoint-dropdown-menu-background-color: #494949;
--anypoint-dropdown-menu-label-background-color: var(--primary-background-color);
--anypoint-listbox-background-color: #494949;
--anypoint-dropdown-menu-focus-background-color: #616161;
--anypoint-dropdown-menu-label-color: #fff;
--anypoint-dropdown-menu-info-message-color: #fff;
--anypoint-item-hover-background-color: #616161;
--anypoint-item-focused-background-color: #212121;
--anypoint-autocomplete-background-color: #494949;
--anypoint-icon-button-emphasis-low-color: #c5c5c5;
--anypoint-button-emphasis-low-hover-background-color: #616161;
--anypoint-button-emphasis-low-focus-background-color: var(--anypoint-button-emphasis-low-hover-background-color);
--anypoint-button-emphasis-low-focus-color: var(--primary-color);
--code-mirror-background-color: #1e1e1e;
--code-mirror-gutters-background-color: #1e1e1e;
--code-mirror-string-color: #C3E88D;
--code-mirror-punctuation-color: #EEFFFF;
--code-mirror-atom-color: #F07178;
--code-mirror-number-color: #F78C6A;
--code-mirror-cursor-color: #009688;
--code-mirror-tag-color: #ffffff;
--code-mirror-tag-color: #b4b4b4;
--code-mirror-gutters-border-right-color: #757575;
--code-operator-value-background-color: transparent;
--code-background-color: #212121;
--code-color: #fff;
--code-type-number-value-color: #eb67b0;
--code-property-value-color: #b0e6ff;
--code-type-text-value-color: #ffb89b;
--code-type-boolean-value-color: #72baff;
--code-type-number-value-color: #b5cea8;
--code-token-comment-value-color: #91afcd;
--code-keyword-value-color: #63d0ff;
--api-type-document-type-attribute-color: #fff;
--api-annotation-document-color: #fff;
--api-body-document-description-color: #fff;
--api-method-documentation-description-color: #fff;
--api-method-documentation-bottom-navigation-color: #fff;
--api-method-documentation-url-background-color: var(--code-background-color);
--markdown-styles-code-text-shadow: none;
--http-code-snippet-code-text-shadow: #fff;
--http-code-snippet-container-background-color: var(--code-background-color);
--http-code-snippet-code-function-color: #82AAFF;
--http-code-snippet-code-keyword-color: #C792EA;
--http-code-snippet-code-cdata-color: #adb9c5;
--api-type-document-property-parent-color: #fff;
--from-row-action-icon-color: #fff;
--icon-button-color: #fff;
--api-form-action-icon-color: #fff;
--api-form-action-button-color: #fff;
--auth-method-oauth2-redirect-info-color: #fff;
--inline-documentation-color: #fff;
--api-endpoint-documentation-bottom-navigation-color: var(--link-color);
--api-endpoint-documentation-description-color: #fff;
--api-method-documentation-bottom-navigation-color: var(--link-color);
--authorization-method-oauth2-redirect-info-color: #fff;
/* Response error message */
--error-message-icon-color: rgba(255, 255, 255, 0.64);
--error-message-color: #fff;
--error-message-code-color: #9e9e9e;
/* HTTP method colors */
--http-get-color: rgba(0, 128, 0, 0.74);
--http-post-color: rgba(33, 150, 243, 0.74);
--http-put-color: rgba(255, 165, 0, 0.74);
--http-patch-color: rgb(156, 39, 176);
--http-delete-color: rgba(244, 67, 54, 0.74);
--http-options-color: rgba(128, 128, 128, 0.74);
--http-head-color: rgba(128, 128, 128, 0.74);
--http-connect-color: rgba(128, 128, 128, 0.74);
--http-trace-color: rgba(128, 128, 128, 0.74);
--http-method-label-get-background-color: var(--http-get-color);
--http-method-label-get-color: #fff;
--http-method-label-post-background-color: var(--http-post-color);
--http-method-label-post-color: #fff;
--http-method-label-patch-background-color: var(--http-patch-color);
--http-method-label-patch-color: #fff;
--http-method-label-put-background-color: var(--http-put-color);
--http-method-label-put-color: #fff;
--http-method-label-delete-background-color: var(--http-delete-color);
--http-method-label-delete-color: #fff;
--http-method-label-options-background-color: var(--http-options-color);
--http-method-label-options-color: #fff;
--http-method-label-head-background-color: var(--http-head-color);
--http-method-label-head-color: #fff;
--http-method-label-trace-background-color: var(--http-trace-color);
--http-method-label-trace-color: #fff;
--http-method-label-connect-background-color: var(--http-connect-color);
--http-method-label-connect-color: #fff;
--http-method-label-publish-background-color: rgba(31, 157, 85, 0.74);
--http-method-label-publish-color: #fff;
--http-method-label-subscribe-background-color: rgba(52, 144, 220, 0.74);
--http-method-label-subscribe-color: #fff;
}
body {
background-color: #212121;
color: #fff;
margin: 0;
padding: 0;
font-family: 'Roboto', 'Noto', sans-serif;
font-size: 15px;
height: 100%;
}
api-selector {
background-color: #111111;
color: #fff;
}