Hur får jag ut koden?

Var inga problem, markera och Ctrl+C och sen Ctrl+v

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain('mail.protonmail.com') {
/* rabbyor */
:root {
--b0: #0c0c0e; /* sidebar */
--b1: #111115; /* base */
--b2: #16161c; /* header */
--b3: #1b1b26; /* */
--b4: #272730; /* */
--b5: #333341; /* heading border */
--ib: #252536; /* input */
--ih: #2c2c40; /* input hover */
--bk: #3f3f5b; /* button dark */
--bn: #58587e; /* button */
--bh: #6d6d9c; /* button hover */
--bd: #29293a; /* button disabled */
--ar: #333359; /* alert */
--a0: #727291; /* anchor */
--a1: #8181b8; /* anchor bright */
--a2: #5f5f7a; /* anchor visited */
--t6: #6b6b78; /* text dim */
--t9: #8b8b9a; /* text standard */
--tc: #b4b4c7; /* text brighter */
--tf: #d5d5f1; /* text bright */
--tw: #ffffff; /* text white */
--su: #769168; /* success */
--sh: #7ca765; /* success hover */
--er: #bc7070; /* error */
--eh: #cf6868; /* error hover */
--tr: #34cc69; /* toultip tour */
--ld: var(--b2); /* loader */
--sl: #322e56; /* selection */
}

#pm_headerDesktop a.headerDesktop-logo img { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 100 26' version='1.1' y='0px' x='0px' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 100 26'%3E%3Cg fill='%238181b8'%3E%3Cpath d='m23.1 4.37c-0.852-0.645-2.08-0.972-3.64-0.972h-3.43v12.7h2.16v-4.48h1.31c1.51 0 2.71-0.321 3.55-0.954 0.945-0.712 1.42-1.8 1.42-3.24-0.2-1.28-0.6-2.3-1.5-2.99zm-0.9 3.06c0 0.908-0.231 1.53-0.705 1.9-0.408 0.32-0.999 0.468-1.86 0.468h-1.4v-4.62h1.45c1.7 0 2.6 0.74 2.6 2.25z'/%3E%3Cpath d='m30.2 6.06c-0.6 0-1.13 0.19-1.59 0.564-0.265 0.219-0.503 0.502-0.712 0.848l-0.131-1.2h-1.87v9.82h2.1v-5.68c0.144-0.57 0.686-2.28 2-2.28 0.309 0 0.483 0.031 0.758 0.099l0.243 0.061 0.389-2.06-0.216-0.054c-0.3-0.07-0.6-0.11-1-0.11z'/%3E%3Cpath d='m36 5.84c-1.36 0-2.49 0.501-3.27 1.45-0.752 0.908-1.15 2.18-1.15 3.68 0 1.53 0.394 2.81 1.14 3.7 0.772 0.924 1.9 1.41 3.26 1.41 1.35 0 2.47-0.501 3.26-1.45 0.75-0.909 1.15-2.18 1.15-3.68 0-1.53-0.391-2.81-1.13-3.7-0.9-0.87-2-1.36-3.3-1.36zm-0.1 8.46c-1.46 0-2.18-1.09-2.18-3.33 0-1.15 0.197-2.02 0.587-2.57 0.363-0.52 0.889-0.772 1.61-0.772 0.706 0 1.22 0.251 1.58 0.769 0.382 0.554 0.576 1.42 0.576 2.56 0 2.2-0.7 3.3-2.2 3.3z'/%3E%3Cpath d='m46.5 13.9c-0.424 0.261-0.759 0.373-1.12 0.373-0.558 0-0.881-0.188-0.881-1.15v-5.43h2.13l0.269-1.71h-2.4v-2.34l-2.1 0.252v2.08h-1.49v1.71h1.49v5.37c0 1.87 1 2.95 2.75 2.95 0.851 0 1.64-0.243 2.23-0.685l0.165-0.124-0.841-1.51-0.3 0.2z'/%3E%3Cpath d='m52.2 5.84c-1.36 0-2.49 0.501-3.27 1.45-0.752 0.908-1.15 2.18-1.15 3.68 0 1.53 0.395 2.81 1.14 3.7 0.772 0.924 1.9 1.41 3.26 1.41 1.35 0 2.47-0.501 3.26-1.45 0.75-0.909 1.15-2.18 1.15-3.68 0-1.53-0.391-2.81-1.13-3.7-0.9-0.87-2-1.36-3.3-1.36zm-0.1 8.46c-1.46 0-2.18-1.09-2.18-3.33 0-1.15 0.197-2.02 0.587-2.57 0.363-0.52 0.889-0.772 1.61-0.772 0.706 0 1.22 0.251 1.58 0.769 0.382 0.554 0.576 1.42 0.576 2.56 0 2.2-0.7 3.3-2.2 3.3z'/%3E%3Cpath d='m63.2 6.06c-1.02 0-2.03 0.43-2.8 1.17l-0.093-0.959h-1.85v9.82h2.1v-6.95c0.317-0.448 1.08-1.34 2.09-1.34 0.91 0 1.22 0.343 1.22 1.36v6.92h2.1v-7.04c0-0.967-0.212-1.68-0.647-2.19-0.4-0.54-1.1-0.81-2.1-0.81z'/%3E%3Cpath d='m76.7 3.4l-2.45 8.44-2.53-8.44h-2.66l-1.05 12.7h2.07l0.495-6.48c0.071-0.909 0.114-2 0.137-2.84l2.52 8.02h1.96l2.42-8.01c0.03 0.796 0.081 1.85 0.162 2.83l0.55 6.47h2.1l-1.05-12.7h-2.7z'/%3E%3Cpath d='m89.2 13.5v-4.37c0-1.5-0.632-3.29-3.64-3.29-1.02 0-2.09 0.208-3.2 0.617l-0.219 0.081 0.582 1.65 0.223-0.078c0.84-0.296 1.7-0.465 2.37-0.465 1.28 0 1.78 0.441 1.78 1.57v0.49h-0.969c-1.46 0-2.6 0.277-3.4 0.824-0.809 0.556-1.24 1.4-1.24 2.43 0 1.9 1.28 3.13 3.27 3.13 0.61 0 1.17-0.116 1.67-0.345 0.4-0.184 0.751-0.437 1.05-0.756 0.336 0.631 0.913 0.992 1.75 1.1l0.191 0.024 0.528-1.54-0.216-0.08c-0.6 0-0.7-0.2-0.7-0.9zm-2.1-2.2v2c-0.507 0.749-1.14 1.13-1.89 1.13-1.02 0-1.45-0.449-1.45-1.5 0-0.527 0.165-0.91 0.503-1.17 0.396-0.303 1.05-0.457 1.96-0.457h0.8z'/%3E%3Crect y='6.27' x='91.7' height='9.82' width='2.1'/%3E%3Cpath d='m92.7 1.92c-0.385 0-0.735 0.137-0.986 0.385-0.248 0.245-0.385 0.583-0.385 0.95 0 0.784 0.577 1.35 1.37 1.35 0.386 0 0.739-0.137 0.994-0.387 0.254-0.249 0.395-0.592 0.395-0.967 0-0.74-0.6-1.32-1.4-1.32z'/%3E%3Cpath d='m99.4 14.1l-0.224 0.09c-0.151 0.06-0.319 0.089-0.515 0.089-0.179 0-0.349 0-0.349-0.508v-11.7l-2.1 0.252v11.3c0 0.822 0.203 1.45 0.603 1.88 0.371 0.393 0.892 0.593 1.55 0.593 0.475 0 0.957-0.115 1.43-0.342l0.2-0.2-0.6-1.5z'/%3E%3Cpath d='m5.64 0.23s-4.68-0.154-5.64 5.04v3.53s0.04 0.378 1.1 1.15c1.06 0.768 3.82 2.93 4.54 2.93s3.48-2.16 4.54-2.93c1.06-0.768 1.1-1.15 1.1-1.15v-3.56c-1-5.18-5.66-5.03-5.66-5.03zm3.2 6.96h-6.4v-1.93c0.65-2.58 3.2-2.61 3.2-2.61s2.55 0.035 3.2 2.61v1.93z'/%3E%3Cpath d='m5.64 13.7s-0.725-0.071-1.29-0.465c-0.57-0.4-4.35-3.1-4.35-3.1v5.35s0.032 0.622 0.718 0.622 4.92 0 4.92 0 4.24 0 4.92 0 0.718-0.622 0.718-0.622v-5.35l-4.35 3.1c-0.58 0.5-1.31 0.6-1.31 0.6z'/%3E%3C/g%3E%3C/svg%3E") !important; }
.chooseLayoutBtns-btn-column img { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg style='enable-background:new 0 0 16 16' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16' version='1.1' y='0px' x='0px' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0{fill:%23727291;} %3C/style%3E%3Crect y='1' x='1' height='2' class='st0' width='14'/%3E%3Cpath class='st0' d='m5 5v9h-3v-9h3m1-1h-5v11h5v-11z'/%3E%3Cpath class='st0' d='m14 5v9h-6v-9h6m1-1h-8v11h8v-11z'/%3E%3C/svg%3E") !important; }
.chooseLayoutBtns-btn-column:hover img { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg style='enable-background:new 0 0 16 16' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16' version='1.1' y='0px' x='0px' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0{fill:%23d5d5f1;} %3C/style%3E%3Crect y='1' x='1' height='2' class='st0' width='14'/%3E%3Cpath class='st0' d='m5 5v9h-3v-9h3m1-1h-5v11h5v-11z'/%3E%3Cpath class='st0' d='m14 5v9h-6v-9h6m1-1h-8v11h8v-11z'/%3E%3C/svg%3E") !important; }
.chooseLayoutBtns-btn-rows img { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg style='enable-background:new 0 0 16 16' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16' version='1.1' y='0px' x='0px' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0{fill:%23727291;} %3C/style%3E%3Crect y='1' x='1' height='2' class='st0' width='14'/%3E%3Cpath class='st0' d='m14 5v9h-12v-9h12m1-1h-14v11h14v-11z'/%3E%3C/svg%3E") !important; }
.chooseLayoutBtns-btn-rows:hover img { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg style='enable-background:new 0 0 16 16' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16' version='1.1' y='0px' x='0px' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0{fill:%23d5d5f1;} %3C/style%3E%3Crect y='1' x='1' height='2' class='st0' width='14'/%3E%3Cpath class='st0' d='m14 5v9h-12v-9h12m1-1h-14v11h14v-11z'/%3E%3C/svg%3E") !important; }
.pika-prev { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' style='enable-background:new 0 0 373.008 373.008' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' height='512px' width='512px' version='1.1' y='0px' x='0px' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' viewBox='0 0 373.008 373.008'%3E%3Cg id='Layer_8_16_' transform='matrix(-1 0 0 -1 373 372)'%3E%3Cpath fill='%23b4b4c7' d='m61.8 2.59c3-1.73 6.3-2.59 9.6-2.59 3.33 0 6.66 0.864 9.66 2.59l230 167c5.96 3.44 9.66 9.82 9.66 16.7 0 6.9-3.68 13.3-9.66 16.7l-230 166c-5.97 3.44-13.3 3.44-19.3 0-5.97-3.45-9.66-9.83-9.66-16.7v-334c0.1-6.6 3.8-13 9.8-16.4z'/%3E%3C/g%3E%3C/svg%3E"); }
.pika-next { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg style='enable-background:new 0 0 373.008 373.008' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' height='512px' viewBox='0 0 373.008 373.008' width='512px' version='1.1' y='0px' x='0px' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Layer_8_16_'%3E%3Cpath d='m61.8 2.59c3-1.73 6.3-2.59 9.6-2.59 3.33 0 6.66 0.864 9.66 2.59l230 167c5.96 3.44 9.66 9.82 9.66 16.7 0 6.9-3.68 13.3-9.66 16.7l-230 166c-5.97 3.44-13.3 3.44-19.3 0-5.97-3.45-9.66-9.83-9.66-16.7v-334c0.1-6.6 3.8-13 9.8-16.4z' fill='%23b4b4c7'/%3E%3C/g%3E%3C/svg%3E"); }

/* general */
html, body, #pm_main { background: var(--b1) !important; border-color: var(--b3); color: var(--t9); }
header, footer, #pm_footer { background: var(--b2) !important; color: var(--t9) !important; }
h1, h2, h3, h4, h5, h6 { color: var(--tc) !important; }
a, a span { background: transparent !important; border: none !important; color: var(--a0) !important; }
a:hover, a:hover span, .headerNoAuth-btn-report:hover { color: var(--tf) !important; }
hr { border-color: var(--b4) !important; box-shadow: 0px 1px 0px var(--b4) !important; }
img { opacity: 0.7 !important; }
img:hover { opacity: 1 !important; }
pre, blockquote, kbd, code { background: var(--b0) !important; border: none !important; box-shadow: none !important; color: var(--tc) !important; }
input, textarea, selection, select, .search-form-fieldset, .dropzone, .editor-container { background: var(--ib) !important; color: var(--tc) !important; }
input:hover, input:focus, input:active, textarea:hover, textarea:focus, textarea:active, selection:hover, selection:focus, selection:active, select:hover, select:focus, select:active { background: var(--ih) !important; }
.alert { background: var(--ar) !important; color: var(--tc) !important; }
.alert a { color: var(--a1) !important; }
.customMaskInput-mask { background-color: var(--ib) !important; border-color: var(--ib) !important; }
.customRadio-input:checked + .customRadio-mask { box-shadow: inset 0 0 0 3px var(--ib),inset 0 0 0 10px var(--tf); }
#pm_loading { background: var(--ar); }
.tooltip-inner { background: var(--ar) !important; color: var(--tf); }
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow, .tooltip.right .tooltip-arrow, .tooltip.left .tooltip-arrow, .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow{ border-top-color: var(--ar) !important; }
.tooltip.tour .tooltip-inner { background: var(--tr) !important; }
.tooltip.tour.left .tooltip-arrow { border-left-color: var(--tr); }
::-moz-selection { background: var(--sl); color: var(--tc); }
::selection { background: var(--sl); color: var(--tc); }

/* buttons */
.sidebarApp-container .sidebar-btn-compose, .pm_button.primary, #pm_composer .composer footer .pm_button, #pm_composer .composer footer .pm_button.primary { background: var(--bk); border-color: var(--bk); color: var(--tc); }
.sidebarApp-container .sidebar-btn-compose:hover, .pm_button.primary:hover, #pm_composer .composer footer .pm_button:hover { background: var(--bn); border-color: var(--bn); color: var(--tf); }
.pm_buttons, .pm_button { border-color: var(--bn); color: var(--bn); }
.pm_button:focus { background: var(--bh); color: var(--tf); }
.pm_button:hover span, .pm_button:hover i::before { color: var(--tf); }
.pm_buttons a { transition: none; }
.pm_buttons a:hover { background: var(--bh) !important; }
.pm_buttons a::before, .pm_buttons i::before:not(.list-group-item-label-icon), .pm_buttons small { color: var(--bn) !important; }
.pm_buttons a:hover::before, .pm_buttons a:hover i::before, .pm_buttons a:hover small { color: var(--tf) !important; }
.pm_buttons > * { border-left: 1px solid var(--bn) !important; }
.pm_buttons > *:first-child { border-left: none !important; }
.pm_button:hover { background: var(--bh); color: var(--tf); }
.paginator-disabled-main .paginator-dropdown, .paginator-disabled-next .paginator-btn-next, .paginator-disabled-previous .paginator-btn-previous { box-shadow: inset 0 0 50rem 0 var(--bd); }
.paginator.pm_buttons a:hover, .paginator.pm_buttons a:hover i::before { background: var(--bn) !important; color: var(--tf); }
.pm_buttons .disabled { background: var(--bd) !important; box-shadow: none; }
.chooseLayoutBtns-container-rows .chooseLayoutBtns-btn-rows, .chooseLayoutBtns-container:not(.chooseLayoutBtns-container-rows) .chooseLayoutBtns-btn-column { background: var(--bk) !important; box-shadow: none; }
.readUnread-container.disabled [class*="readUnread-btn"], .moveElement-container.disabled [class*="moveElement-btn"] { box-shadow: none; }
.pm_buttons.disabled { background: var(--bd) !important; border-color: var(--bn); }
.pm_buttons.disabled a::before, .pm_buttons.disabled i::before, .pm_buttons.disabled small, .paginator-disabled-previous i::before, .paginator-disabled-next i::before { color: var(--a2) !important;}
.btnAdvancedSearch-container:hover { background: var(--bh); }
.btnAdvancedSearch-container .btnAdvancedSearch-icon-desktop::before { color: var(--tc); }
.btnAdvancedSearch-container:hover .btnAdvancedSearch-icon-desktop::before { color: var(--tf); }
.readUnread-container-ur .readUnread-btn-read { border-left: 1px solid var(--bn) !important; }
.readUnread-container-ur .readUnread-btn-unread { border-left-width: 0px !important; }
.pm_buttons > :first-child { border-left-width: 0px; }
.pm_buttons > * { border-left: 1px solid var(--bn); }
.pm_button.link { color: var(--a1); }
html.protonmail .text-purple { color: var(--a1) !important; }

/* navigation */
.navigation > li:hover { box-shadow: 0 5px 0 0 var(--tf) inset; }
.navigation > li:hover .navigation-link i::before, .navigation > li:hover .navigation-link span { color: var(--tf) !important; }
.searchForm-advanced-wrapper { background: var(--b2); }
.searchForm-action-button-default i::before { color: var(--a0); }
.searchForm-advanced-container label { color: var(--t9); }
.search-form-fieldset input[type="search"]::placeholder { color: var(--a2); }
.autocomplete-container .awesomplete ul { background: var(--ib); border: none; }
.autocomplete-container .awesomplete li { color: var(--tc); }
.autocomplete-container .awesomplete li[aria-selected="true"], .autocomplete-container .awesomplete li:hover, .autocomplete-container .awesomplete li[aria-selected="true"]:hover { background: var(--ih); color: var(--tf); }
.navigation > li.active { box-shadow: 0 5px 0 0 var(--a0) inset; }
input.search-form-fieldset-input:hover, input.search-form-fieldset-input:focus, input.search-form-fieldset-input:active { background: transparent !important; }

/* sidebar */
.headerDesktop-logo, section#pm_sidebar, .sidebarApp-container { background: var(--b0) !important; }
#pm_headerDesktop a.headerDesktop-logo img { background-repeat: no-repeat; height: 0 !important; padding-left: 125px !important; padding-top: 30px !important; width: 0 !important; }
.sidebarApp-item.active { background: var(--b2); }
.sidebarApp-item.active a i::before, .sidebarApp-item.active a span { color: var(--tc) !important; }
.sidebarApp-item.active .sidebarApp-link span, .sidebarApp-item.active .sidebarApp-link i::before { color: var(--tf) !important;}
.sidebarApp-menu:not(.menuLabel-container) a i::before, .sidebarApp-menu a span, .sidebarApp-item .navigationItem-btn-refresh { color: var(--a0); }
.sidebarApp-item a:hover i::before, .sidebarApp-item a:hover span, a.menuLabel-link:hover span, .settingsMenu-item-donate .donateBtn-container:hover i::before { color: var(--tf) !important; }
.sidebarApp-container .footer div.storage strong { color: var(--tc); }
.settingsMenu-item-donate .donateBtn-container, .settingsMenu-item-donate .donateBtn-container i::before { color: var(--a0); }

/* toolbar */
.pm_toolbar { box-shadow: none; border-bottom: 1px solid var(--b2); }
#secured-contacts .pm_toolbar { border: none; }
.chooseLayoutBtns-btn-column img, .chooseLayoutBtns-btn-rows img { background-repeat: no-repeat; height: 0 !important; padding-left: 16px !important; padding-top: 16px !important; width: 0 !important; }

/* conversation */
.conversation.read { background: var(--b1) !important; border-color: var(--b2) !important; color: var(--a0) !important; }
.conversation, body #conversation-list-rows .conversation { background: var(--b3); border-color: var(--b3) !important; }
.conversation:hover { background: var(--b2) !important; }
body #conversation-list-columns { border-color: var(--b3); }
.pm_labels label { box-shadow: none !important; }
body #conversation-list-rows .conversation .subject .pm_labels, body #conversation-list-rows .conversation .subject .pm_labels label, .conversation .row .pm_labels label { background: transparent !important; }
#conversation-list-rows .conversation a.starButton-star::before { color: var(--bd); }
body #conversation-list-rows .conversation .fa-star-o { opacity: 1; } /* 3.8.0 */

/* message */
.fa-check-square::before { color: var(--tc); }
#conversation-view header, #conversation-view .message { border-color: var(--b3); }
.conversation.marked::before { background: var(--a0); }
#conversation-view .message .summary, #conversation-view .message.unread .summary, #conversation-view .message .summary .labels, #conversation-view .message.unread .summary .labels, #conversation-view .message .summary .time, #conversation-view .message.unread .summary .time, #conversation-view .message .summary .status, #conversation-view .message.unread .summary .status, #conversation-view .message .summary .time::after, #conversation-view .message.unread .summary .time::after, #conversation-view .message .details, #conversation-view .message.unread .details, .message .displayContentBtn-container, #attachmentArea, #attachmentArea header { background: var(--b2) !important; border: none; }
.message .displayContentBtn-container { color: var(--a1); }
#conversation-view .message .frame { border: none; }
.message-frame { background: var(--b1) !important; }
.message-frame div table, .message-frame table *, .message-frame div.bodyDecrypted * { background: transparent !important; border-color: var(--b3) !important; box-shadow: none !important; color: var(--t9) !important; text-shadow: none !important; }
.message-frame div table a, .message-frame table a, .message-frame div.bodyDecrypted a { color: var(--a1) !important; }
.message-frame div table a:visited, .message-frame table a:visited, .message-frame div.bodyDecrypted a:visited { color: var(--a2) !important; }
.proton-embedded::after { background: var(--ar); border: none; color: var(--tc); }
.listAttachments-list .listAttachments-att { background: transparent; }
.listAttachments-list .listAttachments-att::after { border-color: var(--bn); }
#conversation-view .message .frame .email .pm_button.more { background: var(--bn); color: var(--tc); }
.message .frame > .email blockquote { border-color: var(--a0) !important; }
#conversation-view .message .message-contact-sender, #conversation-view .message .toggleDetails { color: var(--a1); }
#conversation-view .message .toggleDetails:hover, #conversation-view .message .summary .status .fa:hover, #conversation-view .message .message-contact-sender:hover { color: var(--tf); }

/* popup */
.pm_modal .modal-dialog, .pm_modal .modal-dialog .modal-content, .pm_modal .modal-dialog .modal-footer, .pm_modal header, .pm_modal footer { background: var(--b1) !important; }
.pm_modal .modal-dialog { border-color: var(--b1); border-radius: 2px; }
.pm_modal .modal-dialog .close { background: var(--b1); color: var(--a0); }
.pm_modal .modal-dialog .close:hover { background: var(--bh); color: var(--tf); }
.pm_modal .modal-dialog .modal-content .modal-body { box-shadow: 0px 1px 0px var(--b3) inset, 0px -1px 0px var(--b3) inset; }
.pm_form .pm_select select, .pm_form input, .pm_form textarea { background: var(--ib); border: none !important; }
.pm_toggle { background: var(--bd); box-shadow: none; }
.pm_toggle.off .off, .pm_toggle.on .on { background: var(--bn); }
.pm_toggle.on .off, .pm_toggle.off .on { color: var(--tf) !important; }
.pm_toggle span.knob { background: transparent; border: none; }
.pm_form select { color: var(--tc) !important; }

/* calendar */
em.fa-calendar::before { color: var(--tc); }
.pika-single { background: var(--ib); border: none; color: var(--tc); }
.pika-label { background: transparent; }
.pika-prev, .pika-next { height: 20px; margin-top: 3px; width: 16px; }
.pika-table th { color: var(--tf); }
.pika-button { background: transparent; color: var(--tc); }
body .pika-button:hover { background: var(--bh); color: var(--tw); }
body .is-selected .pika-button { background: var(--bn); color: var(--tf) !important; }
.pika-table .is-disabled .pika-button { color: var(--t6) !important; opacity: 1; }

/* dropdown */
.pm_dropdown { background: var(--b0); border: none !important; }
.pm_dropdown > button { border-color: var(--b3); color: var(--a0); }
.pm_dropdown > button:hover, .pm_dropdown > a:hover span, .pm_dropdown > button:hover i::before, .pm_dropdown > a:hover i::before, .pm_dropdown > a:last-child:hover { color: var(--tc) !important; }
.paginator .pm_dropdown > a:hover, .paginator .pm_dropdown a:hover em { background: transparent !important; color: var(--tf) !important; }
.labelDropdown .scrollbox, .labelDropdown .alsoArchive, .scrollbox-container { background: var(--b0); border-color: var(--b3); }
.labelDropdown .scrollbox::before, .labelDropdown .scrollbox::after, .scrollbox-container::before, .scrollbox-container::after { background: none; }
.labelDropdown .scrollbox, .scrollbox-container { max-height: 400px; }
.dropdown-label-alsoArchive { border-color: var(--b3) !important;}

/* login */
.pm_panel.alt, body.light .pm_panel, #exiting { background: var(--ld); border: none; }
#pm_login input { background: var(--ib); border: none; }
body#login { background: var(--b2); }
#signup .signup-radio-label-text, #signup .titleLabel span, body.light .pm_panel { color: var(--t9); }
.pm_button.primary[disabled] { color: var(--tw); }
.loginForm-btn-help { color: var(--a0); }

/* tutorial */
#pm_wizard { background: var(--ar); }
#pm_wizard .close { color: var(--a1); }
#pm_wizard [class^="step-"] .body strong { color: var(--tc); }

/* contacts */
.pm_table table thead { border-color: var(--b3); }
.pm_table table th { background: var(--b1); border-color: var(--b3); }
.pm_table table td { color: var(--t9); border-color: var(--b3); }

/* settings */
.pm_form legend { border-color: var(--b5); }
.squireToolbar-container { background: var(--b2); border-color: var(--b2); }
[class*="squireToolbar-action-"] + .squireToolbar-separator { border-color: var(--b3); }
#pm_settings .settings .angular-squire-wrapper, #pm_settings .settings .angular-squire-wrapper * { background: var(--ib); border-color: var(--b3); color: var(--tc); }
.pm_sort ul, .pm_sort ul li, .pm_sort ul li.highlight { background: transparent; border-color: var(--b3); }
.pm_sort ul li .fa.fa-ellipsis-v { color: var(--a1); }
.pm_sort li button.pm_button:hover { background: transparent; }
.pm_table table.bordered, #pm_settings .well { border-color: var(--b3); box-shadow: none !important; }
#pm_settings .well .pm_table table.plain th { color: var(--t6); }
#pm_settings #plans header, #plans .plans .plan footer { background: transparent !important; }
#plans .plans .plan section, #plans .plans .plan section ul li, #plans .plans .plan footer, #plans .plans .plan footer .cycle { border-color: var(--b3); }
#plans .plans .plan h3 { background: var(--bd) !important; }
#pm_settings .settings .row .setting .as-sortable-placeholder { background: var(--b3) !important; }
#pm_settings .settings .as-sortable-dragging { background: var(--b2) !important; border-color: var(--bn) !important; }
.pm_table table tr.hasTable table { background: var(--b2); }
.pm_button.success, .pm_badge.success, .notification-success, body .cg-notify-message.notification-success { background: var(--su); border-color: var(--su); }
.pm_button.success:hover { background: var(--sh); color: var(--tw); }
#plans .plans .plan footer .cycle .discount { border-right-color: var(--su); }
#plans .plans .plan footer .cycle label { color: var(--t9); }
.pm_button.error, .pm_badge.error, .notification-warning, .notification-danger { background: var(--er); border-color: var(--er); }
.pm_button.error:hover { background: var(--eh); color: var(--tw); }
.pm_badge.primary, #pm_composer .composer footer .pm_button.primary, .notification-info { background: var(--a1); }
#pm_settings .addressKeysView-container .pm_button:hover { background: transparent; }
html.protonmail .text-red { color: var(--er); }
#pm_settings .bar { background: var(--b0); }
#pm_settings .bar em { background: var(--a1); }
#plans .plans .plan footer .cycle strong, .pm_table table th .fa { color: var(--a1); }
.pm_table table th { color: var(--t6); }

/* composer */
#pm_composer .composer, .autocompleteEmails-item { background: transparent; }
.autocompleteEmails-container, #pm_composer .composer .row select, .composerInputMeta-overlay { color: var(--t9); }
[class*="squireToolbar-action-"] { color: var(--tc); }
[class*="squireToolbar-action-"]:hover { color: var(--a1); cursor: pointer; }
#pm_composer .composer .row, .composerInputMeta-overlay { background: var(--ib); border-color: var(--ih); }
#pm_composer .composer header, #pm_composer .composer footer { background: var(--b2) !important; border-color: var(--b3); }

/* welcome */
#pm_latest header { border-color: var(--b4); }
#pm_latest section { border-color: var(--b4); }
#pm_latest .storageArea .bar { background: var(--b0); }
#pm_latest .storageArea .bar em { background: var(--a1); }
#pm_latest #storageStatus .wrap span { color: var(--t9); }
#pm_latest #storageStatus .wrap span strong { color: var(--tc); }
}

@-moz-document regexp('about:blank') {
html.angular-squire-iframe body[contenteditable="true"] { color: #b4b4c7 !important; }
html.angular-squire-iframe body[contenteditable="true"] a { color: #8181b8 !important; }
}