This repository was archived by the owner on Jan 3, 2022. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 105
/
Copy pathdark_bubble_gum.css
284 lines (219 loc) · 14 KB
/
dark_bubble_gum.css
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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
/*! =========================================== *
* DARK BUBBLE GUM THEME
* Version: v4.0.0-beta.20
* Author: Cristiano Almeida
* Website: www.csalmeida.com
* Twitter: @_csalmeida
* =========================================== */
:root {
--main-bg-color: #1C1C1C;
--secondary-bg-color: #0f0f0f;
--bgcolor-searchbox-field: #000;
--bgcolor-spacebar: rgba(255, 255, 255, 0.1);
--bgcolor-aside-link: rgba(0, 0, 0, 0.3);
--bgcolor-toolbar: #292929;
--fillcolor-logo: #f6f7fa;
--fillcolor-icons: #fff;
--color-nav-link: #fff;
--color-nav-active: #EF2D56;
--color-standard-text: #fff;
--boxshadow-main: none; }
.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue {
color: #fff;
background-color: #EF2D56;
border: 1px solid #EF2D56;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; }
.is-hover.pm-button--error, .is-hover.pm-button--primary, .is-hover.pm-button--warning, .pm-button--error:focus, .pm-button--error:focus-within, .pm-button--error:hover, .pm-button--primary:focus, .pm-button--primary:focus-within, .pm-button--primary:hover, .pm-button--warning:focus, .pm-button--warning:focus-within, .pm-button--warning:hover, .pm-button-blue.is-hover, .pm-button-blue:focus, .pm-button-blue:focus-within, .pm-button-blue:hover {
color: #fff;
box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2);
background: #ed1543;
border: 1px solid #ed1543; }
.pm-button--primaryborder-dark, .pm-button-blueborder-dark {
background: #1C1C1C;
border-color: #EF2D56;
color: #EF2D56; }
.is-active.pm-button--primaryborder-dark, .is-hover.pm-button--primaryborder-dark, .pm-button--primaryborder-dark:focus, .pm-button--primaryborder-dark:focus-within, .pm-button--primaryborder-dark:hover, .pm-button--primaryborder-dark:not(div):active, .pm-button-blueborder-dark.is-active, .pm-button-blueborder-dark.is-hover, .pm-button-blueborder-dark:focus, .pm-button-blueborder-dark:focus-within, .pm-button-blueborder-dark:hover, .pm-button-blueborder-dark:not(div):active {
background: #1C1C1C;
border-color: #f14569;
color: #f14569; }
.pm-button--primaryborder, .pm-button-blueborder {
border-color: #ed1543;
color: #ed1543; }
.is-hover.pm-button--primaryborder, .pm-button--primaryborder:focus, .pm-button--primaryborder:focus-within, .pm-button--primaryborder:hover, .pm-button-blueborder.is-hover, .pm-button-blueborder:focus, .pm-button-blueborder:focus-within, .pm-button-blueborder:hover {
border-color: #ed1543;
color: #ed1543; }
.is-disabled.pm-button--error, .is-disabled.pm-button--error.pm-button--info, .is-disabled.pm-button--error.pm-button--redborder, .is-disabled.pm-button--primary, .is-disabled.pm-button--primary.pm-button--info, .is-disabled.pm-button--primary.pm-button--redborder, .is-disabled.pm-button--warning, .is-disabled.pm-button--warning.pm-button--info, .is-disabled.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info[disabled], .pm-button--error.pm-button--redborder[disabled], .pm-button--error[disabled], .pm-button--primary.pm-button--info[disabled], .pm-button--primary.pm-button--redborder[disabled], .pm-button--primary[disabled], .pm-button--warning.pm-button--info[disabled], .pm-button--warning.pm-button--redborder[disabled], .pm-button--warning[disabled], .pm-button-blue.is-disabled, .pm-button-blue.is-disabled.pm-button--info, .pm-button-blue.is-disabled.pm-button--redborder, .pm-button-blue.pm-button--info[disabled], .pm-button-blue.pm-button--redborder[disabled], .pm-button-blue[disabled], .pm-button.is-disabled.pm-button--error, .pm-button.is-disabled.pm-button--primary, .pm-button.is-disabled.pm-button--warning, .pm-button.pm-button--error[disabled], .pm-button.pm-button--primary[disabled], .pm-button.pm-button--warning[disabled], .pm-button.pm-button-blue.is-disabled, .pm-button.pm-button-blue[disabled] {
background-color: #fdebef;
border-color: #f14569;
color: #d9103b; }
.bg-primary {
background-color: #292929; }
.color-primary {
color: #EF2D56; }
.aside-link {
background: #0f0f0f; }
.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon {
fill: #0f0f0f;
background: none; }
.navigation__counterItem {
background-color: #d9103b;
color: white; }
.circle-chart__circle {
stroke: #EF2D56; }
#global_search.searchbox-field[type="search"] {
background-color: #000;
color: #e6eaf0; }
.searchbox-advanced-search-button:active,
.searchbox-advanced-search-button:focus,
.searchbox-advanced-search-button:hover {
background-color: #1C1C1C; }
.topnav-link, .topnav-link > .topnav-icon {
color: #fff;
transition: color .2s ease-in-out; }
.topnav-link:active, .topnav-link:focus,
.topnav-link:hover, .topnav-link[aria-current="true"] {
color: #EF2D56; }
.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon,
.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon {
color: #EF2D56; }
.protonmail .text-purple {
color: #1C1C1C !important; }
.protonmail .text-purple:hover {
color: #d9103b !important; }
.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover {
color: #EF2D56; }
#pm_composer .composer .composerHeader-container,
.composerInputMeta-overlay .composerHeader-container {
background: #292929; }
#pm_composer .composer .fill {
background: #fff; }
.conversation.marked::before {
background: #EF2D56; }
.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active), .item-container-row:not(.item-is-selected):not(.item-contact):not(.read):not(.active) {
background: #fff; }
.item-container.selected, .item-container-row.selected,
.item-container.active, .item-is-selected {
background: rgba(239, 45, 86, 0.1); }
.selectBoxElement-container:hover .item-icon {
background-color: transparent;
border: 1px solid #ed1543; }
.selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon {
fill: #ed1543; }
.selectBoxElement-container:hover .item-checkbox:checked + .item-icon {
background-color: #ed1543;
border-color: #ed1543; }
.item-checkbox:checked + .item-icon {
background-color: #EF2D56;
border-color: #EF2D56; }
.item-checkbox + .item-icon:hover {
background-color: #ed1543;
border-color: #ed1543; }
.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon {
fill: #fff; }
.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon {
fill: #fff; }
.starbutton {
fill: #EF2D56 !important;
opacity: 0.7; }
.starbutton:focus, .starbutton:hover {
fill: #EF2D56; }
.autocompleteEmailsItem-icon svg.encryptionIcon {
fill: #ed1543; }
.encryptionStatus .color-pm-blue svg {
color: #ed1543;
fill: #ed1543; }
.encryptionStatus .color-global-grey-dm svg {
color: black; }
.color-pm-blue {
color: #EF2D56; }
.pm-radio:checked + .pm-radio-fakeradio::before {
background: #EF2D56; }
.block-info-standard {
border-color: #1b68c6; }
.block-info-standard-warning {
border-color: #ffaa00; }
.block-info-standard-error {
border-color: #d62646; }
.link, a, .pm-button--link {
color: #1C1C1C;
transition: color .2s ease-in-out; }
.link:active, .link:focus, .link:hover,
a:active, a:focus, a:hover,
.pm-button--link:hover {
color: #d9103b; }
.pm-button--primary {
background-color: #EF2D56;
border-color: #EF2D56; }
.pm-button--link, .pm-button.pm-button--link {
color: #EF2D56; }
.pm-button--error, .pm-button--error.pm-button--info, .pm-button--error.pm-button--redborder, .pm-button--primary, .pm-button--primary.pm-button--info, .pm-button--primary.pm-button--redborder, .pm-button--warning, .pm-button--warning.pm-button--info, .pm-button--warning.pm-button--redborder, .pm-button-blue, .pm-button-blue.pm-button--info, .pm-button-blue.pm-button--redborder, .pm-button.pm-button--error, .pm-button.pm-button--primary, .pm-button.pm-button--warning, .pm-button.pm-button-blue {
background-color: #EF2D56;
border-color: #EF2D56; }
.is-hover.pm-button--error, .is-hover.pm-button--error.pm-button--info, .is-hover.pm-button--error.pm-button--redborder, .is-hover.pm-button--primary, .is-hover.pm-button--primary.pm-button--info, .is-hover.pm-button--primary.pm-button--redborder, .is-hover.pm-button--warning, .is-hover.pm-button--warning.pm-button--info, .is-hover.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info:focus, .pm-button--error.pm-button--info:focus-within, .pm-button--error.pm-button--info:hover, .pm-button--error.pm-button--redborder:focus, .pm-button--error.pm-button--redborder:focus-within, .pm-button--error.pm-button--redborder:hover, .pm-button--error:focus, .pm-button--error:focus-within, .pm-button--error:hover, .pm-button--primary.pm-button--info:focus, .pm-button--primary.pm-button--info:focus-within, .pm-button--primary.pm-button--info:hover, .pm-button--primary.pm-button--redborder:focus, .pm-button--primary.pm-button--redborder:focus-within, .pm-button--primary.pm-button--redborder:hover, .pm-button--primary:focus, .pm-button--primary:focus-within, .pm-button--primary:hover, .pm-button--warning.pm-button--info:focus, .pm-button--warning.pm-button--info:focus-within, .pm-button--warning.pm-button--info:hover, .pm-button--warning.pm-button--redborder:focus, .pm-button--warning.pm-button--redborder:focus-within, .pm-button--warning.pm-button--redborder:hover, .pm-button--warning:focus, .pm-button--warning:focus-within, .pm-button--warning:hover, .pm-button-blue.is-hover, .pm-button-blue.is-hover.pm-button--info, .pm-button-blue.is-hover.pm-button--redborder, .pm-button-blue.pm-button--info:focus, .pm-button-blue.pm-button--info:focus-within, .pm-button-blue.pm-button--info:hover, .pm-button-blue.pm-button--redborder:focus, .pm-button-blue.pm-button--redborder:focus-within, .pm-button-blue.pm-button--redborder:hover, .pm-button-blue:focus, .pm-button-blue:focus-within, .pm-button-blue:hover, .pm-button.is-hover.pm-button--error, .pm-button.is-hover.pm-button--primary, .pm-button.is-hover.pm-button--warning, .pm-button.pm-button--error:focus, .pm-button.pm-button--error:focus-within, .pm-button.pm-button--error:hover, .pm-button.pm-button--primary:focus, .pm-button.pm-button--primary:focus-within, .pm-button.pm-button--primary:hover, .pm-button.pm-button--warning:focus, .pm-button.pm-button--warning:focus-within, .pm-button.pm-button--warning:hover, .pm-button.pm-button-blue.is-hover, .pm-button.pm-button-blue:focus, .pm-button.pm-button-blue:focus-within, .pm-button.pm-button-blue:hover {
background: #ed1543;
border: 1px solid #ed1543; }
.is-active.pm-button--error, .is-active.pm-button--error.pm-button--info, .is-active.pm-button--error.pm-button--redborder, .is-active.pm-button--primary, .is-active.pm-button--primary.pm-button--info, .is-active.pm-button--primary.pm-button--redborder, .is-active.pm-button--warning, .is-active.pm-button--warning.pm-button--info, .is-active.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info:not(div):active, .pm-button--error.pm-button--redborder:not(div):active, .pm-button--error:not(div):active, .pm-button--primary.pm-button--info:not(div):active, .pm-button--primary.pm-button--redborder:not(div):active, .pm-button--primary:not(div):active, .pm-button--warning.pm-button--info:not(div):active, .pm-button--warning.pm-button--redborder:not(div):active, .pm-button--warning:not(div):active, .pm-button-blue.is-active, .pm-button-blue.is-active.pm-button--info, .pm-button-blue.is-active.pm-button--redborder, .pm-button-blue.pm-button--info:not(div):active, .pm-button-blue.pm-button--redborder:not(div):active, .pm-button-blue:not(div):active, .pm-button.is-active.pm-button--error, .pm-button.is-active.pm-button--primary, .pm-button.is-active.pm-button--warning, .pm-button.pm-button--error:not(div):active, .pm-button.pm-button--primary:not(div):active, .pm-button.pm-button--warning:not(div):active, .pm-button.pm-button-blue.is-active, .pm-button.pm-button-blue:not(div):active {
background: #d9103b;
border-color: #d9103b; }
.pm-button-blueborder {
box-shadow: none;
border-color: #1C1C1C;
color: #1C1C1C;
transition: color .2s ease-in-out, border-color .2s ease-in-out; }
.pm-button-blueborder:hover {
box-shadow: none;
border-color: #d9103b;
color: #d9103b; }
.is-active.pm-button--primaryborder,
.pm-button--primaryborder:not(div):active,
.pm-button-blueborder.is-active,
.pm-button-blueborder:not(div):active {
border-color: #d9103b;
color: #d9103b;
background: transparent; }
.pm-toggle-checkbox:checked + .pm-toggle-label:before {
background: #EF2D56;
border-color: #EF2D56; }
.angular-squire-iframe body a {
color: #EF2D56; }
.fill-pm-blue,
.message-attachmentIcon .file-outer-icon.is-embedded {
fill: #EF2D56; }
.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) {
border-color: #EF2D56;
color: #EF2D56; }
.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before {
background-color: #EF2D56; }
.pm-table--highlight[data-plan-number="1"] tr td:nth-child(2),
.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2),
.pm-table--highlight[data-plan-number="1"] tr:last-child td:nth-child(2) {
border-color: #EF2D56; }
.pm-simple-table-row-th .fill-primary {
fill: #EF2D56; }
.pm-checkbox-fakecheck, .pm-radio-fakeradio {
border-color: #1C1C1C; }
.pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] {
fill: #1C1C1C; }
[class*="icon-"].color-primary {
color: #1C1C1C; }
[class*="icon-"].color-primary:hover {
color: #d9103b; }
.badgeLabel, .badgeLabel-primary {
border-color: #d9103b; }
.badgeLabel,
.badgeLabel-blue,
.badgeLabel-primary,
.bg-pm-blue {
background-color: #d9103b; }
.progress-contact, .progressbar {
color: #EF2D56; }
.progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar {
background: #EF2D56; }
.calendar-grid-heading[aria-pressed="true"]
.calendar-grid-heading-number,
.minicalendar-day[aria-pressed="true"],
.minicalendar-day[aria-current="date"]::before,
.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
background: #c10f34; }
.minicalendar-day[aria-current="date"][aria-pressed="true"]::before {
background: #EF2D56; }