@charset "UTF-8";
/*!
* Custom Theme for ProtonMail v4.0.0
* http://amdelamar.com/pm-theme/
* SPDX-License-Identifier: MIT
*/
:root {
	--theme1: #f6f7fa;
	--theme2: #262a33;
	--theme3: #3c414e;
	--theme4: #657ee4;
	--theme5: #dde6ec;
	--theme6: #eeeff1;

  --main-bg-color: var(--theme2);
  --secondary-bg-color: #ffffff;
  --bgcolor-searchbox-field: var(--theme3);
	--bgcolor-spacebar: #505560;
	--bgcolor-aside-link: var(--theme3);
	--bgcolor-toolbar: #f6f7fa;
	--fillcolor-logo: #657ee4;
  --fillcolor-icons: #6d7178;
	--color-nav-link: #ffffff;
  --color-nav-active: var(--theme4);
	--color-standard-text: #ffffff;
  --boxshadow-main: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.bg-white {
	background: var(--theme2);
}
.bg-black {
	background: var(--theme1);
}
.bg-global-light, kbd {
	background: var(--theme2);
}
.bg-global-grey {
	background: var(--theme3);
}
.fill-global-light, .fill-global-grey, .fill-global-altgrey {
	fill: var(--theme1);
}
.fill-white {
	fill: var(--theme5);
}

.logo {
	webkit-filter: grayscale(0%) brightness(100%);
	filter: grayscale(0%) brightness(100%);
}
.navigationUser-button {
	color: var(--theme1);
}
.sidebarApp-menu .menuLabel-link {
	color: var(--theme1);
}
.sidebarApp-item .navigationItem-item:hover, .sidebarApp-item .sidebarApp-link:hover, .sidebarApp-menu .menuLabel-link:hover {
	color: var(--theme1);
}
.navigation__link:focus, .navigation__link:hover {
	background: var(--theme3);
}

.header, .content, .sidebar, .main {
	background: var(--theme2);
	color: var(--theme1);
}
.main-area, .main-area--noHeader, .main-area--withToolbar, .main-area--withToolbar--noHeader {
	background: var(--theme2);
	color: var(--theme1);
}
.pm-modal, .pm-modalContentInner, .pm-modalContentInner::after, .pm-modalContentInner::before {
	background: var(--theme2);
	color: var(--theme1);
}
.toolbar, .dropDown-content, .dropDown-contentInner, .dropDown-contentInner::after, .dropDown-contentInner::before, .dropdown-folder-container {
	background: var(--theme3);
	color: var(--theme1);
}
.dropDown-contentInner {
	background: none;
}
.dropDown-item span {
  color: var(--theme1);
}

.selectBoxElement-container {
	color: var(--theme1);
}
.items-column-list {
	border-right: 1px solid var(--theme3);
}
.conversation {
	background: transparent;
	border-bottom: 1px solid var(--theme3);
}
.conversation:not(.read):not(.active) {
	background: var(--theme3);
}
.item-container.active, .item-is-selected {
	background: var(--theme4);
}
.item-container.active .senders-name, .item-container.active .senders {
	color: var(--theme2);
}
.senders, .senders-name {
	color: var(--theme4);
}

.message-container, .message-container.draft {
	border: 1px solid var(--theme3);
}
.message-header {
	background: var(--theme3);
	color: var(--theme1);
}

#pm_composer .composer {
	background: var(--theme3);
	color: var(--theme1);
}
.editor-container .fill-global-light, .editor-container .fill-global-grey, .editor-container .fill-global-altgrey {
	fill: var(--theme2);
}

.pm-button, .pm-button--info, .pm-button--redborder {
	border-color: var(--theme3);
	background: var(--theme2);
	color: var(--theme1);
}
select.pm-field, select.pm-field-icon-container {
	background: transparent;
}
.pm-field, .pm-field-icon-container, .composerInputMeta-autocomplete {
	border-color: var(--theme3);
	background: var(--theme2);
	color: var(--theme1);
}
.composerOptions-container {
	background: var(--theme2);
	color: var(--theme1);
}
.composerInputMeta-overlay {
	background: transparent;
}
.composerInputMeta-overlay-fakefield {
  background: var(--theme2);
}
.focus.pm-field-icon-container, .pm-field-icon-container:focus, .pm-field-icon-container:focus-within, .pm-field.focus, .pm-field:focus, .pm-field:focus-within {
	background: var(--theme2);
	color: var(--theme1);
}
[class*="block-info"] {
	background: transparent;
	color: var(--theme1);
}
