├── .github ├── ISSUE_TEMPLATE.md └── PULL_REQUEST_TEMPLATE.md ├── .gitignore ├── LICENSE.md ├── README.md ├── _config.yml ├── package.json ├── screenshots ├── bg-image-screenshot-3.12.41.png ├── dark-screenshot-3.12.41.png ├── flat-screenshot-3.12.41.png └── gm-screenshot-3.12.41.png ├── themes-v4 ├── pm-dark-theme.css └── pm-flat-theme.css └── themes ├── bg-image-theme.css ├── bg-image-theme.min.css ├── gm-theme.css ├── gm-theme.min.css ├── nord-theme.css ├── nord-theme.min.css ├── pm-dark-theme.css ├── pm-dark-theme.min.css ├── pm-flat-theme.css └── pm-flat-theme.min.css /.github/ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | ## Your Environment 2 | * Theme used: (Dark / Flat / GM / BG-Image) 3 | * Browser name and version: 4 | * OS/Device version: 5 | 6 | ## Describe the Problem 7 | 8 | 9 | -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ## What is the Change 4 | 5 | 6 | 7 | ## Description of the Change 8 | 9 | 10 | 11 | ## Related Issues/Pull Requests 12 | 13 | 14 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | # Created by https://www.gitignore.io/api/node,linux,macos,windows 3 | 4 | ### Linux ### 5 | *~ 6 | 7 | # temporary files which can be created if a process still has a handle open of a deleted file 8 | .fuse_hidden* 9 | 10 | # KDE directory preferences 11 | .directory 12 | 13 | # Linux trash folder which might appear on any partition or disk 14 | .Trash-* 15 | 16 | # .nfs files are created when an open file is removed but is still being accessed 17 | .nfs* 18 | 19 | ### macOS ### 20 | *.DS_Store 21 | .AppleDouble 22 | .LSOverride 23 | 24 | # Icon must end with two \r 25 | Icon 26 | 27 | # Thumbnails 28 | ._* 29 | 30 | # Files that might appear in the root of a volume 31 | .DocumentRevisions-V100 32 | .fseventsd 33 | .Spotlight-V100 34 | .TemporaryItems 35 | .Trashes 36 | .VolumeIcon.icns 37 | .com.apple.timemachine.donotpresent 38 | 39 | # Directories potentially created on remote AFP share 40 | .AppleDB 41 | .AppleDesktop 42 | Network Trash Folder 43 | Temporary Items 44 | .apdisk 45 | 46 | ### Node ### 47 | # Logs 48 | logs 49 | *.log 50 | npm-debug.log* 51 | yarn-debug.log* 52 | yarn-error.log* 53 | 54 | # Runtime data 55 | pids 56 | *.pid 57 | *.seed 58 | *.pid.lock 59 | 60 | # Directory for instrumented libs generated by jscoverage/JSCover 61 | lib-cov 62 | 63 | # Coverage directory used by tools like istanbul 64 | coverage 65 | 66 | # nyc test coverage 67 | .nyc_output 68 | 69 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 70 | .grunt 71 | 72 | # Bower dependency directory (https://bower.io/) 73 | bower_components 74 | 75 | # node-waf configuration 76 | .lock-wscript 77 | 78 | # Compiled binary addons (http://nodejs.org/api/addons.html) 79 | build/Release 80 | 81 | # Dependency directories 82 | node_modules/ 83 | jspm_packages/ 84 | 85 | # Typescript v1 declaration files 86 | typings/ 87 | 88 | # Optional npm cache directory 89 | .npm 90 | 91 | # Optional eslint cache 92 | .eslintcache 93 | 94 | # Optional REPL history 95 | .node_repl_history 96 | 97 | # Output of 'npm pack' 98 | *.tgz 99 | 100 | # Yarn Integrity file 101 | .yarn-integrity 102 | 103 | # dotenv environment variables file 104 | .env 105 | 106 | ### Windows ### 107 | # Windows thumbnail cache files 108 | Thumbs.db 109 | ehthumbs.db 110 | ehthumbs_vista.db 111 | 112 | # Folder config file 113 | Desktop.ini 114 | 115 | # Recycle Bin used on file shares 116 | $RECYCLE.BIN/ 117 | 118 | # Windows Installer files 119 | *.cab 120 | *.msi 121 | *.msm 122 | *.msp 123 | 124 | # Windows shortcuts 125 | *.lnk 126 | 127 | 128 | # End of https://www.gitignore.io/api/node,linux,macos,windows 129 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016 Austin Delamar 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Custom Themes for ProtonMail 2 | 3 | **NOTE: THIS REPO IS ARCHIVED AND NO LONGER MAINTAINED.** It will remain up for historical reference however. 4 | 5 | This is a collection of simple color themes for the [ProtonMail](https://protonmail.com/) v3.16.x web app. 🎨 6 | 7 |   8 | 9 | ## Dark Theme 10 | 11 | 12 | [Copy the CSS directly](https://amdelamar.com/pm-theme/themes/pm-dark-theme.min.css) and [edit the colors](#customize). 13 | 14 |   15 | 16 | ## Flat Theme 17 | 18 | 19 | [Copy the CSS directly](https://amdelamar.com/pm-theme/themes/pm-flat-theme.min.css) and [edit the colors](#customize). 20 | 21 |   22 | 23 | ## Background Image Theme 24 | 25 | 26 | [Copy the CSS directly](https://amdelamar.com/pm-theme/themes/bg-image-theme.min.css) and [customize](#customize) the variable `--image` to your own image url. (Might not work with Content-Security-Policy blocking remote content anymore.) 27 | 28 |   29 | 30 | ## GM Theme 31 | 32 | 33 | [Copy the CSS directly](https://amdelamar.com/pm-theme/themes/gm-theme.min.css) and [edit the colors](#customize). 34 | 35 |   36 | 37 | ## Customize 38 | 39 | 1. Copy a CSS theme above. 40 | 1. Paste in ProtonMail under `Settings` > `Appearance` > `Custom Theme`. 41 | 1. Customize the colors (or leave default). 42 | 1. Enjoy! 43 | 44 | You can customize the theme colors to your liking: 45 | 46 | ```css 47 | /* First paste any CSS theme. */ 48 | 49 | /* Now you can set your colors. */ 50 | :root { 51 | --theme1: #3652d1; /* Blue instead of Red */ 52 | } 53 | ``` 54 | 55 | The `#xxx` value is [hexidecimal color](https://www.color-hex.com/) value. And the `root` keyword is a CSS variable, that just sets the color values globally. These themes have been simplified to **7 "core" colors** so you can easily make a custom color palette of your choice. You can also generate a pretty [color palette from this site](https://coolors.co/). 56 | 57 | ```css 58 | :root { 59 | /* Core Theme Colors */ 60 | --theme1: #66669a; /* Purple */ 61 | --theme2: #5f5f60; /* Dark Grey */ 62 | --theme3: #f0f0f0; /* Light Grey */ 63 | --theme4: #bcbdbf; /* Grey */ 64 | --theme5: #797a7c; /* Medium Grey */ 65 | --theme6: #9397cd; /* Light Purple */ 66 | --theme7: #fefefe; /* White */ 67 | } 68 | ``` 69 | 70 | Enjoy! 71 | 72 | ## Notes 73 | 74 | - This is only available for the WEB version and not the MOBILE app. 75 | - Some of these themes aren't always the best. **If you have any problems** you can open an [issue here](https://github.com/amdelamar/pm-theme/issues). 76 | - If you're trying to use `@import`, the Content-Security-Policy (CSP) header blocks `@import` statements from loading remote content. To get around this, please copy and paste the entire contents of the CSS theme rather than the `@import` line. 77 | 78 | ## Privacy and Performance 79 | 80 | ~~The above code used a CSS `import` statement for ease of use and quickly trying out a theme. However, the CSS `import` statement causes files to load sequentially instead of parallel, thus slowing down your pages load performance. Also, if your privacy is of the utmost importance, then I wouldn't use the CSS `import` statment from above. It potentially could reveal your behavior e.g. identifying *when* you load up ProtonMail using *which* specific theme. To avoid this, please copy & paste the entire contents of the CSS file, rather than use the `import` statement.~~ This is no longer a concern, now that the Content-Security-Policy (CSP) Header blocks `@import` statements from loading remote content. 81 | 82 | ## Contribute 83 | 84 | Spot a problem or bug? You can open an [issue here](https://github.com/amdelamar/pm-theme/issues). 85 | 86 | I'll accept pull requests to the `master` branch too. Please make sure to minify the CSS as well. 87 | 88 | ## Share with friends 89 | 90 | - Copy, edit, and share any of these themes. 91 | - Licensed as [MIT](/LICENSE.md) and *free forever*. 92 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | theme: jekyll-theme-cayman -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pm-theme", 3 | "version": "3.16.21", 4 | "description": "Easy CSS Themes for ProtonMail.", 5 | "repository": { 6 | "type": "git", 7 | "url": "https://github.com/amdelamar/pm-theme" 8 | }, 9 | "homepage": "https://amdelamar.com/pm-theme/", 10 | "author": "Austin Delamar (https://amdelamar.com)", 11 | "main": "themes/pm-dark-theme.min.css", 12 | "style": "themes/pm-dark-theme.min.css", 13 | "license": "MIT", 14 | "keywords": [ 15 | "css", 16 | "css3", 17 | "protonmail", 18 | "custom", 19 | "themes" 20 | ], 21 | "bugs": "https://github.com/amdelamar/pm-theme/issues", 22 | "ignore": [ 23 | "screenshots/*" 24 | ] 25 | } 26 | -------------------------------------------------------------------------------- /screenshots/bg-image-screenshot-3.12.41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amdelamar/pm-theme/f9a5e03a0c95a87b57e92c22c9fa368687d68305/screenshots/bg-image-screenshot-3.12.41.png -------------------------------------------------------------------------------- /screenshots/dark-screenshot-3.12.41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amdelamar/pm-theme/f9a5e03a0c95a87b57e92c22c9fa368687d68305/screenshots/dark-screenshot-3.12.41.png -------------------------------------------------------------------------------- /screenshots/flat-screenshot-3.12.41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amdelamar/pm-theme/f9a5e03a0c95a87b57e92c22c9fa368687d68305/screenshots/flat-screenshot-3.12.41.png -------------------------------------------------------------------------------- /screenshots/gm-screenshot-3.12.41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amdelamar/pm-theme/f9a5e03a0c95a87b57e92c22c9fa368687d68305/screenshots/gm-screenshot-3.12.41.png -------------------------------------------------------------------------------- /themes-v4/pm-dark-theme.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /*! 3 | * Custom Theme for ProtonMail v4.0.0 4 | * http://amdelamar.com/pm-theme/ 5 | * SPDX-License-Identifier: MIT 6 | */ 7 | :root { 8 | --theme1: #f6f7fa; 9 | --theme2: #262a33; 10 | --theme3: #3c414e; 11 | --theme4: #657ee4; 12 | --theme5: #dde6ec; 13 | --theme6: #eeeff1; 14 | 15 | --main-bg-color: var(--theme2); 16 | --secondary-bg-color: #ffffff; 17 | --bgcolor-searchbox-field: var(--theme3); 18 | --bgcolor-spacebar: #505560; 19 | --bgcolor-aside-link: var(--theme3); 20 | --bgcolor-toolbar: #f6f7fa; 21 | --fillcolor-logo: #657ee4; 22 | --fillcolor-icons: #6d7178; 23 | --color-nav-link: #ffffff; 24 | --color-nav-active: var(--theme4); 25 | --color-standard-text: #ffffff; 26 | --boxshadow-main: 0 0 15px 0 rgba(0, 0, 0, 0.1); 27 | } 28 | 29 | .bg-white { 30 | background: var(--theme2); 31 | } 32 | .bg-black { 33 | background: var(--theme1); 34 | } 35 | .bg-global-light, kbd { 36 | background: var(--theme2); 37 | } 38 | .bg-global-grey { 39 | background: var(--theme3); 40 | } 41 | .fill-global-light, .fill-global-grey, .fill-global-altgrey { 42 | fill: var(--theme1); 43 | } 44 | .fill-white { 45 | fill: var(--theme5); 46 | } 47 | 48 | .logo { 49 | webkit-filter: grayscale(0%) brightness(100%); 50 | filter: grayscale(0%) brightness(100%); 51 | } 52 | .navigationUser-button { 53 | color: var(--theme1); 54 | } 55 | .sidebarApp-menu .menuLabel-link { 56 | color: var(--theme1); 57 | } 58 | .sidebarApp-item .navigationItem-item:hover, .sidebarApp-item .sidebarApp-link:hover, .sidebarApp-menu .menuLabel-link:hover { 59 | color: var(--theme1); 60 | } 61 | .navigation__link:focus, .navigation__link:hover { 62 | background: var(--theme3); 63 | } 64 | 65 | .header, .content, .sidebar, .main { 66 | background: var(--theme2); 67 | color: var(--theme1); 68 | } 69 | .main-area, .main-area--noHeader, .main-area--withToolbar, .main-area--withToolbar--noHeader { 70 | background: var(--theme2); 71 | color: var(--theme1); 72 | } 73 | .pm-modal, .pm-modalContentInner, .pm-modalContentInner::after, .pm-modalContentInner::before { 74 | background: var(--theme2); 75 | color: var(--theme1); 76 | } 77 | .toolbar, .dropDown-content, .dropDown-contentInner, .dropDown-contentInner::after, .dropDown-contentInner::before, .dropdown-folder-container { 78 | background: var(--theme3); 79 | color: var(--theme1); 80 | } 81 | .dropDown-contentInner { 82 | background: none; 83 | } 84 | .dropDown-item span { 85 | color: var(--theme1); 86 | } 87 | 88 | .selectBoxElement-container { 89 | color: var(--theme1); 90 | } 91 | .items-column-list { 92 | border-right: 1px solid var(--theme3); 93 | } 94 | .conversation { 95 | background: transparent; 96 | border-bottom: 1px solid var(--theme3); 97 | } 98 | .conversation:not(.read):not(.active) { 99 | background: var(--theme3); 100 | } 101 | .item-container.active, .item-is-selected { 102 | background: var(--theme4); 103 | } 104 | .item-container.active .senders-name, .item-container.active .senders { 105 | color: var(--theme2); 106 | } 107 | .senders, .senders-name { 108 | color: var(--theme4); 109 | } 110 | 111 | .message-container, .message-container.draft { 112 | border: 1px solid var(--theme3); 113 | } 114 | .message-header { 115 | background: var(--theme3); 116 | color: var(--theme1); 117 | } 118 | 119 | #pm_composer .composer { 120 | background: var(--theme3); 121 | color: var(--theme1); 122 | } 123 | .editor-container .fill-global-light, .editor-container .fill-global-grey, .editor-container .fill-global-altgrey { 124 | fill: var(--theme2); 125 | } 126 | 127 | .pm-button, .pm-button--info, .pm-button--redborder { 128 | border-color: var(--theme3); 129 | background: var(--theme2); 130 | color: var(--theme1); 131 | } 132 | select.pm-field, select.pm-field-icon-container { 133 | background: transparent; 134 | } 135 | .pm-field, .pm-field-icon-container, .composerInputMeta-autocomplete { 136 | border-color: var(--theme3); 137 | background: var(--theme2); 138 | color: var(--theme1); 139 | } 140 | .composerOptions-container { 141 | background: var(--theme2); 142 | color: var(--theme1); 143 | } 144 | .composerInputMeta-overlay { 145 | background: transparent; 146 | } 147 | .composerInputMeta-overlay-fakefield { 148 | background: var(--theme2); 149 | } 150 | .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 { 151 | background: var(--theme2); 152 | color: var(--theme1); 153 | } 154 | [class*="block-info"] { 155 | background: transparent; 156 | color: var(--theme1); 157 | } 158 | -------------------------------------------------------------------------------- /themes-v4/pm-flat-theme.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /*! 3 | * Custom Theme for ProtonMail v4.0.0 4 | * http://amdelamar.com/pm-theme/ 5 | * SPDX-License-Identifier: MIT 6 | */ 7 | :root { 8 | --theme1: #f6f7fa; 9 | --theme2: #262a33; 10 | --theme3: #3c414e; 11 | --theme4: #657ee4; 12 | --theme5: #dde6ec; 13 | --theme6: #eeeff1; 14 | 15 | --main-bg-color: var(--theme6); 16 | --secondary-bg-color: #ffffff; 17 | --bgcolor-searchbox-field: var(--theme1); 18 | --bgcolor-spacebar: var(--theme5); 19 | --bgcolor-aside-link: var(--theme5); 20 | --bgcolor-toolbar: #f6f7fa; 21 | --fillcolor-logo: #657ee4; 22 | --fillcolor-icons: #6d7178; 23 | --color-nav-link: var(--theme2); 24 | --color-nav-active: var(--theme4); 25 | --color-standard-text: #262a33; 26 | --boxshadow-main: 0 0 15px 0 rgba(0, 0, 0, 0.1); 27 | } 28 | 29 | .bg-white { 30 | background: var(--theme1); 31 | } 32 | .bg-black { 33 | background: var(--theme2); 34 | } 35 | .bg-global-light, kbd { 36 | background: var(--theme1); 37 | } 38 | .bg-global-grey { 39 | background: var(--theme5); 40 | } 41 | .fill-global-light { 42 | fill: var(--theme3); 43 | } 44 | .fill-white { 45 | fill: var(--theme2); 46 | } 47 | 48 | .logo { 49 | webkit-filter: grayscale(100%) brightness(50%); 50 | filter: grayscale(100%) brightness(50%); 51 | } 52 | .navigationUser-button { 53 | color: var(--theme2); 54 | } 55 | .sidebarApp-menu .menuLabel-link { 56 | color: var(--theme2); 57 | } 58 | .sidebarApp-item .navigationItem-item:hover, .sidebarApp-item .sidebarApp-link:hover, .sidebarApp-menu .menuLabel-link:hover { 59 | color: var(--theme2); 60 | } 61 | .navigation__link:focus, .navigation__link:hover { 62 | background: var(--theme6); 63 | } 64 | 65 | .header, .content, .sidebar, .main { 66 | background: var(--theme1); 67 | color: var(--theme2); 68 | } 69 | .main-area, .main-area--noHeader, .main-area--withToolbar, .main-area--withToolbar--noHeader { 70 | background: var(--theme1); 71 | color: var(--theme2); 72 | } 73 | .pm-modal, .pm-modalContentInner, .pm-modalContentInner::after, .pm-modalContentInner::before { 74 | background: var(--theme1); 75 | color: var(--theme2); 76 | } 77 | .toolbar, .dropDown-content, .dropDown-contentInner, .dropDown-contentInner::after, .dropDown-contentInner::before, .dropdown-folder-container { 78 | background: var(--theme6); 79 | color: var(--theme2); 80 | } 81 | .dropDown-contentInner { 82 | background: none; 83 | } 84 | .dropDown-item span { 85 | color: var(--theme2); 86 | } 87 | 88 | .selectBoxElement-container { 89 | color: var(--theme2); 90 | } 91 | .items-column-list { 92 | border-right: 1px solid var(--theme5); 93 | } 94 | .conversation { 95 | background: transparent; 96 | border-bottom: 1px solid var(--theme6); 97 | } 98 | .conversation:not(.read):not(.active) { 99 | background: var(--theme5); 100 | } 101 | .item-container.active, .item-is-selected { 102 | background: var(--theme4); 103 | } 104 | .item-container.active .senders-name, .item-container.active .senders { 105 | color: var(--theme1); 106 | } 107 | .senders, .senders-name { 108 | color: var(--theme4); 109 | } 110 | 111 | .message-container, .message-container.draft { 112 | border: 1px solid var(--theme5); 113 | } 114 | .message-header { 115 | background: var(--theme5); 116 | color: var(--theme2); 117 | } 118 | 119 | #pm_composer .composer { 120 | background: var(--theme1); 121 | color: var(--theme2); 122 | } 123 | .editor-container .fill-global-light, .editor-container .fill-global-grey, .editor-container .fill-global-altgrey { 124 | fill: var(--theme2); 125 | } 126 | 127 | .pm-button, .pm-button--info, .pm-button--redborder { 128 | border-color: var(--theme3); 129 | background: var(--theme1); 130 | color: var(--theme2); 131 | } 132 | select.pm-field, select.pm-field-icon-container { 133 | background: transparent; 134 | } 135 | .pm-field, .pm-field-icon-container, .composerInputMeta-autocomplete, .pm-select-all .pm-checkbox-fakecheck, .pm-select-all .pm-radio-fakeradio { 136 | border-color: var(--theme5); 137 | background: var(--theme1); 138 | color: var(--theme2); 139 | } 140 | .composerOptions-container { 141 | background: var(--theme1); 142 | color: var(--theme2); 143 | } 144 | .composerInputMeta-overlay { 145 | background: transparent; 146 | } 147 | .composerInputMeta-overlay-fakefield { 148 | background: var(--theme1); 149 | } 150 | .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 { 151 | background: var(--theme1); 152 | color: var(--theme2); 153 | } 154 | [class*="block-info"] { 155 | background: transparent; 156 | color: var(--theme2); 157 | } 158 | -------------------------------------------------------------------------------- /themes/bg-image-theme.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /*! 3 | * Custom Theme for ProtonMail v3.16.0 4 | * http://amdelamar.com/pm-theme/ 5 | * SPDX-License-Identifier: MIT 6 | */ 7 | :root { 8 | /* Core Theme Colors */ 9 | --theme1: #667cbd; 10 | --theme2: #5f5f60; 11 | --theme3: #f0f0f0; 12 | --theme4: #bcbdbf; 13 | --theme5: #797a7c; 14 | --theme6: #9397cd; 15 | --theme7: #fefefe; 16 | 17 | /* Alert & Status Colors */ 18 | --red: #cc9393; 19 | --red-light: #ec6446; 20 | --yellow: #dfdf19; 21 | --yellow-light: #e7d360; 22 | --green: #a6cc93; 23 | --green-light: #89bc70; 24 | --blue: #bce8f1; 25 | --blue-light: #93b9cc; 26 | --white: #FFF; 27 | --black: #000; 28 | 29 | /* Change this image to your own. */ 30 | --image: url(https://mail.protonmail.com/assets/img/login.jpg); 31 | } 32 | 33 | html { 34 | background: var(--image) no-repeat center center fixed var(--theme1); 35 | -webkit-background-size: cover; 36 | -moz-background-size: cover; 37 | -o-background-size: cover; 38 | background-size: cover; 39 | } 40 | body #pm_main::before { 41 | background: var(--image) no-repeat center center fixed var(--theme1); 42 | -webkit-background-size: cover; 43 | -moz-background-size: cover; 44 | -o-background-size: cover; 45 | background-size: cover; 46 | -webkit-filter: blur(15px); 47 | filter: blur(15px); 48 | transition-property: opacity; 49 | transition-duration: .55s; 50 | transition-timing-function: cubic-bezier(.165, .84, .44, 1); 51 | position: absolute; 52 | top: 0; 53 | left: 0; 54 | z-index: -1; 55 | width: 100%; 56 | height: 100%; 57 | content: ""; 58 | } 59 | 60 | body #pm_main { 61 | position: relative; 62 | background-color: rgba(255,255,255,0.3); 63 | border-top-left-radius: 15px; 64 | } 65 | 66 | body, body #body, body header, body header a.logo, body section.sidebar, #ptSidebar { 67 | background: transparent !important; 68 | } 69 | 70 | .sidebarApp-container .footer div.link a, .sidebarApp-container .footer div.storage strong { 71 | color: var(--white) !important; 72 | } 73 | 74 | .sidebarApp-item .navigationItem-item, .sidebarApp-item .sidebarApp-link, .sidebarApp-menu .menuLabel-link { 75 | font-weight: 600; 76 | } 77 | 78 | .menuLabel-item.active .menuLabel-link, .sidebarApp-item.active .navigationItem-item, .sidebarApp-item.active .sidebarApp-link { 79 | background-color: var(--theme1); 80 | } 81 | 82 | .conversation.active { 83 | background: var(--theme1) !important; 84 | } 85 | 86 | #conversation-view .message { 87 | color: var(--black) !important; 88 | } 89 | 90 | #conversation-view .message .frame { 91 | color: var(--black) !important; 92 | } 93 | 94 | .pm_button, .pm_form .pm_select { 95 | background-color: var(--white); 96 | } 97 | 98 | .pm_button.link { 99 | color: var(--black) !important; 100 | } 101 | 102 | body section.sidebar a.compose { 103 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; 104 | } 105 | 106 | .sidebarApp-container .sidebar-btn-compose { 107 | background: var(--theme1) !important; 108 | border-color: var(--theme1) !important; 109 | color: var(--theme7) !important; 110 | } 111 | 112 | .sidebarApp-container .sidebar-btn-compose:hover { 113 | background-color: var(--theme6) !important; 114 | border-color: transparent !important; 115 | color: var(--theme7) !important; 116 | } 117 | 118 | .composerHeader-container { 119 | color: var(--black) !important; 120 | } 121 | 122 | .dropdown-label-scrollbox-label-text-ellipsis { 123 | color: var(--black) !important; 124 | } 125 | 126 | .dropdown-folder-scrollbox-group-item-button { 127 | color: var(--black) !important; 128 | } 129 | 130 | .contacts-panels { 131 | background: var(--white); 132 | } 133 | -------------------------------------------------------------------------------- /themes/bg-image-theme.min.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8";/*! 2 | * Custom Theme for ProtonMail v3.16.0 3 | * http://amdelamar.com/pm-theme/ 4 | * SPDX-License-Identifier: MIT 5 | */:root{--theme1:#667cbd;--theme2:#5f5f60;--theme3:#f0f0f0;--theme4:#bcbdbf;--theme5:#797a7c;--theme6:#9397cd;--theme7:#fefefe;--red:#cc9393;--red-light:#ec6446;--yellow:#dfdf19;--yellow-light:#e7d360;--green:#a6cc93;--green-light:#89bc70;--blue:#bce8f1;--blue-light:#93b9cc;--white:#FFF;--black:#000;--image:url(https://mail.protonmail.com/assets/img/login.jpg)}html{background:var(--image) no-repeat center center fixed var(--theme1);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}body #pm_main::before{background:var(--image) no-repeat center center fixed var(--theme1);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-filter:blur(15px);filter:blur(15px);transition-property:opacity;transition-duration:.55s;transition-timing-function:cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;content:""}body #pm_main{position:relative;background-color:rgba(255,255,255,0.3);border-top-left-radius:15px}body,body #body,body header,body header a.logo,body section.sidebar,#ptSidebar{background:transparent!important}.sidebarApp-container .footer div.link a,.sidebarApp-container .footer div.storage strong{color:var(--white)!important}.sidebarApp-item .navigationItem-item,.sidebarApp-item .sidebarApp-link,.sidebarApp-menu .menuLabel-link{font-weight:600}.menuLabel-item.active .menuLabel-link,.sidebarApp-item.active .navigationItem-item,.sidebarApp-item.active .sidebarApp-link{background-color:var(--theme1)}.conversation.active{background:var(--theme1)!important}#conversation-view .message{color:var(--black)!important}#conversation-view .message .frame{color:var(--black)!important}.pm_button,.pm_form .pm_select{background-color:var(--white)}.pm_button.link{color:var(--black)!important}body section.sidebar a.compose{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}.sidebarApp-container .sidebar-btn-compose{background:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--theme7)!important}.sidebarApp-container .sidebar-btn-compose:hover{background-color:var(--theme6)!important;border-color:transparent!important;color:var(--theme7)!important}.composerHeader-container{color:var(--black)!important}.dropdown-label-scrollbox-label-text-ellipsis{color:var(--black)!important}.dropdown-folder-scrollbox-group-item-button{color:var(--black)!important}.contacts-panels{background:var(--white)} -------------------------------------------------------------------------------- /themes/gm-theme.min.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8";/*! 2 | * Custom Theme for ProtonMail v3.16.21 3 | * http://amdelamar.com/pm-theme/ 4 | * SPDX-License-Identifier: MIT 5 | */:root{--theme1:#d14836;--theme2:#5f5f60;--theme3:#f0f0f0;--theme4:#bcbdbf;--theme5:#797a7c;--theme6:#b1b1b1;--theme7:#88888b;--red:#cc9393;--red-light:#ec6446;--yellow:#dfdf19;--yellow-light:#e7d360;--green:#a6cc93;--green-light:#89bc70;--blue:#bce8f1;--blue-light:#93b9cc;--white:#FFF;--light1:#e5e5e5;--light2:#fafafa;--light3:#f5f5f5;--light4:#f4f4f4;--medium1:#CCC;--medium2:#8c8c8c;--dark0:#333;--dark1:#444;--dark2:#555;--dark3:#666;--dark4:#222;--black:#000}#exiting{background-color:var(--white);color:var(--dark2)}#exiting .spinner.large .spinner1,#exiting .spinner.large .spinner2,#exiting .spinner.large .spinner3{background-color:var(--theme1)}.spinner.large .spinner1,.spinner.large .spinner2,.spinner.large .spinner3{background-color:var(--white)}.spinner1,.spinner2,.spinner3{background-color:var(--theme1)}.proton-embedded:after{background:url(/assets/img/icons/broken-img.png) 5px 50% no-repeat var(--white);border-color:var(--dark1) var(--medium1) var(--medium1) var(--dark1)}html.protonmail body{background:var(--theme2)}html.protonmail body.blank,html.protonmail body.secure{background:var(--white)}html.protonmail .visionary{color:var(--white)}html.protonmail .plus{color:var(--white)}html.protonmail .text-gray{color:var(--dark2)}html.protonmail .text-light-gray{color:var(--medium1)}html.protonmail .text-green{color:var(--green)}html.protonmail .text-yellow{color:var(--yellow)}html.protonmail .text-red{color:var(--red)}html.protonmail .text-purple{color:var(--theme1)!important}html.protonmail .border-panel{border:1px solid var(--theme4)}header#pm_header{background:var(--theme2)}header#pm_header .newBugReport-container,header#pm_header a{color:var(--white)}header#pm_headerDesktop,header.headerDesktop-container{background:var(--theme5)}header#pm_headerDesktop a.logo,header .headerDesktop-logo.logo,.headerSecuredDesktop-logo{background-color:var(--theme2)}header#pm_headerDesktop ul.navigation>li:hover,header.headerDesktop-container ul.navigation>li:hover{border-color:var(--theme1)!important}header#pm_headerDesktop ul.navigation>li.active,header.headerDesktop-container ul.navigation>li.active{border-color:var(--theme1)!important}header#pm_headerDesktop ul.navigation>li>a,header.headerDesktop-container ul.navigation>li>a{color:var(--theme3)}header#pm_headerDesktop ul.navigation>li .pm_dropdown .pm_button.primary:hover{background:var(--special2)!important;color:var(--white)!important}header#pm_headerDesktop.no-auth{background:var(--theme2)}header#pm_headerDesktop.no-auth a{color:var(--white)}header#pm_header-tablet{background:var(--theme5)}header#pm_header-tablet .compose{background-color:var(--theme1);color:var(--white)}header#pm_header-tablet .compose:hover{background-color:var(--theme6)}header#pm_header-tablet .compose:active{background-color:var(--theme7)}header#pm_header-tablet a.logoMobile{color:var(--white)}header#pm_header-tablet .location{color:var(--white)}header#pm_header-mobile{background:var(--theme5)}header#pm_header-mobile a.compose,header#pm_header-mobile a.compose:hover{background:var(--theme5)}header#pm_header-mobile a.logoMobile{color:var(--white)}header#pm_header-mobile .searchBtn,header#pm_header-mobile a.compose{color:var(--white)}header#pm_header-mobile .location{color:var(--white)}.headerBlock-container{border-bottom:1px solid var(--theme4)}#attachmentArea{background:var(--white);border-top:1px solid var(--theme4)}#attachmentArea header .embedded{color:var(--theme1)}body section.sidebar{background:var(--theme2)}.sidebarApp-container .sidebar-btn-back{border:1px solid var(--theme1);color:var(--theme1)}.sidebarApp-container .sidebar-btn-back:hover{background:var(--theme1);color:var(--theme3)}.sidebarApp-container .sidebar-btn-compose{background:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--white)!important}.sidebarApp-container .sidebar-btn-compose:hover{background-color:var(--theme6)!important;border-color:transparent!important;color:var(--white)!important}.sidebarApp-item .navigationItem-item,.sidebarApp-item .sidebarApp-link,.sidebarApp-menu .menuLabel-link,.sidebarApp-link .donateBtn-container{color:var(--theme3)}.sidebarApp-item .navigationItem-icon,.sidebarApp-item .sidebarApp-icon,.sidebarApp-menu .menuLabel-icon,.sidebarApp-icon .donateBtn-icon{color:var(--theme4)}body section.sidebar ul.menu li a:hover{color:var(--white)}body section.sidebar ul.menu li a .fa-repeat:hover{color:var(--white)}body section.sidebar ul.menu li.active a{color:var(--white)}body section.sidebar ul.menu li.active a i.fa{color:var(--theme6)}body section.sidebar div.labels ul li.active a,.menuLabel-item.active .menuLabel-title{color:var(--white)}body section.sidebar div.labels ul li a:hover{color:var(--white)}body section.sidebar div.footer div.link a{color:var(--theme4)}body section.sidebar div.footer div.link a:hover{color:var(--white)}.sidebarApp-container .footer div.storage strong{color:var(--theme4)}body section.sidebar div.footer a.upgrade{color:var(--theme1)}body section.sidebar div.footer .bar em{background-color:var(--theme1)}body section.sidebar ul.menu li button{color:var(--theme3)}body section.sidebar ul.menu li button:hover{color:var(--white)}body section.sidebar ul.menu li button i.fa{color:var(--theme4)}.sidebarApp-container .version{color:var(--theme4)!important}.sidebarApp-container .version:hover{color:var(--white)!important}.sidebarApp-container .footer .storageBar{background-color:var(--theme5)!important}.storageBar .storageBar-progress{background-color:var(--theme4)!important}body.mobileMode #pm_sidebar section.sidebar{background:var(--theme2)!important}body.mobileMode #pm_sidebar section.sidebar .pm_button.round .fa{color:var(--white)!important}body.mobileMode #pm_sidebar section.sidebar .userDisplay em,body.mobileMode #pm_sidebar section.sidebar .userDisplay strong{color:var(--white)!important}body.mobileMode #pm_sidebar section.sidebar ul.menu li button{color:var(--white)!important}.pm_toolbar{box-shadow:inset 0 -1px 0 var(--theme4)!important}#conversation-view .fa-star{color:var(--yellow)!important}#conversation-view header{border-bottom:1px solid var(--theme4)!important}#conversation-view header h1{color:var(--dark0)!important}#conversation-view .message{border:1px solid var(--theme4)!important}#conversation-view .message .contact a.compose{color:var(--theme1)!important}#conversation-view .message .details{background:var(--theme3)!important}#conversation-view .message.marked .details,#conversation-view .message.marked .summary{box-shadow:inset 5px 0 0 var(--theme1)!important}#conversation-view .message.details.open .labelz .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message.unread>div.summary{background:var(--white)!important}#conversation-view .message.unread:not(.open) .summary .labels,#conversation-view .message.unread:not(.open) .summary .status,#conversation-view .message.unread:not(.open) .summary .time{background:var(--white)!important}#conversation-view .message.unread>div.summary .labels .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--white)!important}#conversation-view .message>div.summary{background:var(--theme3)!important}#conversation-view .message>div.summary .summary-right{background:transparent!important}#conversation-view .message .summary .labels,#conversation-view .message .summary .location.folders,#conversation-view .message .summary .message-attachments,#conversation-view .message .summary .status,#conversation-view .message .summary .time{background:var(--theme3)!important}#conversation-view .message>div.summary .time::after{background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,var(--theme3) 100%)!important;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,var(--theme3) 100%)!important;background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--theme3) 100%)!important}#conversation-view .message>div.summary .meta .contact span{color:var(--medium2)!important}#conversation-view .message>div.summary .labels .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message>div.details{background:var(--theme3)!important}#conversation-view .message>div.details .pm_buttons a{background:var(--white)!important}#conversation-view .message>div.details .recipients-details .from,#conversation-view .message>div.details .recipients-details .where{color:var(--medium2)!important}#conversation-view .message>div.details .recipients-details .contact em{color:var(--medium2)!important}#conversation-view .message>div.details .recipients-summary strong{color:var(--medium2)!important}#conversation-view .message>div.details .recipients-summary .from{color:var(--medium2)!important}#conversation-view .message .toggleDetails{color:var(--theme1)!important}#conversation-view .message .expiration{background:var(--red-light)!important;color:var(--white)!important}#conversation-view .message .showImages{background:var(--theme3)!important;color:var(--theme1)!important;border-top:1px solid var(--theme4)!important}#conversation-view .message .frame{border-top:1px solid var(--theme4)!important}#conversation-view .message .frame .email .pm_button.more{background:var(--theme3)!important}#conversation-view .message .message-contact-sender{color:var(--theme5)!important}body.mobileMode #conversation-view .message>div.summary .time{background:var(--theme3)!important}body#eo-unlock,body#login-unlock,body#reset{background:var(--theme2)!important}body.mobileMode #conversation-view .message.details>div.summary .meta .contact em{color:var(--medium2)!important}#pm_placeholder{color:var(--dark4)}#nothingToSeeHere .fa{color:var(--theme4)}#nothingToSeeHere span{color:var(--theme4)}#nothingToSeeHere h3{color:var(--theme4)}#pm_conversations .meta .fa-star-o,#pm_conversations .meta .singleStar,#pm_conversations article>header .fa-lock,#pm_conversations article>header .fa-paperclip,#pm_conversations header .loc,#pm_rows .meta .fa-star-o,#pm_rows .meta .singleStar,#pm_rows article>header .fa-lock,#pm_rows article>header .fa-paperclip,#pm_rows header .loc{color:var(--theme4)}body#reset .alert{color:var(--black)}#pm_footer{color:var(--white)}#pm_footer a{color:var(--white)}#pm_footer a:hover{color:var(--light1)}#pm_footer.static{color:var(--dark2)}#pm_footer.static a{color:var(--dark2)}#pm_footer.static a:hover{color:var(--black)}#pm_composer .composer .meta input{background:var(--white)}#pm_composer .composer .fill{color:var(--black)}#pm_composer .composer{background:var(--white)}#pm_composer .addLinkPopover-field .addLinkPopover-label{color:var(--black)!important}#pm_composer .addLinkPopover-field .addLinkPopover-input{color:var(--black)!important;background:var(--white)!important}#pm_composer .composer .askEmbedding{background:var(--light3);color:var(--theme2)}#pm_composer .composer .attachmentBar i.embedded,#pm_composer .composer .options .fa{color:var(--theme1)}#pm_composer .composer .askEmbedding ul{background:var(--white);border:1px solid rgba(0,0,0,.2)}.composerOptions-container{background:var(--light2)}#pm_composer .composer .options footer{background:var(--light2)}#pm_composer .composer .attachmentBar{border-top:1px solid var(--theme4);background:var(--theme3)}#pm_composer .composer .previews{background:var(--theme3)}#pm_composer .composer .previews .preview-close{color:var(--dark2)}#pm_composer .composer .previews .attachment .fa.embedded{color:var(--theme1)}#pm_composer .composer .previews .pm_button{background:var(--white)}#pm_composer .composer.attachmentsOpen .attachmentBar{box-shadow:0 1px 0 var(--theme4)}#pm_composer .composer.attachmentsOpen .attachmentArea .pm_button{color:var(--dark2)}#pm_composer .composer.attachmentsOpen .attachmentArea .pm_button.uploading{background:var(--medium1)}#pm_composer .composer header{background:var(--theme2);color:var(--white)}#pm_composer .composer header .actions .pm_button{color:var(--theme3)!important;border:none!important}#pm_composer .composer header .actions .pm_button:hover{color:var(--theme2)!important}#pm_composer .composer .pm_button.link{border:none!important}#pm_composer .composer header.composerEncrypt-header,#pm_composer .composer header.composerExpiration-header{background:0;color:var(--theme2)}#pm_composer .composer .row{border-bottom:1px solid var(--theme4)!important}#pm_composer .composer .row.placeholder div{color:var(--dark4)}#pm_composer .composer input,#pm_composer .composer select{color:var(--dark0)!important}#pm_composer .composer .meta{color:var(--medium1)!important}#pm_composer .composer footer{background:var(--theme3)!important;border-top:1px solid var(--theme4)!important}#pm_composer .composer footer .pm_button.primary{background:var(--theme1)!important}#pm_composer .composer footer .pm_button.primary:hover{background-color:var(--theme6)!important;color:var(--theme2)!important}#pm_composer .composer footer .pm_button.disabled{background:var(--black)}#pm_composer .composer ::-webkit-input-placeholder{color:var(--medium1)}#pm_composer .composer :-moz-placeholder{color:var(--medium1)}#pm_composer .composer ::-moz-placeholder{color:var(--medium1)}#pm_composer .composer :-ms-input-placeholder{color:var(--medium1)}.colorPopover-container .colorPopover-panel .colorPopover-select .colorList-list .colorList-btn-choose{color:inherit!important;background-color:inherit!important;border:unset!important}.squireToolbar-container{border-bottom:1px solid var(--theme4)!important;background-color:var(--theme3)!important}.squireToolbar-container .squire-toolbar,[class*="squireToolbar-row"]{background-color:var(--theme3)!important}[class*=squireToolbar-action-]+.squireToolbar-separator{border-left:1px solid var(--theme4)!important}.squire-popover{background:var(--white)!important;border:1px solid var(--theme4)!important}.squire-popover input{border:1px solid var(--theme3)!important;color:var(--dark4)!important}.squire-popover button{border:1px solid var(--theme1)!important;background-color:var(--theme1)!important;color:var(--white)!important}#pm_settings .well{border:1px solid var(--theme4)}#pm_settings .usage .total,#pm_settings .usage .used{color:var(--medium1);background:var(--white)}#pm_settings .usage .bar{background:var(--light4)}#pm_settings .usage .bar .amount{background:var(--theme1)}#pm_settings .pm_tabs{background:var(--theme5)}#pm_settings .pm_tabs li a.pm_button{border-color:var(--theme5);color:var(--dark3);border-bottom:1px solid var(--theme5)}#pm_settings .pm_tabs li.active a.pm_button{background:var(--white);color:var(--theme1);border-bottom-color:var(--white)}#pm_settings .settings .angular-squire-wrapper{border:1px solid var(--theme4);box-shadow:inset 0 2px 5px rgba(0,0,0,.15)}#pm_settings .settings #keys-addressTable td .fa-times-circle{color:var(--red)}#pm_settings .settings #keys-addressTable td .fa-check{color:var(--dark2)}.addressKeysView-container .addressKeysView-toggle .pm_button,.addressKeysView-container table tr td .pm_buttons,.addressKeysView-container table tr td .pm_button{border:none!important}#pm_settings .settings .row .border-bottom{border-bottom:1px solid var(--theme4)}#pm_settings .settings .row .setting .as-sortable-placeholder{background:var(--theme4)!important}#pm_settings .settings .row .setting .as-sortable-dragging{border:1px solid var(--theme4);background:var(--white)}#pm_settings .settings .row .setting .as-sortable-dragging .fa-check{background:var(--white);color:var(--theme1)}#pm_settings .settings .row .setting .angular-squire-wrapper iframe{border:1px solid var(--theme4)}body.mobileMode #pm_settings .settings .pm_sort ul{border-right:1rem solid var(--theme4)}body.mobileMode #pm_settings .pm_tabs{background:var(--white)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button{color:var(--dark3);border:1px solid var(--theme4)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:hover{background-color:var(--light2)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:active,body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:focus{background-color:var(--theme4)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button{background-color:var(--theme1);border-color:var(--theme1);color:var(--white)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:hover{background-color:var(--theme6);border-color:var(--theme6)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:active,body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:focus{background-color:var(--theme7);border-color:var(--theme7)}body.mobileMode #pm_settings .settings table.pm_table tr{border:1px solid var(--theme4)}body.mobileMode #pm_settings .settings table.pm_table tr td{border-bottom:1px solid var(--theme4)}#paymentsModal .disabled input,#paymentsModal .disabled select{background-color:var(--theme3)}body.mobileMode #invoicesList li{border:1px solid var(--theme4)}body.mobileMode #invoicesList li p{border-bottom:1px solid var(--theme4)}body.mobileMode #invoicesList li p.title{background:var(--theme3)}#login-setup #pm_footer{color:var(--dark2)}#login-setup #pm_footer a{color:var(--dark2)}#login-setup #pm_footer a:hover{color:var(--black)}#login-setup .spinner.large .spinner1,#login-setup .spinner.large .spinner2,#login-setup .spinner.large .spinner3{background-color:var(--theme1)}#login-setup .wrapper label em.num{background-color:var(--light4)}#login-setup .wrapper label span{color:var(--dark4)}#signup .spinner.large .spinner1,#signup .spinner.large .spinner2,#signup .spinner.large .spinner3{background-color:var(--theme1)}#signup .titleLabel em.num{background-color:var(--light4)}#signup .titleLabel span{color:var(--dark4)}.ua-ie #pm_composer .composer{border:1px solid var(--theme4)}html.protonmail body.light{background-color:var(--light4)}body#eo-message,body#eo-reply{background:var(--theme2)}body#eo-reply ul.infos{color:var(--dark1)}body#eo-reply ul.infos b,body#eo-reply ul.infos em{color:var(--theme1)}body#eo-reply #message-body .squire-toolbar{border-top:1px solid var(--theme4);border-bottom:1px solid var(--theme4)}body#eo-reply footer{border-top:1px solid var(--theme4)}.outside #expirationMessage{background-color:var(--red-light);color:var(--white)}.outside #outsideMessageWrap{background-color:var(--white)}.outside #attachmentArea{border-top:1px solid var(--theme4)}.outside .display-embedded,.outside .display-image{background:var(--white);border:1px solid var(--theme4)}.outside .display-embedded a,.outside .display-image a{color:var(--theme1);background-color:var(--white)!important}.outside .display-embedded:hover,.outside .display-image:hover{background:var(--white)}.outside .message-metadata{border-bottom:1px solid var(--theme4)}.outside .message-metadata ul.infos li strong,.outside .message-metadata ul.infos strong{color:var(--dark2)}.outside .message-metadata ul.infos b,.outside .message-metadata ul.infos li b{color:var(--theme1)}body.mobileMode body#eo-reply #message-body iframe{background:var(--white)}body{color:var(--dark2)}code{color:inherit}p a{color:var(--theme1)}hr{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)}kbd{color:var(--dark4);background-color:var(--light4);-webkit-box-shadow:0 0 0 var(--theme4),inset 0 0 0 1px var(--theme4);box-shadow:0 0 0 var(--theme4),inset 0 0 0 1px var(--theme4)}body .pm_form textarea[readonly],pre{background:var(--light4);border:1px solid var(--theme4);color:var(--dark0)}#eo-message .email img.pm_broken,#eo-reply iframe img.pm_broken,.message .frame>.email img.pm_broken{background-color:var(--medium1)}#eo-message .email blockquote,#eo-reply iframe blockquote,.message .frame>.email blockquote{border-left:4px solid var(--light1)!important}.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{border-top-color:var(--theme2)}.tooltip-inner{color:var(--white);background-color:var(--theme2)}.tooltip.right .tooltip-arrow{border-right-color:var(--theme2)}.tooltip.left .tooltip-arrow{border-left-color:var(--theme2)}.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{border-bottom-color:var(--theme2)}.alert{color:var(--black)!important;background:var(--light1)!important}.alert a,.alert.alert-danger a,.alert.alert-info a,.alert.alert-success a,.alert.alert-warning a{color:var(--theme1)!important}.alert.alert-info{color:var(--black)!important;background:var(--light1)!important}.alert.alert-success{color:var(--black)!important;background:var(--green)!important}.alert.alert-danger{color:var(--black)!important;background:var(--red-light)!important}.alert.alert-warning{color:var(--black)!important;background:var(--yellow-light)!important}.alert .pm_button{background:var(--white)!important}.alert .pm_select,.alert input[type=text],.alert input[type=number],.alert input[type=password],.alert input[type=email],.alert input[type=search],.alert textarea{background:var(--white)!important}.labelDropdown .pm_button.link{color:var(--theme1)}.labelDropdown .alsoArchive{border-top:1px solid var(--theme4);border-bottom:1px solid var(--theme4)}.labelDropdown .labelSearch .fa{color:var(--theme1)}.labelDropdown .labelSearch input{border-bottom:1px solid var(--theme4)}.searchForm-advanced-container,.searchForm-advanced-main,.searchForm-advanced-wrapper{background-color:var(--theme3)!important}form.searchForm fieldset,.search-form-fieldset{background:var(--theme4)!important;color:var(--white)!important}form.searchForm fieldset button[type=button]{color:var(--white)}[class*="searchForm-action-button-"]{color:var(--white)}form.searchForm fieldset button[type=button]:hover{background:var(--theme5)}form.searchForm fieldset #closeAdvSearch,form.searchForm fieldset button[type=submit]{color:var(--white)}form.searchForm fieldset input.query,.search-form-fieldset-input{background:var(--theme4);color:var(--white)}form.searchForm #advancedSearchDropdown label{color:var(--dark2)}.searchForm-advanced-main{background:var(--theme3)}form.searchForm #advancedSearchDropdown .wrap{background:var(--white)}.customCheckbox-input:checked+.customCheckbox-mask{background-color:var(--theme6);border-color:var(--theme6)}.customRadio-input:checked+.customRadio-mask{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px var(--theme6);border-color:var(--theme6)}body.mobileMode form.searchForm #advancedSearchDropdown .wrap{border-bottom:1px solid var(--theme4)}#advancedSearchModal .date em{color:var(--medium1)}body .is-selected .pika-button{background:var(--theme1)!important;color:var(--white)!important}body .is-today .pika-button{color:var(--theme1)}#labelModal ul.palette li a .fa{color:var(--white)}body .cg-notify-message{background:var(--theme2);color:var(--white)!important}body .cg-notify-message.notification-success{background-color:var(--green)}body .cg-notify-message.notification-warning{background-color:var(--yellow-light)}body .cg-notify-message.notification-danger{background-color:var(--red)}body .cg-notify-message.notification-info{background-color:var(--blue-light)}#pm_latest header{color:var(--dark0);border-bottom:1px solid var(--theme4)}#pm_latest #storageStatus .wrap span{color:var(--dark2)}#pm_latest #storageStatus .wrap span strong{color:var(--theme1)}#pm_latest section{border:1px solid var(--theme4)}#pm_latest .storageArea div.storage{color:var(--medium1)}#pm_latest .storageArea div.storage strong{color:var(--theme1)}#pm_latest .storageArea .bar{background-color:var(--theme4)!important}#pm_latest .storageArea .bar em{background-color:var(--theme1)!important}.autocompleteEmails-container{color:var(--dark2)!important}.autocompleteEmails-item{border:1px solid var(--medium1)!important;background-color:var(--theme3)!important}.autocompleteEmails-item-invalid{border-color:var(--red)!important;color:var(--red)!important}.autocompleteEmails-field .awesomplete ul{border:1px solid var(--theme4)!important;background-color:var(--white)!important}.autocompleteEmails-field .awesomplete li[aria-selected=true],.autocompleteEmails-field .awesomplete li[aria-selected=true]:hover{background-color:var(--medium1)!important}.autocompleteEmails-field .awesomplete li:hover{background-color:var(--light4)!important}.autocompleteEmails-field .awesomplete li,.autocompleteEmails-field .awesomplete li:hover,.autocompleteEmails-field .awesomplete li[aria-selected=true],.autocompleteEmails-field .awesomplete li[aria-selected=true]:hover{color:var(--dark2)!important}.autocompleteEmails-btn-remove:active,.autocompleteEmails-btn-remove:focus{color:var(--theme5)!important}.monetize .modal-dialog .modal-content .upsell h4{color:var(--theme1)}.monetize .modal-dialog .modal-content .upsell ul{color:var(--white)}#pm_settings .bar em{background-color:var(--theme1)}#pm_settings .donate .well{box-shadow:inset 0 0 3rem var(--light1)}#plans .plans .plan header{background:var(--theme2);color:var(--white)}#plans .plans .plan h3,.settingsDashboard-container #plans .plan .plan-title{background-color:var(--theme1);color:var(--white)}.settingsDashboard-plans [class*="Column-container"] [class*="addonRow"] .pm_select{background:var(--light2)!important}.settingsDashboard-plans,.settingsDashboard-plans::after,.settingsDashboard-plans::before{background:transparent!important}.overviewSection-tbody-billing,.subscriptionSection-tbody-billing,.subscriptionSection-tbody-billing>tr:first-of-type{background:var(--light2)!important}.overviewSection-couponCode{color:var(--black)}.settingsDashboard-container #plans .plan>section ul{background:var(--white)}#plans .plans .plan.plus-plan footer,#plans .plans .plan.plus-plan header{background:var(--white)}#plans .plans .plan section{border:1px solid var(--theme4)}#plans .plans .plan section ul li{border-bottom:1px solid var(--theme4)}#plans .plans .plan section ul li.disabled{color:var(--medium2)}#plans .plans .plan footer{border:1px solid var(--theme4)}#plans .plans .plan footer .cycle{border-bottom:1px solid var(--theme4);color:var(--medium2)}#plans .plans .plan footer .cycle .discount{border- var(--green) transparent transparent;color:var(--white)}#plans .plans .plan footer .cycle label{color:var(--dark4)}#plans .plans .plan footer .cycle strong{color:var(--theme1)}#plans .plans .plan.plus-plan h3 span{color:var(--white)}#plans .plans .plan.visionary-plan h3 span,#plans .plans .plan.visionary-plan header{color:var(--white)}.intl-tel-input .selected-flag .iti-arrow{border-top:4px solid var(--dark2)}.intl-tel-input .selected-flag .iti-arrow.up{border-bottom:4px solid var(--dark2)}.intl-tel-input .country-list{background-color:var(--white);border:1px solid var(--medium1)}.intl-tel-input .country-list .divider{border-bottom:1px solid var(--medium1)}.intl-tel-input .country-list .country .dial-code{color:var(--medium2)}.iti-flag{background-color:var(--medium1)}.pm_form .cardPanel{background:var(--theme1);color:var(--white)}.pm_form .cardPanel.issuer-mastercard{background:var(--black)}.paginator-disabled-main .paginator-dropdown,.paginator-disabled-next .paginator-btn-next,.paginator-disabled-previous .paginator-btn-previous{color:var(--theme4)!important;box-shadow:inset 0 0 50rem 0 var(--light1)!important}.popover{background-color:var(--white)}.popover-title{background-color:var(--theme3);border-bottom:var(--theme4)}.popover.top>.arrow{border-top-color:var(--theme4)}.popover.top>.arrow:after{border-top-color:var(--white)}.popover.right>.arrow{border-right-color:var(--theme4)}.popover.right>.arrow:after{border-right-color:var(--white)}.popover.bottom>.arrow{border-bottom-color:var(--theme4)}.popover.bottom>.arrow:after{border-bottom-color:var(--white)}.popover.left>.arrow{border-left-color:var(--theme4)}.popover.left>.arrow:after{border-left-color:var(--white)}.composerAttachments-container{background:var(--theme3)}.composerAttachments-loaders{border-top:1px solid var(--theme4)}.composerAskEmbdded-details{background:var(--white)}.composerInputMeta-overlay{background:var(--white)!important;color:var(--dark0)!important}.composerInputMeta-overlay-label{color:var(--medium1)!important}.progressLoader-container.pm_button{background:var(--white)}[class*=listAttachments-icon].embedded{color:var(--theme1)}.listAttachments-list .listAttachments-att{color:var(--dark2)!important;background:var(--light4)!important}.listAttachments-list .listAttachments-att:after{border-right:1px solid var(--theme4)!important}.squire-dropzone{background:var(--white)!important}.conversation{background:var(--white)!important;border-bottom-color:var(--theme4)!important}.conversation .expiration,body #conversation-list-rows .conversation .expiration{border- var(--red-light) transparent!important}.conversation .row .meta .fa-star-o{color:var(--medium1)!important}.conversation .row .meta .fa-star{color:var(--yellow)!important}.conversation .row .pm_labels label{background:var(--white)!important}.conversation .row h4{color:var(--black)!important}.conversation.read{background:var(--theme3)!important;border-bottom-color:var(--theme4)!important}.conversation.read h4{color:var(--dark2)!important;font-weight:400}.conversation.read .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important;background:var(--theme3)!important}.conversation.marked::before{background-color:var(--theme1)!important}.conversation.active{background:var(--theme5)!important;color:var(--white)!important;border-bottom-color:var(--theme4)!important}.conversation.active h4{color:var(--white)!important}.conversation.active .pm_labels label{background:var(--theme5)!important;box-shadow:.25rem 0 0 .25rem var(--theme5)!important}body #conversation-list-rows .conversation{color:var(--theme2)!important;background:var(--white)!important}body #conversation-list-rows .conversation .expiration{color:var(--white)!important}body #conversation-list-rows .conversation .fa-star-o{color:var(--medium1)!important}body #conversation-list-rows .conversation .fa-star{color:var(--yellow)!important}body #conversation-list-rows .conversation .subject h4{color:var(--black)!important}body #conversation-list-rows .conversation .subject .pm_labels{background:transparent!important}body #conversation-list-rows .conversation .subject .pm_labels label{background:transparent!important}body #conversation-list-rows .conversation.read,body #conversation-list-rows .conversation.read .subject .pm_labels,body #conversation-list-rows .conversation.read .subject .pm_labels label{background:var(--theme3)!important}body #conversation-list-rows .conversation.read .subject h4{color:var(--dark2)!important}.unsubscribePanel-container{background:var(--theme3)!important;color:var(--theme2)!important}.unsubscribePanel-button,.messageExtra-container>[class*="-container"]>[class*="-button"]{background:var(--theme1)!important;color:var(--theme3)!important;border:1px solid var(--theme1)!important}.unsubscribePanel-button:hover,.messageExtra-container>[class*="-container"]>[class*="-button"]:hover{background:var(--theme6)!important;border:1px solid var(--theme6)!important}.eventsAttachments-container{background:var(--theme3)!important;color:var(--theme2)!important}.eventsAttachments-summary{background:var(--theme1)!important;color:var(--theme3)!important}.pm_button{color:var(--dark3);border:1px solid var(--theme4)!important}.pm_button:hover{background-color:var(--light2)!important}.pm_button:active,.pm_button:focus{background-color:var(--theme4)!important}.pm_button.primary{background-color:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--white)!important}.pm_button.primary:hover{background-color:var(--theme6)!important;border-color:var(--theme6)!important}.pm_button.primary:active,.pm_button.primary:focus{background-color:var(--theme7)!important;border-color:var(--theme7)!important}.pm_button.primary.disabled,.pm_button.primary[disabled]{background:var(--theme6)!important}.pm_button.link{border:none!important;color:var(--theme1)!important}.pm_button.round{border:1px solid var(--theme4)!important}.pm_button.round .fa{color:var(--theme1)!important}.pm_button.round:hover{background-color:var(--light2)!important}.pm_button.round:active,.pm_button.round:focus{background-color:var(--light4)!important}.pm_button.success{background-color:var(--green)!important;border-color:var(--green-light)!important;color:var(--white)!important}.pm_button.success:hover{background-color:var(--green-light)!important;border-color:var(--green-light)!important}.pm_button.success.disabled,.pm_button.success[disabled]{background:var(--green-light)!important}.pm_button.error{background-color:var(--red)!important;border-color:var(--red-light)!important;color:var(--white)!important}.pm_button.error:hover{background-color:var(--red-light)!important;border-color:var(--red-light)!important}.pm_button.error.disabled,.pm_button.error[disabled]{background:var(--red-light)!important}.pm_buttons{border:1px solid var(--theme4)!important;background:var(--theme3)!important}.pm_buttons .pm_buttons{border:none!important}.pm_buttons.disabled{border:1px solid var(--theme3)!important;box-shadow:none!important;background:var(--theme3)!important}.pm_buttons .pm_buttons-child{background:var(--theme3)!important}.pm_buttons .pm_buttons-child.disabled{box-shadow:none!important;background:var(--theme3)!important}.pm_buttons .disabled,.pm_buttons [disabled]{color:var(--theme4)!important;box-shadow:inset 0 0 50rem 0 var(--theme3)!important;background:var(--theme3)!important}.pm_buttons .pm_buttons:not(:first-of-type),.pm_buttons>*{border-color:var(--theme4)!important}.pm_buttons a,#conversation-view .message .details .pm_buttons a,.pm_buttons .pm_buttons-child{color:var(--theme5)!important;background:var(--theme3)!important}.pm_buttons a:hover,#conversation-view .message .details .pm_buttons a:hover,.pm_buttons .pm_buttons-child:hover,.chooseLayoutBtns-container-rows .chooseLayoutBtns-btn-rows,.chooseLayoutBtns-container:not(.chooseLayoutBtns-container-rows) .chooseLayoutBtns-btn-column{background-color:var(--light4)!important;color:var(--dark4)!important}.pm_buttons a.active,.pm_buttons a:active,.pm_buttons .pm_buttons-child:active{background:var(--light1)!important}.pm_buttons.primary a{background-color:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--white)!important}.pm_buttons.primary a:hover{background-color:var(--theme6)!important;border-color:var(--theme6)!important}.pm_buttons.primary a:active,.pm_buttons.primary a:focus{background-color:var(--theme7)!important;border-color:var(--theme7)!important}body.mobileMode #body #pm_main .fa-check-square,body.mobileMode #body #pm_main .fa-square-o{color:var(--theme5)!important}.pm_dropdown{background:var(--white)!important;border:1px solid var(--theme4)!important}.pm_dropdown>a,.pm_dropdown>button,.pm_dropdown>ul>li{border-bottom:1px solid var(--theme4)!important}.pm_dropdown>a:hover,.pm_dropdown>button:hover,.pm_dropdown>ul>li:hover{color:var(--dark0)!important}.pm_dropdown .paginator-dropdown-item{background:var(--white)!important}.pm_dropdown .paginator-dropdown-item:hover{background:var(--theme3)!important}.pm_labels.inline label .close{color:var(--dark2)!important}.pm_labels label{color:var(--dark4)!important}.pm_modal .angular-squire-wrapper{border:1px solid var(--theme4)!important}.pm_modal.domains .modal-dialog .modal-content .modal-body{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)!important}.pm_modal .modal-dialog{background:var(--white)!important;border:5px solid var(--theme1)!important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}.pm_modal .modal-dialog .close{color:var(--white)!important;background:var(--theme1)!important}.pm_modal .modal-dialog .modal-content{background:var(--white)!important}.pm_modal .modal-dialog .modal-content .modal-body{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)!important}.pm_modal .modal-dialog .modal-footer{background-color:var(--white)!important}.pm_modal .modal-dialog .modal-content h1,.pm_modal .modal-dialog .modal-content h2,.pm_modal .modal-dialog .modal-content h3,.pm_modal .modal-dialog .modal-content h4{color:var(--dark4)!important}.pm_modal .modal-dialog .modal-content h1 em,.pm_modal .modal-dialog .modal-content h2 em,.pm_modal .modal-dialog .modal-content h3 em,.pm_modal .modal-dialog .modal-content h4 em{color:var(--medium1)!important}#pm_main,#wrapper,#conversation-list-columns,#conversation-list-rows{background:var(--theme3)!important}body.mobileMode .pm_modal .modal-dialog{background:var(--white)!important}body.mobileMode .pm_modal .modal-dialog .close{color:var(--dark2)!important}.pm_form legend{border-bottom:1px solid var(--theme4)!important}.pm_form legend .small{color:var(--dark2)!important}.pm_form legend .small a{color:var(--theme1)!important}.pm_form ::-webkit-input-placeholder{color:var(--theme4)}.pm_form :-moz-placeholder{color:var(--theme4)}.pm_form ::-moz-placeholder{color:var(--theme4)}.pm_form input:-ms-input-placeholder{color:var(--theme4)}.pm_form ::-ms-input-placeholder{color:var(--theme4)}.pm_form :-ms-input-placeholder{color:var(--theme4)}.pm_form .pm_select{border-radius:4px;box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important}.pm_form .pm_select .fa{color:var(--dark4)!important}.pm_form optgroup{color:var(--theme2)!important;background:var(--theme3)!important}.pm_form .input-icon .fa{color:var(--medium1)!important}.searchForm-advanced-wrapper input[type=text],.searchForm-advanced-wrapper input[type=search],.searchForm-advanced-wrapper input[type=email],.searchForm-advanced-wrapper input[type=number]{box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important;color:var(--theme2)!important}.pm_form input[type=text],.pm_form input[type=number],.pm_form input[type=password],.pm_form input[type=email],.pm_form input[type=search],.pm_form input[type=tel]{box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important;background:var(--white)!important}.pm_form select:active,.pm_form select:focus{box-shadow:inset 0 0 0 1px var(--theme1)!important}.pm_form input[type=text],.pm_form input[type=number],.pm_form input[type=password],.pm_form input[type=email],.pm_form input[type=search],.pm_form input[type=tel],.pm_form select,.pm_form textarea,.contactItem-inputs input,.contactItem-inputs textarea{border:1px solid var(--theme4)!important;color:var(--dark4)!important}.pm_form input[type=text].ng-invalid.ng-touched,.pm_form input[type=number].ng-invalid.ng-touched,.pm_form input[type=password].ng-invalid.ng-touched,.pm_form input[type=email].ng-invalid.ng-touched,.pm_form input[type=search].ng-invalid.ng-touched,.pm_form input[type=tel].ng-invalid.ng-touched,.pm_form select.ng-invalid.ng-touched,.pm_form textarea.ng-invalid.ng-touched{border-color:var(--red)!important}.pm_form input[type=text]:hover,.pm_form input[type=number]:hover,.pm_form input[type=password]:hover,.pm_form input[type=email]:hover,.pm_form input[type=search]:hover,.pm_form input[type=tel]:hover,.pm_form select:hover,.pm_form textarea:hover{border-color:var(--theme4)!important}.pm_form input[type=text]:focus,.pm_form input[type=number]:focus,.pm_form input[type=password]:focus,.pm_form input[type=email]:focus,.pm_form input[type=search]:focus,.pm_form input[type=tel]:focus,.pm_form select:focus,.pm_form textarea:focus{color:var(--black)!important;border-color:var(--theme1)!important}.pm_form input[type=text].disabled,.pm_form input[type=text][disabled],.pm_form input[type=number].disabled,.pm_form input[type=number][disabled],.pm_form input[type=password].disabled,.pm_form input[type=password][disabled],.pm_form input[type=email].disabled,.pm_form input[type=email][disabled],.pm_form input[type=search].disabled,.pm_form input[type=search][disabled],.pm_form input[type=tel].disabled,.pm_form input[type=tel][disabled],.pm_form select.disabled,.pm_form select[disabled],.pm_form textarea.disabled,.pm_form textarea[disabled]{color:var(--medium1)!important;border-color:var(--medium1)!important;background:var(--light1)!important}.pm_form input[type=text].success,.pm_form input[type=number].success,.pm_form input[type=password].success,.pm_form input[type=email].success,.pm_form input[type=search].success,.pm_form input[type=tel].success,.pm_form select.success,.pm_form textarea.success{color:var(--green-light)!important;border-color:var(--green-light)!important}.pm_form input[type=text].error,.pm_form input[type=number].error,.pm_form input[type=password].error,.pm_form input[type=email].error,.pm_form input[type=search].error,.pm_form input[type=tel].error,.pm_form select.error,.pm_form textarea.error{color:var(--red-light)!important;border-color:var(--red-light)!important}.pm_form input[type=text].warning,.pm_form input[type=number].warning,.pm_form input[type=password].warning,.pm_form input[type=email].warning,.pm_form input[type=search].warning,.pm_form input[type=tel].warning,.pm_form select.warning,.pm_form textarea.warning{color:var(--yellow-light)!important;border-color:var(--yellow-light)!important}.pm_panel,.pm_panel.alt a{color:var(--white)!important}.pm_form textarea{background:var(--light2)!important}body.light .pm_panel{background:var(--white)!important;color:var(--dark2)!important}.contactList-table{background:transparent!important}.contactList-item-activeContact td{background-color:var(--theme1)!important}.pm_table table thead{border-top:1px solid var(--theme4)!important}.pm_table table.print em{border:1px solid var(--theme4)!important}.pm_sort ul,.pm_table table.bordered{border:1px solid var(--theme4)!important}.pm_table table.plain th{color:var(--dark2)!important}.pm_table table td .fa.fa-sort,.pm_table table th .fa.fa-sort{color:var(--medium1)!important}.pm_table table th{background:var(--theme3)!important;border-bottom:1px solid var(--theme4)!important;color:var(--theme5)!important}.pm_table table th a{color:var(--theme1)!important}.pm_table table th .fa{color:var(--theme1)!important}.pm_table table td{border-bottom:1px solid var(--theme4)!important;color:var(--dark2)!important}.pm_table table tr.hasTable table{background-color:var(--theme3)!important}.pm_table table tr.disabled td{color:var(--medium2)!important}.pm_toggle span.knob{background:var(--white)!important;border:1px solid var(--theme4)!important}.pm_toggle.off .off,.pm_toggle.on .on{background-color:var(--theme1)!important;color:var(--white)!important}.pm_tabs{border-right:1px solid var(--theme4)!important}.pm_tabs li a{background-color:var(--light2)!important}.pm_tabs li.active a{background-color:var(--white)!important;border-bottom:unset!important;color:var(--theme1)!important}.pm_sort ul li{border-bottom:1px solid var(--theme4)!important;background:var(--white)!important}.pm_sort ul li.highlight{background-color:var(--theme3)!important}.pm_sort ul li .fa.fa-ellipsis-v{color:var(--medium1)!important}.as-sortable-dragging .fa-check,.pm_sort ul li .fa.fa-check{color:var(--theme1)!important}.pm_sort ul li .fa.fa-check{background:var(--white)!important}.as-sortable-placeholder{background:var(--theme4)!important}.as-sortable-dragging{border:1px solid var(--theme4)!important;background:var(--white)!important}.image.loading:after,.loader em{border-left:.5em solid var(--theme7)!important}.as-sortable-dragging .fa-check{background:var(--white)!important}.as-sortable-dragging .fa-ellipsis-v{color:var(--medium1)!important}#pm_loader.full{background:var(--white)!important}#pm_slow,#pm_slow2{color:var(--white)!important}#pm_loading{background:var(--white)!important}.image.loading:after{background:var(--white)!important}input[type=range].pm_range::-webkit-slider-runnable-track{background:var(--theme4)}input[type=range].pm_range::-webkit-slider-thumb{background:var(--theme1)}input[type=range].pm_range:focus::-webkit-slider-runnable-track{background:var(--theme4)}input[type=range].pm_range::-moz-range-track{background:var(--theme1)}input[type=range].pm_range::-moz-range-thumb{background:var(--theme1)}input[type=range].pm_range::-ms-track{background:var(--theme1)}input[type=range].pm_range::-ms-fill-lower{background:var(--theme4)}input[type=range].pm_range::-ms-fill-upper{background:var(--theme1)}input[type=range].pm_range::-ms-thumb{background:var(--theme1)}input[type=range].pm_range:focus::-ms-fill-lower{background:var(--theme4)}input[type=range].pm_range:focus::-ms-fill-upper{background:var(--theme1)}.pm_badge,.pm_tag{background:var(--medium1)!important}.pm_tag{color:var(--dark4)!important}.pm_badge{color:var(--white)!important}.pm_badge.default{color:var(--dark2)!important}.pm_badge.primary{background-color:var(--theme1)!important}.pm_badge.success{background-color:var(--green)!important}.pm_badge.error{background-color:var(--red)!important}.pm_badge.warning{background-color:var(--yellow-light)!important}.scrollbox-container{background-color:var(--white)!important;background-image:unset!important}.scrollbox-container::after,.scrollbox-container::before{background:none!important}.commandPalette-container{background-color:var(--white)!important}.autocompleteCommand-container .autocompleteEmails-autocomplete [aria-selected="true"]{background-color:var(--theme1)!important}.currencySelector-container .currencySelector-button.active{background:var(--theme4)}.pm_sort-container,.pm_sort-item-content{border-color:var(--theme4)!important}.emailBlockList-list{border-color:var(--theme4)!important}.emailBlockList-row{color:var(--theme5)!important}.manageContactGroupLink-container,.manageContactGroupLink-label,.manageContactGroupLink-icon{color:var(--theme3)!important}.totalRows-label-right{background:none!important}.sidebarApp-menu .ico-protonvpn{opacity:.5;-webkit-filter:brightness(100);filter:brightness(100)}.dropdown-label-scrollbox-label-text-ellipsis{color:var(--theme2)!important}.dropdown-folder-scrollbox-group-item-button{color:var(--theme2)!important}.contactItem-inputs input:not([type="checkbox"]),.contactItem-inputs textarea{background:var(--white)}.pm_toggle-checkbox:checked+.pm_toggle-label{background-color:var(--theme1)!important} -------------------------------------------------------------------------------- /themes/nord-theme.min.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /*! 3 | * Custom Theme for ProtonMail v3.16.21 4 | * http://amdelamar.com/pm-theme/ 5 | * SPDX-License-Identifier: MIT 6 | */ 7 | :root{--theme1:#5E81AC;--theme2:#ECEFF4;--theme3:#222224;--theme4:#434C5E;--theme5:#81A1C1;--theme6:#4C566A;--theme7:#3B4252;--red:#cc9393;--red-light:#ec6446;--yellow:#dfdf19;--yellow-light:#e7d360;--green:#a6cc93;--green-light:#89bc70;--blue:#bce8f1;--blue-light:#93b9cc;--white:#FFF;--black:#000}#exiting{background-color:var(--theme3);color:var(--theme2)}#exiting .spinner.large .spinner1,#exiting .spinner.large .spinner2,#exiting .spinner.large .spinner3{background-color:var(--theme1)}.spinner.large .spinner1,.spinner.large .spinner2,.spinner.large .spinner3{background-color:var(--theme3)}.spinner1,.spinner2,.spinner3{background-color:var(--theme1)}.proton-embedded:after{background:url(/assets/img/icons/broken-img.png) 5px 50% no-repeat var(--theme3);border-color:var(--theme2) var(--theme4) var(--theme4) var(--theme2)}html.protonmail body{background:var(--theme2)}html.protonmail body.blank,html.protonmail body.secure{background:var(--theme3)}html.protonmail .visionary{color:var(--theme3)}html.protonmail .plus{color:var(--theme3)}html.protonmail .text-gray{color:var(--theme2)}html.protonmail .text-light-gray{color:var(--theme4)}html.protonmail .text-green{color:var(--green)}html.protonmail .text-yellow{color:var(--yellow)}html.protonmail .text-red{color:var(--red)}html.protonmail .text-purple{color:var(--theme1)!important}html.protonmail .border-panel{border:1px solid var(--theme4)}header#pm_header{background:var(--theme2)}header#pm_header .newBugReport-container,header#pm_header a{color:var(--theme3)}header#pm_headerDesktop,header.headerDesktop-container{background:var(--theme3)}header#pm_headerDesktop a.logo,header .headerDesktop-logo.logo,.headerSecuredDesktop-logo{color:var(--theme1);background-color:var(--theme3)}header#pm_headerDesktop a.logo img,header .headerDesktop-logo.logo img,.headerSecuredDesktop-logo::before{webkit-filter:grayscale(100%) brightness(50%);filter:grayscale(100%) brightness(50%)}header#pm_headerDesktop ul.navigation>li:hover,header.headerDesktop-container ul.navigation>li:hover{border-color:var(--theme1)!important}header#pm_headerDesktop ul.navigation>li.active,header.headerDesktop-container ul.navigation>li.active{border-color:var(--theme1)!important}header#pm_headerDesktop ul.navigation>li>a,header.headerDesktop-container ul.navigation>li>a{color:var(--theme2)}header#pm_headerDesktop .navigation .navigationUser-dropdown{color:var(--theme2)}header#pm_headerDesktop.no-auth{background:var(--theme2)}header#pm_headerDesktop.no-auth a{color:var(--theme3)}header#pm_header-tablet{background:var(--theme5)}header#pm_header-tablet .compose{background-color:var(--theme1);color:var(--theme3)}header#pm_header-tablet .compose:hover{background-color:var(--theme6)}header#pm_header-tablet .compose:active{background-color:var(--theme5)}header#pm_header-tablet a.logoMobile{color:var(--theme3)}header#pm_header-tablet .location{color:var(--theme3)}header#pm_header-mobile{background:var(--theme5)}header#pm_header-mobile a.compose,header#pm_header-mobile a.compose:hover{background:var(--theme5)}header#pm_header-mobile a.logoMobile{color:var(--theme3)}header#pm_header-mobile .searchBtn,header#pm_header-mobile a.compose{color:var(--theme3)}header#pm_header-mobile .location{color:var(--theme3)}.headerBlock-container{border-bottom:1px solid var(--theme4)}#attachmentArea{background:var(--theme3);border-top:1px solid var(--theme4)}#attachmentArea header .embedded{color:var(--theme1)}body section.sidebar{background:var(--theme3)}.sidebarApp-container .sidebar-btn-back{border:1px solid var(--theme5)!important;color:var(--theme5)!important}.sidebarApp-container .sidebar-btn-back:hover{background:var(--theme1)!important;color:var(--theme3)!important}.sidebarApp-container .sidebar-btn-compose{background:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--theme2)!important}.sidebarApp-container .sidebar-btn-compose:hover{background-color:var(--theme6)!important;border-color:transparent!important;color:var(--theme2)!important}.sidebarApp-item .navigationItem-item,.sidebarApp-item .sidebarApp-link,.sidebarApp-menu .menuLabel-link{color:var(--theme3)}.sidebarApp-item .navigationItem-icon,.sidebarApp-item .sidebarApp-icon,.sidebarApp-menu .menuLabel-icon,.sidebarApp-icon .donateBtn-icon{color:var(--theme4)}body section.sidebar ul.menu li button{color:var(--theme2)}body section.sidebar ul.menu li button:hover{color:var(--theme1)}body section.sidebar ul.menu li button i.fa{color:var(--theme2)}body section.sidebar ul.menu li a{color:var(--theme2)}body section.sidebar ul.menu li a:hover{color:var(--theme1)}body section.sidebar ul.menu li a em{color:var(--theme5)}body section.sidebar ul.menu li a i.fa{color:var(--theme2)}body section.sidebar ul.menu li a .fa-repeat{color:var(--theme6)}body section.sidebar ul.menu li a .fa-repeat:hover{color:var(--theme1)}body section.sidebar ul.menu li.active a{color:var(--theme2)}body section.sidebar ul.menu li.active a:hover{color:var(--theme1)}body section.sidebar ul.menu li.active a i.fa{color:var(--theme6)}body section.sidebar div.labels ul li.active a,.menuLabel-item.active .menuLabel-title{color:var(--theme2);font-weight:700}body section.sidebar div.labels ul li a:hover{color:var(--theme3)}body section.sidebar div.footer div.link a{color:var(--theme1)}body section.sidebar div.footer div.link a:hover{color:var(--theme2)}.sidebarApp-container .footer div.storage strong{color:var(--theme1)}body section.sidebar div.footer a.upgrade{color:var(--theme1)}body section.sidebar div.footer .bar em{background-color:var(--theme1)}body section.sidebar div.footer .bar{background-color:var(--theme4)}.sidebarApp-container .version{color:var(--theme1)!important}.sidebarApp-container .version:hover{color:var(--theme2)!important}.sidebarApp-container .footer .storageBar{background-color:var(--theme4)!important}.storageBar .storageBar-progress{background-color:var(--theme1)!important}body section.sidebar div.labels ul li a{color:var(--theme2)!important}body section.sidebar div.labels ul li a:hover{color:var(--theme1)!important}body section.sidebar div.labels ul li a em{color:var(--theme2)!important}body.mobileMode #pm_sidebar section.sidebar{background:var(--theme2)!important}body.mobileMode #pm_sidebar section.sidebar .pm_button.round .fa{color:var(--theme3)!important}body.mobileMode #pm_sidebar section.sidebar .userDisplay em,body.mobileMode #pm_sidebar section.sidebar .userDisplay strong{color:var(--theme3)!important}body.mobileMode #pm_sidebar section.sidebar ul.menu li button{color:var(--theme3)!important}.pm_toolbar{box-shadow:inset 0 -1px 0 var(--theme4)!important}#conversation-view .fa-star{color:var(--yellow)!important}#conversation-view header{border-bottom:0 solid var(--theme4)!important}#conversation-view header h1{color:var(--white)!important}#conversation-view .message{border:1px solid var(--theme4)!important}#conversation-view .message .contact a.compose{color:var(--theme1)!important}#conversation-view .message .details{background:var(--theme3)!important}#conversation-view .message .message-contact-sender{color:var(--theme5)!important}#conversation-view .message.marked .details,#conversation-view .message.marked .summary{box-shadow:inset 5px 0 0 var(--theme1)!important}#conversation-view .message.details.open .labelz .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message.unread>div.summary{background:var(--theme3)!important}#conversation-view .message.unread:not(.open) .summary .labels,#conversation-view .message.unread:not(.open) .summary .status,#conversation-view .message.unread:not(.open) .summary .time{background:var(--theme3)!important}#conversation-view .message.unread>div.summary .labels .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message>div.summary{background:var(--theme3)!important}#conversation-view .message>div.summary .summary-right{background:transparent!important}#conversation-view .message .summary .labels,#conversation-view .message .summary .location.folders,#conversation-view .message .summary .message-attachments,#conversation-view .message .summary .status,#conversation-view .message .summary .time{background:var(--theme3)!important}#conversation-view .message>div.summary .time::after{background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,var(--theme3) 100%)!important;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,var(--theme3) 100%)!important;background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--theme3) 100%)!important}#conversation-view .message>div.summary .meta .contact span{color:var(--theme4)!important}#conversation-view .message>div.summary .labels .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message>div.details{background:var(--theme3)!important}#conversation-view .message>div.details .pm_buttons a{background:var(--theme3)!important}#conversation-view .message>div.details .recipients-details .from,#conversation-view .message>div.details .recipients-details .where{color:var(--theme4)!important}#conversation-view .message>div.details .recipients-details .contact em{color:var(--theme4)!important}#conversation-view .message>div.details .recipients-summary strong{color:var(--theme4)!important}#conversation-view .message>div.details .recipients-summary .from{color:var(--theme4)!important}#conversation-view .message .toggleDetails{color:var(--theme1)!important}#conversation-view .message .expiration{background:var(--red-light)!important;color:var(--theme3)!important}#conversation-view .message .showImages{background:var(--theme3)!important;color:var(--theme1)!important;border-top:1px solid var(--theme4)!important}#conversation-view .message .frame{color:var(--black)!important;background-color:var(--white)!important;border-top:1px solid var(--theme4)!important}#conversation-view .message .frame .email .pm_button.more{background:var(--theme3)!important}body.mobileMode #conversation-view .message>div.summary .time{background:var(--theme3)!important}body#eo-unlock,body#login-unlock,body#reset{background:var(--theme2)!important}body.mobileMode #conversation-view .message.details>div.summary .meta .contact em{color:var(--theme4)!important}#pm_placeholder{color:var(--theme4);padding-top:40%;text-transform:uppercase}#nothingToSeeHere .fa{color:var(--theme4)}#nothingToSeeHere span{color:var(--theme4)}#nothingToSeeHere h3{color:var(--theme4)}#pm_conversations .meta .fa-star-o,#pm_conversations .meta .singleStar,#pm_conversations article>header .fa-lock,#pm_conversations article>header .fa-paperclip,#pm_conversations header .loc,#pm_rows .meta .fa-star-o,#pm_rows .meta .singleStar,#pm_rows article>header .fa-lock,#pm_rows article>header .fa-paperclip,#pm_rows header .loc{color:var(--white)}body#reset .alert{color:var(--white)}#pm_footer{color:var(--theme3)}#pm_footer a{color:var(--theme3)}#pm_footer a:hover{color:var(--theme4)}#pm_footer.static{color:var(--theme2)}#pm_footer.static a{color:var(--theme2)}#pm_footer.static a:hover{color:var(--white)}#pm_composer .composer .meta input{background:var(--theme7)!important}#pm_composer .composer .fill{color:var(--black);background:var(--white)}#pm_composer .composer{background:var(--theme3)}.addFilePopover-panel,.addLinkPopover-panel,.addLinkPopover-footer,.addFilePopover-footer{background:var(--theme7)!important}.addLinkPopover-field .addLinkPopover-label,.addFilePopover-field .addFilePopover-label{color:var(--theme2)!important}.addLinkPopover-field .addLinkPopover-input,.addFilePopover-field .addFilePopover-input-url{border:1px solid var(--theme4)!important;color:var(--theme2)!important;background:var(--theme7)!important;box-shadow:inset 0 0 0 1px var(--theme1)!important}.composerTime-container{color:var(--theme5)!important}#pm_composer .composer .askEmbedding{background:var(--theme3);color:var(--theme2)}#pm_composer .composer .attachmentBar i.embedded,#pm_composer .composer .options .fa{color:var(--theme1)}#pm_composer .composer .askEmbedding ul{background:var(--theme3);border:1px solid rgba(0,0,0,.2)}.composerOptions-container{background:var(--theme3)}#pm_composer .composer .options footer{background:var(--theme3)}#pm_composer .composer .attachmentBar{border-top:1px solid var(--theme4);background:var(--theme3)}#pm_composer .composer .previews{background:var(--theme3)}#pm_composer .composer .previews .preview-close{color:var(--theme2)}#pm_composer .composer .previews .attachment .fa.embedded{color:var(--theme1)}#pm_composer .composer .previews .pm_button{background:var(--theme3)}#pm_composer .composer.attachmentsOpen .attachmentBar{box-shadow:0 1px 0 var(--theme4)}#pm_composer .composer.attachmentsOpen .attachmentArea .pm_button{color:var(--theme2)}#pm_composer .composer.attachmentsOpen .attachmentArea .pm_button.uploading{background:var(--theme4)}#pm_composer .composer header{background:var(--theme6);color:var(--theme2)}#pm_composer .composer header.composerEncrypt-header,#pm_composer .composer header.composerExpiration-header{background:none;color:var(--theme2)}#pm_composer .composer header .actions .pm_button{color:var(--theme3)!important;border:none!important}#pm_composer .composer header .actions .pm_button:hover{color:var(--theme2)!important}#pm_composer .composer .pm_button.link{border:none!important}#pm_composer .composer .row{border-bottom:1px solid var(--theme6)!important}#pm_composer .composer .row.placeholder div{color:var(--theme2)}#pm_composer .composer input,#pm_composer .composer select{color:var(--theme2)!important}#pm_composer .composer select option{color:var(--theme2)!important;background-color:var(--theme3)!important}#pm_composer .composer .meta{color:var(--theme1)!important;background:var(--theme7)!important}#pm_composer .composer footer{background:var(--theme7)!important;border-top:1px solid var(--theme4)!important}#pm_composer .composer footer .pm_button{background:var(--theme3)!important}#pm_composer .composer footer .pm_button:hover{background-color:var(--theme7)!important;color:var(--theme2)!important}#pm_composer .composer footer .pm_button.primary{background:var(--theme1)!important}#pm_composer .composer footer .pm_button.primary:hover{background-color:var(--theme6)!important;color:var(--theme2)!important}#pm_composer .composer footer .pm_button.disabled{background:var(--white)!important}#pm_composer .composer ::-webkit-input-placeholder{color:var(--theme4)}#pm_composer .composer :-moz-placeholder{color:var(--theme4)}#pm_composer .composer ::-moz-placeholder{color:var(--theme4)}#pm_composer .composer :-ms-input-placeholder{color:var(--theme4)}.colorPopover-container .colorPopover-panel .colorPopover-select .colorList-list .colorList-btn-choose{color:inherit!important;background-color:inherit!important;border:unset!important}.squireToolbar-container{background-color:var(--theme1)!important}.squireToolbar-container .squire-toolbar,[class*="squireToolbar-row"]{background-color:var(--theme7)!important}[class*=squireToolbar-action-]+.squireToolbar-separator{border-left:1px solid var(--theme4)!important}.squire-popover{background:var(--theme3)!important;border:1px solid var(--theme4)!important}.squire-popover input{border:1px solid var(--theme3)!important;color:var(--theme2)!important}.squire-popover button,.squireToolbar-container button{background-color:var(--theme1)!important;color:var(--theme3)!important}.squireToolbar-select .squireToolbar-select-view{background-color:var(--theme1)!important;color:var(--theme3)!important;border:1px solid var(--theme4)!important}.squireToolbar-select .squireToolbar-select-view .squireDropdown-item-label{border:none!important;background-color:var(--theme1)!important;color:var(--theme3)!important}#pm_settings .well{border:1px solid var(--theme4)}#pm_settings .editor-container,#pm_settings .usage{background:var(--theme7)}#pm_settings .usage .total,#pm_settings .usage .used{color:var(--theme4);background:var(--theme3)}#pm_settings .usage .bar{background:var(--theme3)}#pm_settings .usage .bar .amount{background:var(--theme1)}#pm_settings .pm_tabs{background:var(--theme3)}#pm_settings .pm_tabs li a.pm_button{background-color:var(--theme6);border-color:var(--theme5);color:var(--theme3);border-bottom:1px solid var(--theme5)}#pm_settings .pm_tabs li a.pm_button:hover{background:var(--theme3);color:var(--theme1)}#pm_settings .pm_tabs li.active a.pm_button{background:var(--theme3);color:var(--theme2);border-bottom-color:var(--theme3)}#pm_settings .pm_tabs li.active a.pm_button:hover{color:var(--theme1)}#pm_settings .pm_tabs li:last-child a{border-right:1px solid var(--theme5)}#pm_settings .settings .angular-squire-wrapper{background:var(--white);border:1px solid var(--theme4);box-shadow:inset 0 2px 5px rgba(0,0,0,.15)}#pm_settings .settings #keys-addressTable td .fa-times-circle{color:var(--red)}#pm_settings .settings #keys-addressTable td .fa-check{color:var(--theme2)}.addressKeysView-container .addressKeysView-toggle .pm_button,.addressKeysView-container table tr td .pm_buttons,.addressKeysView-container table tr td .pm_button{border:none!important}#pm_settings .settings .row .border-bottom{border-bottom:1px solid var(--theme4)}#pm_settings .settings .row .setting .as-sortable-placeholder{background:var(--theme4)!important}#pm_settings .settings .row .setting .as-sortable-dragging{border:1px solid var(--theme4);background:var(--theme3)}#pm_settings .settings .row .setting .as-sortable-dragging .fa-check{background:var(--theme3);color:var(--theme1)}#pm_settings .settings .row .setting .angular-squire-wrapper iframe{border:1px solid var(--theme4)}body.mobileMode #pm_settings .settings .pm_sort ul{border-right:1rem solid var(--theme4)}body.mobileMode #pm_settings .pm_tabs{background:var(--theme3)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button{color:var(--theme5);border:1px solid var(--theme4)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:hover{background-color:var(--theme3)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:active,body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:focus{background-color:var(--theme4)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button{background-color:var(--theme1);border-color:var(--theme1);color:var(--theme3)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:hover{background-color:var(--theme6);border-color:var(--theme6)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:active,body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:focus{background-color:var(--theme5);border-color:var(--theme5)}body.mobileMode #pm_settings .settings table.pm_table tr{border:1px solid var(--theme4)}body.mobileMode #pm_settings .settings table.pm_table tr td{border-bottom:1px solid var(--theme4)}#paymentsModal .disabled input,#paymentsModal .disabled select{background-color:var(--theme3)}body.mobileMode #invoicesList li{border:1px solid var(--theme4)}body.mobileMode #invoicesList li p{border-bottom:1px solid var(--theme4)}body.mobileMode #invoicesList li p.title{background:var(--theme3)}#login-setup #pm_footer{color:var(--theme2)}#login-setup #pm_footer a{color:var(--theme2)}#login-setup #pm_footer a:hover{color:var(--white)}#login-setup .spinner.large .spinner1,#login-setup .spinner.large .spinner2,#login-setup .spinner.large .spinner3{background-color:var(--theme1)}#login-setup .wrapper label em.num{background-color:var(--theme3)}#login-setup .wrapper label span{color:var(--theme2)}#signup .spinner.large .spinner1,#signup .spinner.large .spinner2,#signup .spinner.large .spinner3{background-color:var(--theme1)}#signup .titleLabel em.num{background-color:var(--theme3)}#signup .titleLabel span{color:var(--theme2)}.ua-ie #pm_composer .composer{border:1px solid var(--theme4)}html.protonmail body.light{background-color:var(--theme3)}body#eo-message,body#eo-reply{background:var(--theme2)}body#eo-reply ul.infos{color:var(--theme2)}body#eo-reply ul.infos b,body#eo-reply ul.infos em{color:var(--theme1)}body#eo-reply #message-body .squire-toolbar{border-top:1px solid var(--theme4);border-bottom:1px solid var(--theme4)}body#eo-reply footer{border-top:1px solid var(--theme4)}.outside #expirationMessage{background-color:var(--red-light);color:var(--theme3)}.outside #outsideMessageWrap{background-color:var(--theme3)}.outside #attachmentArea{border-top:1px solid var(--theme4)}.outside .display-embedded,.outside .display-image{background:var(--theme3);border:1px solid var(--theme4)}.outside .display-embedded a,.outside .display-image a{color:var(--theme1);background-color:var(--theme3)!important}.outside .display-embedded:hover,.outside .display-image:hover{background:var(--theme3)}.outside .message-metadata{border-bottom:1px solid var(--theme4)}.outside .message-metadata ul.infos li strong,.outside .message-metadata ul.infos strong{color:var(--theme2)}.outside .message-metadata ul.infos b,.outside .message-metadata ul.infos li b{color:var(--theme1)}body.mobileMode body#eo-reply #message-body iframe{background:var(--theme3)}body{color:var(--theme2)}code{color:inherit}p a{color:var(--theme1)}hr{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)}kbd{color:var(--theme2);background-color:var(--theme3);-webkit-box-shadow:0 0 0 var(--theme4),inset 0 0 0 1px var(--theme4);box-shadow:0 0 0 var(--theme4),inset 0 0 0 1px var(--theme4)}body .pm_form textarea[readonly],pre{background:var(--theme3);border:1px solid var(--theme4);color:var(--theme2)}#eo-message .email img.pm_broken,#eo-reply iframe img.pm_broken,.message .frame>.email img.pm_broken{background-color:var(--theme4)}#eo-message .email blockquote,#eo-reply iframe blockquote,.message .frame>.email blockquote{border-left:4px solid var(--theme4)!important}.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{border-top-color:var(--theme2)}.tooltip-inner{color:var(--theme3);background-color:var(--theme2)}.tooltip.right .tooltip-arrow{border-right-color:var(--theme2)}.tooltip.left .tooltip-arrow{border-left-color:var(--theme2)}.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{border-bottom-color:var(--theme2)}.alert{color:var(--white)!important;background:var(--theme4)!important}.alert a,.alert.alert-danger a,.alert.alert-info a,.alert.alert-success a,.alert.alert-warning a{color:var(--theme1)!important}.alert.alert-info{color:var(--white)!important;background:var(--theme4)!important}.alert.alert-success{color:var(--black)!important;background:var(--green)!important}.alert.alert-danger{color:var(--white)!important;background:var(--red-light)!important}.alert.alert-warning{color:var(--black)!important;background:var(--yellow-light)!important}.alert .pm_button{background:var(--theme3)!important}.customCheckbox-input:checked+.customCheckbox-mask{background-color:var(--theme6);border-color:var(--theme6)}.customRadio-input:checked+.customRadio-mask{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px var(--theme6);border-color:var(--theme6)}.alert .pm_select,.alert input[type=text],.alert input[type=number],.alert input[type=password],.alert input[type=email],.alert input[type=search],.alert textarea{background:var(--theme3)!important}.labelDropdown .scrollbox{background-color:var(--theme6)}.labelDropdown .scrollbox::after,.labelDropdown .scrollbox::before{background:transparent}.labelDropdown .pm_button.link{color:var(--theme1)}.labelDropdown .alsoArchive{border-top:1px solid var(--theme4);border-bottom:1px solid var(--theme4)}.labelDropdown .labelSearch .fa{color:var(--theme1)}.labelDropdown .labelSearch input{border-bottom:1px solid var(--theme4)}.searchForm-advanced-container,.searchForm-advanced-main,.searchForm-advanced-wrapper{background-color:var(--theme7)!important}form.searchForm,.searchForm-container,.searchForm-advanced-container label{color:var(--theme2)}form.searchForm fieldset,.search-form-fieldset{box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;background:var(--theme7)!important;color:var(--theme2)!important}form.searchForm fieldset button[type=button],.searchForm-action-button{color:var(--theme2)}[class*="searchForm-action-button-"]{color:var(--theme2)}form.searchForm fieldset button[type=button]:hover,.searchForm-action-button:hover{background:var(--theme7)}form.searchForm fieldset #closeAdvSearch,form.searchForm fieldset button[type=submit]{color:var(--theme2)}form.searchForm fieldset input.query,.search-form-fieldset-input{background:var(--theme7);color:var(--theme2)}form.searchForm #advancedSearchDropdown label,.searchForm-advanced-wrapper label{color:var(--theme2)}body.mobileMode form.searchForm #advancedSearchDropdown .wrap,.searchForm-advanced-wrapper{border-bottom:1px solid var(--theme3)}#advancedSearchModal .date em{color:var(--theme4)}body .is-selected .pika-button{background:var(--theme1)!important;color:var(--theme3)!important}body .is-today .pika-button{color:var(--theme1)}#labelModal ul.palette li a .fa{color:var(--theme3)}body .cg-notify-message{background:var(--theme2);color:var(--theme3)!important}body .cg-notify-message.notification-success{background-color:var(--green)}body .cg-notify-message.notification-warning{background-color:var(--yellow-light)}body .cg-notify-message.notification-danger{background-color:var(--red)}body .cg-notify-message.notification-info{background-color:var(--blue-light)}#pm_latest header{color:var(--theme2);border-bottom:0 solid var(--theme4)}#pm_latest #storageStatus .wrap span{color:var(--theme2)}#pm_latest #storageStatus .wrap span strong{color:var(--theme1)}#pm_latest section{border:1px solid var(--theme4)}#pm_latest .storageArea div.storage{color:var(--theme4)}#pm_latest .storageArea div.storage strong{color:var(--theme1)}#pm_latest .storageArea .bar{background-color:var(--theme4)}#pm_latest .storageArea .bar em{background-color:var(--theme1)}.autocompleteEmails-container{color:var(--theme2)!important}.autocompleteEmails-container .autocompleteEmails-autocomplete{color:var(--theme2)!important;background-color:var(--theme4)!important}.autocompleteCommand-container .autocompleteEmails-autocomplete li+li{border-color:var(--theme1)!important}.autocompleteCommand-container .autocompleteEmails-autocomplete li{color:var(--theme2)!important;background-color:var(--theme7)!important}.autocompleteCommand-input{color:var(--theme2)!important;background-color:var(--theme3)!important}.autocomplete-container .awesomplete li[aria-selected="true"],.autocomplete-container .awesomplete li[aria-selected="true"]:hover,.autocompleteEmails-autocomplete li[aria-selected="true"],.autocompleteEmails-autocomplete li[aria-selected="true"]:hover{color:var(--theme2)!important;background-color:var(--theme1)!important}.autocomplete-container .awesomplete li:hover,.autocompleteEmails-autocomplete li:hover{color:var(--theme2)!important;background-color:var(--theme6)!important}.autocompleteEmails-item{border:1px solid var(--theme4)!important;background-color:var(--theme3)!important}.autocompleteEmails-item-invalid{border-color:var(--red)!important;color:var(--red)!important}.autocompleteEmails-field .awesomplete ul{border:1px solid var(--theme4)!important;background-color:var(--theme3)!important}.autocompleteEmails-field .awesomplete li[aria-selected=true],.autocompleteEmails-field .awesomplete li[aria-selected=true]:hover{background-color:var(--theme4)!important}.autocompleteEmails-field .awesomplete li[aria-selected="false"],.autocompleteEmails-field .awesomplete li[aria-selected="false"]:hover{background-color:var(--theme6)!important}.autocompleteEmails-field .awesomplete li:hover{background-color:var(--theme3)!important}.autocompleteEmails-field .awesomplete li,.autocompleteEmails-field .awesomplete li:hover,.autocompleteEmails-field .awesomplete li[aria-selected=true],.autocompleteEmails-field .awesomplete li[aria-selected=true]:hover{color:var(--theme2)!important}.autocompleteEmails-btn-remove:active,.autocompleteEmails-btn-remove:focus{color:var(--theme5)!important}.monetize .modal-dialog .modal-content .upsell h4{color:var(--theme1)}.monetize .modal-dialog .modal-content .upsell ul{color:var(--theme3)}#pm_settings .bar em{background-color:var(--theme1)}#pm_settings .donate .well{box-shadow:inset 0 0 3rem var(--theme4)}#plans .plans .plan header{background:var(--theme2);color:var(--theme3)}#plans .plans .plan h3,.settingsDashboard-container #plans .plan .plan-title{background-color:var(--theme1);color:var(--theme3)}.settingsDashboard-plans [class*="Column-container"] [class*="addonRow"] .pm_select{background:var(--theme7)!important}.settingsDashboard-plans,.settingsDashboard-plans::after,.settingsDashboard-plans::before{background:transparent!important}.overviewSection-tbody-billing,.subscriptionSection-tbody-billing,.subscriptionSection-tbody-billing>tr:first-of-type{background:var(--theme6)!important}.overviewSection-couponCode{color:var(--black)}.settingsDashboard-container #plans .plan>section ul{background:var(--theme3)}#plans .plans .plan.plus-plan footer,#plans .plans .plan.plus-plan header{background:var(--theme3)}#plans .plans .plan section{border:1px solid var(--theme4)}#plans .plans .plan section ul li{border-bottom:1px solid var(--theme4)}#plans .plans .plan section ul li.disabled{color:var(--theme4)}#plans .plans .plan footer{border:1px solid var(--theme4)}#plans .plans .plan footer .cycle{border-bottom:1px solid var(--theme4);color:var(--theme4)}#plans .plans .plan footer .cycle .discount{border-color:var(--green) transparent transparent;color:var(--theme3)}#plans .plans .plan footer .cycle label{color:var(--theme2)}#plans .plans .plan footer .cycle strong{color:var(--theme1)}#plans .plans .plan.plus-plan h3 span{color:var(--theme3)}#plans .plans .plan.visionary-plan h3 span,#plans .plans .plan.visionary-plan header{color:var(--theme3)}.intl-tel-input .selected-flag .iti-arrow{border-top:4px solid var(--theme2)}.intl-tel-input .selected-flag .iti-arrow.up{border-bottom:4px solid var(--theme2)}.intl-tel-input .country-list{background-color:var(--theme3);border:1px solid var(--theme4)}.intl-tel-input .country-list .divider{border-bottom:1px solid var(--theme4)}.intl-tel-input .country-list .country .dial-code{color:var(--theme4)}.iti-flag{background-color:var(--theme4)}.pm_form .cardPanel{background:var(--theme1);color:var(--theme3)}.pm_form .cardPanel.issuer-mastercard{background:var(--white)}.paginator-disabled-main .paginator-dropdown,.paginator-disabled-next .paginator-btn-next,.paginator-disabled-previous .paginator-btn-previous{color:var(--theme5)!important;box-shadow:unset!important;background-color:var(--theme3)!important}.paginator-disabled-main .paginator-dropdown:hover,.paginator-disabled-next .paginator-btn-next:hover,.paginator-disabled-previous .paginator-btn-previous:hover{background-color:var(--theme7)!important;color:var(--theme2)!important}.popover{background-color:var(--theme3)}.popover-title{background-color:var(--theme3);border-bottom:var(--theme4)}.popover.top>.arrow{border-top-color:var(--theme4)}.popover.top>.arrow:after{border-top-color:var(--theme3)}.popover.right>.arrow{border-right-color:var(--theme4)}.popover.right>.arrow:after{border-right-color:var(--theme3)}.popover.bottom>.arrow{border-bottom-color:var(--theme4)}.popover.bottom>.arrow:after{border-bottom-color:var(--theme3)}.popover.left>.arrow{border-left-color:var(--theme4)}.popover.left>.arrow:after{border-left-color:var(--theme3)}.composerAttachments-container{background:var(--theme3)}.composerAttachments-loaders{border-top:1px solid var(--theme4)}.composerAskEmbdded-details{background:var(--theme3)}.composerInputMeta-overlay{background:var(--theme7)!important;color:var(--theme2)!important}.composerInputMeta-overlay-label,.composerInputMeta-label,#pm_composer .composer .fromRow{color:var(--theme1)!important}.progressLoader-container.pm_button{background:var(--theme3)}[class*=listAttachments-icon].embedded{color:var(--theme1)}.listAttachments-list .listAttachments-att{color:var(--theme2)!important;background:var(--theme3)!important}.listAttachments-list .listAttachments-att:after{border-right:1px solid var(--theme4)!important}.squire-dropzone{background:var(--theme3)!important}.conversation{background:var(--theme7)!important;border-bottom-color:var(--theme7)!important}.conversation .expiration,body #conversation-list-rows .conversation .expiration{border-color:transparent var(--red-light) transparent transparent!important}.conversation .row .meta .fa-star-o{color:var(--white)!important}.conversation .row .meta .fa-star{color:var(--yellow)!important}.conversation .row .pm_labels{background:transparent!important;box-shadow:none!important}.conversation .row .pm_labels label{background:transparent!important;box-shadow:none!important}.conversation .row h4{color:var(--white)!important}.conversation.read{background:var(--theme3)!important;border-bottom-color:var(--theme7)!important}.conversation.read h4{color:var(--white)!important;font-weight:400}.conversation.read .pm_labels label{box-shadow:none!important;background:transparent!important}.conversation.marked::before{background-color:var(--theme1)!important}.conversation.active{background:var(--theme6)!important;color:var(--theme3)!important;border-bottom-color:var(--theme7)!important}.conversation.active h4{color:var(--white)!important}.conversation.active .pm_labels label{background:transparent!important;box-shadow:none!important}body #conversation-list-rows .conversation{color:var(--theme2)!important;background:var(--theme7)!important}body #conversation-list-rows .conversation .expiration{color:var(--theme3)!important}body #conversation-list-rows .conversation .fa-star-o{color:var(--white)!important}body #conversation-list-rows .conversation .fa-star{color:var(--yellow)!important}body #conversation-list-rows .conversation .subject h4{color:var(--white)!important}body #conversation-list-rows .conversation .subject .pm_labels{background:transparent!important}body #conversation-list-rows .conversation .subject .pm_labels label{background:transparent!important}body #conversation-list-rows .conversation.read,body #conversation-list-rows .conversation.read .subject .pm_labels,body #conversation-list-rows .conversation.read .subject .pm_labels label{background:var(--theme3)!important}body #conversation-list-rows .conversation.read .subject h4{color:var(--theme2)!important}.unsubscribePanel-container{background:var(--theme3)!important;color:var(--theme2)!important}.unsubscribePanel-button,.messageExtra-container>[class*="-container"]>[class*="-button"]{background:var(--theme1)!important;color:var(--theme2)!important;border:1px solid var(--theme1)!important}.unsubscribePanel-button:hover,.messageExtra-container>[class*="-container"]>[class*="-button"]:hover{background:var(--theme6)!important;border:1px solid var(--theme6)!important}.eventsAttachments-container{background:var(--theme3)!important;color:var(--theme2)!important}.eventsAttachments-summary{background:var(--theme1)!important;color:var(--theme2)!important}.pm_button{color:var(--theme5)!important;border:1px solid var(--theme4)!important}.pm_button:hover{background-color:var(--theme3)!important}.pm_button:active,.pm_button:focus{background-color:var(--theme4)!important}.pm_button.primary{background-color:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--theme3)!important}.pm_button.primary:hover{background-color:var(--theme6)!important;border-color:var(--theme6)!important}.pm_button.primary:active,.pm_button.primary:focus{background-color:var(--theme5)!important;border-color:var(--theme5)!important}.pm_button.primary.disabled,.pm_button.primary[disabled]{background:var(--theme6)!important}.pm_button.link{border:none!important;color:var(--theme1)!important}.pm_button.round{border:1px solid var(--theme4)!important}.pm_button.round .fa{color:var(--theme1)!important}.pm_button.round:hover{background-color:var(--theme3)!important}.pm_button.round:active,.pm_button.round:focus{background-color:var(--theme3)!important}.pm_button.success{background-color:var(--green)!important;border-color:var(--green)!important;color:var(--theme3)!important}.pm_button.success:hover{background-color:var(--green-light)!important;border-color:var(--green-light)!important}.pm_button.success.disabled,.pm_button.success[disabled]{background:var(--green-light)!important}.pm_button.error{background-color:var(--red)!important;border-color:var(--red)!important;color:var(--theme3)!important}.pm_button.error:hover{background-color:var(--red-light)!important;border-color:var(--red-light)!important}.pm_button.error.disabled,.pm_button.error[disabled]{background:var(--red-light)!important}.pm_buttons{border:1px solid var(--theme4)!important;background:var(--theme3)!important}.pm_buttons .pm_buttons{border:none!important}.pm_buttons.disabled{border:1px solid var(--theme3)!important;box-shadow:none!important;background:var(--theme3)!important}.pm_buttons .pm_buttons-child{background:var(--theme3)!important}.pm_buttons .pm_buttons-child.disabled{box-shadow:none!important;background:var(--theme3)!important}.pm_buttons .disabled,.pm_buttons [disabled]{color:var(--theme4)!important;box-shadow:inset 0 0 50rem 0 var(--theme3)!important;background:var(--theme3)!important}.pm_buttons .pm_buttons:not(:first-of-type),.pm_buttons>*{border-color:var(--theme4)!important}.pm_buttons a,#conversation-view .message .details .pm_buttons a,.pm_buttons .pm_buttons-child{color:var(--theme5)!important;background:var(--theme3)!important}.pm_buttons a:hover,#conversation-view .message .details .pm_buttons a:hover,.pm_buttons .pm_buttons-child:hover,.chooseLayoutBtns-container-rows .chooseLayoutBtns-btn-rows,.chooseLayoutBtns-container:not(.chooseLayoutBtns-container-rows) .chooseLayoutBtns-btn-column{background-color:var(--theme7)!important;color:var(--theme2)!important}.pm_buttons a.active,.pm_buttons a:active,.pm_buttons .pm_buttons-child:active{background:var(--theme4)!important}.pm_buttons.primary a{background-color:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--theme3)!important}.pm_buttons.primary a:hover{background-color:var(--theme6)!important;border-color:var(--theme6)!important}.pm_buttons.primary a:active,.pm_buttons.primary a:focus{background-color:var(--theme5)!important;border-color:var(--theme5)!important}.readUnread-container.disabled [class*="readUnread-btn"]{box-shadow:inset 0 0 50rem 0 var(--theme3)!important;color:var(--theme6)!important}body.mobileMode #body #pm_main .fa-check-square,body.mobileMode #body #pm_main .fa-square-o{color:var(--theme5)!important}.pm_dropdown{background:var(--theme7)!important;border:1px solid var(--theme4)!important}.pm_dropdown>a,.pm_dropdown>button,.pm_dropdown>ul>li{border-bottom:1px solid var(--theme4)!important;color:var(--theme5)!important}.pm_dropdown>a:hover,.pm_dropdown>button:hover,.pm_dropdown>ul>li:hover{color:var(--theme2)!important}.pm_dropdown .paginator-dropdown-item{background:var(--theme7)!important}.pm_dropdown .paginator-dropdown-item:hover{background:var(--theme3)!important}.pm_labels.inline label .close{color:var(--theme2)!important}.pm_labels label{color:var(--theme2)!important}.pm_modal .angular-squire-wrapper{border:1px solid var(--theme4)!important}.pm_modal.domains .modal-dialog .modal-content .modal-body{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)!important}.pm_modal .modal-dialog{background:var(--theme3)!important;border:5px solid var(--theme1)!important;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important}.pm_modal .modal-dialog .close{color:var(--theme3)!important;background:var(--theme1)!important}.pm_modal .modal-dialog .modal-content{background:var(--theme3)!important}.pm_modal .modal-dialog .modal-content .modal-body{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)!important}.pm_modal .modal-dialog .modal-footer{background-color:var(--theme3)!important}.pm_modal .modal-dialog .modal-content h1,.pm_modal .modal-dialog .modal-content h2,.pm_modal .modal-dialog .modal-content h3,.pm_modal .modal-dialog .modal-content h4{color:var(--theme2)!important}.pm_modal .modal-dialog .modal-content h1 em,.pm_modal .modal-dialog .modal-content h2 em,.pm_modal .modal-dialog .modal-content h3 em,.pm_modal .modal-dialog .modal-content h4 em{color:var(--theme4)!important}body.mobileMode .pm_modal .modal-dialog{background:var(--theme3)!important}body.mobileMode .pm_modal .modal-dialog .close{color:var(--theme2)!important}.pm_form legend{border-bottom:1px solid var(--theme4)!important}.pm_form legend .small{color:var(--theme2)!important}.pm_form legend .small a{color:var(--theme1)!important}.pm_form ::-webkit-input-placeholder{color:var(--theme4)}.pm_form :-moz-placeholder{color:var(--theme4)}.pm_form ::-moz-placeholder{color:var(--theme4)}.pm_form input:-ms-input-placeholder{color:var(--theme4)}.pm_form ::-ms-input-placeholder{color:var(--theme4)}.pm_form :-ms-input-placeholder{color:var(--theme4)}.pm_form .pm_select select{border:1px solid var(--theme6)!important}.pm_form .pm_select{border-radius:4px;box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important}.pm_form .pm_select .fa{color:var(--theme2)!important}.pm_form optgroup{color:var(--theme2)!important;background:var(--theme3)!important}.pm_form .input-icon .fa{color:var(--theme4)!important}.searchForm-advanced-wrapper .pm_select{background:var(--theme7)!important;border-color:var(--theme1)!important}.searchForm-advanced-wrapper input[type=text],.searchForm-advanced-wrapper input[type=search],.searchForm-advanced-wrapper input[type=email],.searchForm-advanced-wrapper input[type=number]{box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important;color:var(--theme2)!important}.pm_form input[type=text],.pm_form input[type=number],.pm_form input[type=password],.pm_form input[type=email],.pm_form input[type=search],.pm_form input[type=tel]{box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important;background:var(--theme7)!important;border:1px solid var(--theme6)!important}.pm_form select:active,.pm_form select:focus{box-shadow:inset 0 0 0 1px var(--theme1)!important}.pm_form input[type=text],.pm_form input[type=number],.pm_form input[type=password],.pm_form input[type=email],.pm_form input[type=search],.pm_form input[type=tel],.pm_form .pm_select,.pm_form select,.pm_form textarea,.contactItem-inputs input,.contactItem-inputs textarea{color:var(--theme2)!important}.pm_form input[type=text].ng-invalid.ng-touched,.pm_form input[type=number].ng-invalid.ng-touched,.pm_form input[type=password].ng-invalid.ng-touched,.pm_form input[type=email].ng-invalid.ng-touched,.pm_form input[type=search].ng-invalid.ng-touched,.pm_form input[type=tel].ng-invalid.ng-touched,.pm_form select.ng-invalid.ng-touched,.pm_form textarea.ng-invalid.ng-touched{border-color:var(--red)!important}.pm_form input[type=text]:hover,.pm_form input[type=number]:hover,.pm_form input[type=password]:hover,.pm_form input[type=email]:hover,.pm_form input[type=search]:hover,.pm_form input[type=tel]:hover,.pm_form .pm_select:hover,.pm_form select:hover,.pm_form textarea:hover{border-color:var(--theme1)!important}.pm_form input[type=text]:focus,.pm_form input[type=number]:focus,.pm_form input[type=password]:focus,.pm_form input[type=email]:focus,.pm_form input[type=search]:focus,.pm_form input[type=tel]:focus,.pm_form .pm_select:focus,.pm_form select:focus,.pm_form textarea:focus{color:var(--white)!important;background:var(--theme7)!important;border-color:var(--theme1)!important}.pm_form input[type=text].disabled,.pm_form input[type=text][disabled],.pm_form input[type=number].disabled,.pm_form input[type=number][disabled],.pm_form input[type=password].disabled,.pm_form input[type=password][disabled],.pm_form input[type=email].disabled,.pm_form input[type=email][disabled],.pm_form input[type=search].disabled,.pm_form input[type=search][disabled],.pm_form input[type=tel].disabled,.pm_form input[type=tel][disabled],.pm_form select.disabled,.pm_form select[disabled],.pm_form textarea.disabled,.pm_form textarea[disabled]{color:var(--theme4)!important;border-color:var(--theme4)!important;background:var(--theme4)!important}.pm_form input[type=text].success,.pm_form input[type=number].success,.pm_form input[type=password].success,.pm_form input[type=email].success,.pm_form input[type=search].success,.pm_form input[type=tel].success,.pm_form select.success,.pm_form textarea.success{color:var(--green-light)!important;border-color:var(--green-light)!important}.pm_form input[type=text].error,.pm_form input[type=number].error,.pm_form input[type=password].error,.pm_form input[type=email].error,.pm_form input[type=search].error,.pm_form input[type=tel].error,.pm_form select.error,.pm_form textarea.error{color:var(--red-light)!important;border-color:var(--red-light)!important}.pm_form input[type=text].warning,.pm_form input[type=number].warning,.pm_form input[type=password].warning,.pm_form input[type=email].warning,.pm_form input[type=search].warning,.pm_form input[type=tel].warning,.pm_form select.warning,.pm_form textarea.warning{color:var(--yellow-light)!important;border-color:var(--yellow-light)!important}.pm_panel,.pm_panel.alt a{color:var(--theme3)!important}.pm_form textarea{background:var(--theme7)!important}body.light .pm_panel{background:var(--theme3)!important;color:var(--theme2)!important}.contactList-table{background:transparent!important}.contactList-item-activeContact td{background-color:var(--theme1)!important}.pm_table table thead{border-top:1px solid var(--theme4)!important}.pm_table table.print em{border:1px solid var(--theme4)!important}.pm_sort ul,.pm_table table.bordered{border:1px solid var(--theme4)!important}.pm_table table.plain th{color:var(--theme2)!important}.pm_table table td .fa.fa-sort,.pm_table table th .fa.fa-sort{color:var(--theme4)!important}.pm_table table th{background:var(--theme3)!important;border-bottom:1px solid var(--theme4)!important;color:var(--theme5)!important}.pm_table table th a{color:var(--theme1)!important}.pm_table table th .fa{color:var(--theme1)!important}.pm_table table td{border-bottom:1px solid var(--theme4)!important;color:var(--theme2)!important}.pm_table table tr.hasTable table{background-color:var(--theme3)!important}.pm_table table tr.disabled td{color:var(--theme4)!important}.pm_toggle span.knob{background:var(--theme3)!important;border:1px solid var(--theme4)!important}.pm_toggle.off .off,.pm_toggle.on .on{background-color:var(--theme1)!important;color:var(--theme3)!important}.pm_tabs{border-right:1px solid var(--theme4)!important}.pm_tabs li a{background-color:var(--theme3)!important}.pm_tabs li.active a{background-color:var(--theme3)!important;border-bottom:unset!important;color:var(--theme1)!important}.pm_sort ul li{border-bottom:1px solid var(--theme4)!important;background:var(--theme3)!important}.pm_sort ul li.highlight{background-color:var(--theme3)!important}.pm_sort ul li .fa.fa-ellipsis-v{color:var(--theme4)!important}.as-sortable-dragging .fa-check,.pm_sort ul li .fa.fa-check{color:var(--theme1)!important}.pm_sort ul li .fa.fa-check{background:var(--theme3)!important}.as-sortable-placeholder{background:var(--theme4)!important}.as-sortable-dragging{border:1px solid var(--theme4)!important;background:var(--theme3)!important}.image.loading:after,.loader em{border-left:.5em solid var(--theme5)!important}.as-sortable-dragging .fa-check{background:var(--theme3)!important}.as-sortable-dragging .fa-ellipsis-v{color:var(--theme4)!important}#pm_loader.full{background:var(--theme3)!important}#pm_slow,#pm_slow2{color:var(--theme3)!important}#pm_loading{background:var(--theme3)!important}.image.loading:after{background:var(--theme3)!important}input[type=range].pm_range::-webkit-slider-runnable-track{background:var(--theme4)}input[type=range].pm_range::-webkit-slider-thumb{background:var(--theme1)}input[type=range].pm_range:focus::-webkit-slider-runnable-track{background:var(--theme4)}input[type=range].pm_range::-moz-range-track{background:var(--theme1)}input[type=range].pm_range::-moz-range-thumb{background:var(--theme1)}input[type=range].pm_range::-ms-track{background:var(--theme1)}input[type=range].pm_range::-ms-fill-lower{background:var(--theme4)}input[type=range].pm_range::-ms-fill-upper{background:var(--theme1)}input[type=range].pm_range::-ms-thumb{background:var(--theme1)}input[type=range].pm_range:focus::-ms-fill-lower{background:var(--theme4)}input[type=range].pm_range:focus::-ms-fill-upper{background:var(--theme1)}#pm_main,#wrapper,#conversation-list-columns,#conversation-list-rows{background:var(--theme3)!important;color:var(--theme5)!important}.pm_badge,.pm_tag{background:var(--theme4)!important}.pm_tag{color:var(--theme2)!important}.pm_badge{color:var(--theme3)!important}.pm_badge.default{color:var(--theme2)!important}.pm_badge.primary{background-color:var(--theme1)!important}.pm_badge.success{background-color:var(--green)!important}.pm_badge.error{background-color:var(--red)!important}.pm_badge.warning{background-color:var(--yellow-light)!important}.scrollbox-container{background-color:var(--theme7)!important;background-image:unset!important}.scrollbox-container::after,.scrollbox-container::before{background:none!important}.commandPalette-container{background-color:var(--theme7)!important}.autocompleteCommand-container .autocompleteEmails-autocomplete [aria-selected="true"]{background-color:var(--theme1)!important}.currencySelector-container .currencySelector-button.active{background:var(--theme4)}.pm_sort-container,.pm_sort-item-content{border-color:var(--theme4)!important}.emailBlockList-list{border-color:var(--theme4)!important}.emailBlockList-row{color:var(--theme5)!important}.manageContactGroupLink-container,.manageContactGroupLink-label,.manageContactGroupLink-icon{color:var(--theme2)!important}.totalRows-label-right{background:none!important}.sidebarApp-menu .ico-protonvpn{opacity:1;-webkit-filter:brightness(100);filter:brightness(100)}.dropdown-label-scrollbox-label-text-ellipsis{color:var(--theme2)!important}.dropdown-folder-scrollbox-group-item-button{color:var(--theme2)!important}.contactItem-inputs input:not([type="checkbox"]),.contactItem-inputs textarea{background:var(--theme7)}.pm_toggle-checkbox:checked+.pm_toggle-label{background-color:var(--theme1)!important} -------------------------------------------------------------------------------- /themes/pm-dark-theme.min.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8";/*! 2 | * Custom Theme for ProtonMail v3.16.21 3 | * http://amdelamar.com/pm-theme/ 4 | * SPDX-License-Identifier: MIT 5 | */:root{--theme1:#66669a;--theme2:#fefefe;--theme3:#222224;--theme4:#36384e;--theme5:#9397cd;--theme6:#48486c;--theme7:#35373e;--red:#cc9393;--red-light:#ec6446;--yellow:#dfdf19;--yellow-light:#e7d360;--green:#a6cc93;--green-light:#89bc70;--blue:#bce8f1;--blue-light:#93b9cc;--white:#FFF;--black:#000}#exiting{background-color:var(--theme3);color:var(--theme2)}#exiting .spinner.large .spinner1,#exiting .spinner.large .spinner2,#exiting .spinner.large .spinner3{background-color:var(--theme1)}.spinner.large .spinner1,.spinner.large .spinner2,.spinner.large .spinner3{background-color:var(--theme3)}.spinner1,.spinner2,.spinner3{background-color:var(--theme1)}.proton-embedded:after{background:url(/assets/img/icons/broken-img.png) 5px 50% no-repeat var(--theme3);border-color:var(--theme2) var(--theme4) var(--theme4) var(--theme2)}html.protonmail body{background:var(--theme2)}html.protonmail body.blank,html.protonmail body.secure{background:var(--theme3)}html.protonmail .visionary{color:var(--theme3)}html.protonmail .plus{color:var(--theme3)}html.protonmail .text-gray{color:var(--theme2)}html.protonmail .text-light-gray{color:var(--theme4)}html.protonmail .text-green{color:var(--green)}html.protonmail .text-yellow{color:var(--yellow)}html.protonmail .text-red{color:var(--red)}html.protonmail .text-purple{color:var(--theme1)!important}html.protonmail .border-panel{border:1px solid var(--theme4)}header#pm_header{background:var(--theme2)}header#pm_header .newBugReport-container,header#pm_header a{color:var(--theme3)}header#pm_headerDesktop,header.headerDesktop-container{background:var(--theme3)}header#pm_headerDesktop a.logo,header .headerDesktop-logo.logo,.headerSecuredDesktop-logo{color:var(--theme1);background-color:var(--theme3)}header#pm_headerDesktop a.logo img,header .headerDesktop-logo.logo img,.headerSecuredDesktop-logo::before{webkit-filter:grayscale(100%) brightness(50%);filter:grayscale(100%) brightness(50%)}header#pm_headerDesktop ul.navigation>li:hover,header.headerDesktop-container ul.navigation>li:hover{border-color:var(--theme1)!important}header#pm_headerDesktop ul.navigation>li.active,header.headerDesktop-container ul.navigation>li.active{border-color:var(--theme1)!important}header#pm_headerDesktop ul.navigation>li>a,header.headerDesktop-container ul.navigation>li>a{color:var(--theme2)}header#pm_headerDesktop .navigation .navigationUser-dropdown{color:var(--theme2)}header#pm_headerDesktop.no-auth{background:var(--theme2)}header#pm_headerDesktop.no-auth a{color:var(--theme3)}header#pm_header-tablet{background:var(--theme5)}header#pm_header-tablet .compose{background-color:var(--theme1);color:var(--theme3)}header#pm_header-tablet .compose:hover{background-color:var(--theme6)}header#pm_header-tablet .compose:active{background-color:var(--theme5)}header#pm_header-tablet a.logoMobile{color:var(--theme3)}header#pm_header-tablet .location{color:var(--theme3)}header#pm_header-mobile{background:var(--theme5)}header#pm_header-mobile a.compose,header#pm_header-mobile a.compose:hover{background:var(--theme5)}header#pm_header-mobile a.logoMobile{color:var(--theme3)}header#pm_header-mobile .searchBtn,header#pm_header-mobile a.compose{color:var(--theme3)}header#pm_header-mobile .location{color:var(--theme3)}.headerBlock-container{border-bottom:1px solid var(--theme4)}#attachmentArea{background:var(--theme3);border-top:1px solid var(--theme4)}#attachmentArea header .embedded{color:var(--theme1)}body section.sidebar{background:var(--theme3)}.sidebarApp-container .sidebar-btn-back{border:1px solid var(--theme5)!important;color:var(--theme5)!important}.sidebarApp-container .sidebar-btn-back:hover{background:var(--theme1)!important;color:var(--theme3)!important}.sidebarApp-container .sidebar-btn-compose{background:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--theme2)!important}.sidebarApp-container .sidebar-btn-compose:hover{background-color:var(--theme6)!important;border-color:transparent!important;color:var(--theme2)!important}.sidebarApp-item .navigationItem-item,.sidebarApp-item .sidebarApp-link,.sidebarApp-menu .menuLabel-link{color:var(--theme3)}.sidebarApp-item .navigationItem-icon,.sidebarApp-item .sidebarApp-icon,.sidebarApp-menu .menuLabel-icon,.sidebarApp-icon .donateBtn-icon{color:var(--theme4)}body section.sidebar ul.menu li button{color:var(--theme2)}body section.sidebar ul.menu li button:hover{color:var(--theme1)}body section.sidebar ul.menu li button i.fa{color:var(--theme2)}body section.sidebar ul.menu li a{color:var(--theme2)}body section.sidebar ul.menu li a:hover{color:var(--theme1)}body section.sidebar ul.menu li a em{color:var(--theme5)}body section.sidebar ul.menu li a i.fa{color:var(--theme2)}body section.sidebar ul.menu li a .fa-repeat{color:var(--theme6)}body section.sidebar ul.menu li a .fa-repeat:hover{color:var(--theme1)}body section.sidebar ul.menu li.active a{color:var(--theme2)}body section.sidebar ul.menu li.active a:hover{color:var(--theme1)}body section.sidebar ul.menu li.active a i.fa{color:var(--theme6)}body section.sidebar div.labels ul li.active a,.menuLabel-item.active .menuLabel-title{color:var(--theme2);font-weight:700}body section.sidebar div.labels ul li a:hover{color:var(--theme3)}body section.sidebar div.footer div.link a{color:var(--theme1)}body section.sidebar div.footer div.link a:hover{color:var(--theme2)}.sidebarApp-container .footer div.storage strong{color:var(--theme1)}body section.sidebar div.footer a.upgrade{color:var(--theme1)}body section.sidebar div.footer .bar em{background-color:var(--theme1)}body section.sidebar div.footer .bar{background-color:var(--theme4)}.sidebarApp-container .version{color:var(--theme1)!important}.sidebarApp-container .version:hover{color:var(--theme2)!important}.sidebarApp-container .footer .storageBar{background-color:var(--theme4)!important}.storageBar .storageBar-progress{background-color:var(--theme1)!important}body section.sidebar div.labels ul li a{color:var(--theme2)!important}body section.sidebar div.labels ul li a:hover{color:var(--theme1)!important}body section.sidebar div.labels ul li a em{color:var(--theme2)!important}body.mobileMode #pm_sidebar section.sidebar{background:var(--theme2)!important}body.mobileMode #pm_sidebar section.sidebar .pm_button.round .fa{color:var(--theme3)!important}body.mobileMode #pm_sidebar section.sidebar .userDisplay em,body.mobileMode #pm_sidebar section.sidebar .userDisplay strong{color:var(--theme3)!important}body.mobileMode #pm_sidebar section.sidebar ul.menu li button{color:var(--theme3)!important}.pm_toolbar{box-shadow:inset 0 -1px 0 var(--theme4)!important}#conversation-view .fa-star{color:var(--yellow)!important}#conversation-view header{border-bottom:0 solid var(--theme4)!important}#conversation-view header h1{color:var(--white)!important}#conversation-view .message{border:1px solid var(--theme4)!important}#conversation-view .message .contact a.compose{color:var(--theme1)!important}#conversation-view .message .details{background:var(--theme3)!important}#conversation-view .message .message-contact-sender{color:var(--theme5)!important}#conversation-view .message.marked .details,#conversation-view .message.marked .summary{box-shadow:inset 5px 0 0 var(--theme1)!important}#conversation-view .message.details.open .labelz .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message.unread>div.summary{background:var(--theme3)!important}#conversation-view .message.unread:not(.open) .summary .labels,#conversation-view .message.unread:not(.open) .summary .status,#conversation-view .message.unread:not(.open) .summary .time{background:var(--theme3)!important}#conversation-view .message.unread>div.summary .labels .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message>div.summary{background:var(--theme3)!important}#conversation-view .message>div.summary .summary-right{background:transparent!important}#conversation-view .message .summary .labels,#conversation-view .message .summary .location.folders,#conversation-view .message .summary .message-attachments,#conversation-view .message .summary .status,#conversation-view .message .summary .time{background:var(--theme3)!important}#conversation-view .message>div.summary .time::after{background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,var(--theme3) 100%)!important;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,var(--theme3) 100%)!important;background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--theme3) 100%)!important}#conversation-view .message>div.summary .meta .contact span{color:var(--theme4)!important}#conversation-view .message>div.summary .labels .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message>div.details{background:var(--theme3)!important}#conversation-view .message>div.details .pm_buttons a{background:var(--theme3)!important}#conversation-view .message>div.details .recipients-details .from,#conversation-view .message>div.details .recipients-details .where{color:var(--theme4)!important}#conversation-view .message>div.details .recipients-details .contact em{color:var(--theme4)!important}#conversation-view .message>div.details .recipients-summary strong{color:var(--theme4)!important}#conversation-view .message>div.details .recipients-summary .from{color:var(--theme4)!important}#conversation-view .message .toggleDetails{color:var(--theme1)!important}#conversation-view .message .expiration{background:var(--red-light)!important;color:var(--theme3)!important}#conversation-view .message .showImages{background:var(--theme3)!important;color:var(--theme1)!important;border-top:1px solid var(--theme4)!important}#conversation-view .message .frame{color:var(--black)!important;background-color:var(--white)!important;border-top:1px solid var(--theme4)!important}#conversation-view .message .frame .email .pm_button.more{background:var(--theme3)!important}body.mobileMode #conversation-view .message>div.summary .time{background:var(--theme3)!important}body#eo-unlock,body#login-unlock,body#reset{background:var(--theme2)!important}body.mobileMode #conversation-view .message.details>div.summary .meta .contact em{color:var(--theme4)!important}#pm_placeholder{color:var(--theme4);padding-top:40%;text-transform:uppercase}#nothingToSeeHere .fa{color:var(--theme4)}#nothingToSeeHere span{color:var(--theme4)}#nothingToSeeHere h3{color:var(--theme4)}#pm_conversations .meta .fa-star-o,#pm_conversations .meta .singleStar,#pm_conversations article>header .fa-lock,#pm_conversations article>header .fa-paperclip,#pm_conversations header .loc,#pm_rows .meta .fa-star-o,#pm_rows .meta .singleStar,#pm_rows article>header .fa-lock,#pm_rows article>header .fa-paperclip,#pm_rows header .loc{color:var(--white)}body#reset .alert{color:var(--white)}#pm_footer{color:var(--theme3)}#pm_footer a{color:var(--theme3)}#pm_footer a:hover{color:var(--theme4)}#pm_footer.static{color:var(--theme2)}#pm_footer.static a{color:var(--theme2)}#pm_footer.static a:hover{color:var(--white)}#pm_composer .composer .meta input{background:var(--theme7)!important}#pm_composer .composer .fill{color:var(--black);background:var(--white)}#pm_composer .composer{background:var(--theme3)}.addFilePopover-panel,.addLinkPopover-panel,.addLinkPopover-footer,.addFilePopover-footer{background:var(--theme7)!important}.addLinkPopover-field .addLinkPopover-label,.addFilePopover-field .addFilePopover-label{color:var(--theme2)!important}.addLinkPopover-field .addLinkPopover-input,.addFilePopover-field .addFilePopover-input-url{border:1px solid var(--theme4)!important;color:var(--theme2)!important;background:var(--theme7)!important;box-shadow:inset 0 0 0 1px var(--theme1)!important}.composerTime-container{color:var(--theme5)!important}#pm_composer .composer .askEmbedding{background:var(--theme3);color:var(--theme2)}#pm_composer .composer .attachmentBar i.embedded,#pm_composer .composer .options .fa{color:var(--theme1)}#pm_composer .composer .askEmbedding ul{background:var(--theme3);border:1px solid rgba(0,0,0,.2)}.composerOptions-container{background:var(--theme3)}#pm_composer .composer .options footer{background:var(--theme3)}#pm_composer .composer .attachmentBar{border-top:1px solid var(--theme4);background:var(--theme3)}#pm_composer .composer .previews{background:var(--theme3)}#pm_composer .composer .previews .preview-close{color:var(--theme2)}#pm_composer .composer .previews .attachment .fa.embedded{color:var(--theme1)}#pm_composer .composer .previews .pm_button{background:var(--theme3)}#pm_composer .composer.attachmentsOpen .attachmentBar{box-shadow:0 1px 0 var(--theme4)}#pm_composer .composer.attachmentsOpen .attachmentArea .pm_button{color:var(--theme2)}#pm_composer .composer.attachmentsOpen .attachmentArea .pm_button.uploading{background:var(--theme4)}#pm_composer .composer header{background:var(--theme6);color:var(--theme2)}#pm_composer .composer header.composerEncrypt-header,#pm_composer .composer header.composerExpiration-header{background:0;color:var(--theme2)}#pm_composer .composer header .actions .pm_button{color:var(--theme3)!important;border:none!important}#pm_composer .composer header .actions .pm_button:hover{color:var(--theme2)!important}#pm_composer .composer .pm_button.link{border:none!important}#pm_composer .composer .row{border-bottom:1px solid var(--theme6)!important}#pm_composer .composer .row.placeholder div{color:var(--theme2)}#pm_composer .composer input,#pm_composer .composer select{color:var(--theme2)!important}#pm_composer .composer select option{color:var(--theme2)!important;background-color:var(--theme3)!important}#pm_composer .composer .meta{color:var(--theme1)!important;background:var(--theme7)!important}#pm_composer .composer footer{background:var(--theme7)!important;border-top:1px solid var(--theme4)!important}#pm_composer .composer footer .pm_button{background:var(--theme3)!important}#pm_composer .composer footer .pm_button:hover{background-color:var(--theme7)!important;color:var(--theme2)!important}#pm_composer .composer footer .pm_button.primary{background:var(--theme1)!important}#pm_composer .composer footer .pm_button.primary:hover{background-color:var(--theme6)!important;color:var(--theme2)!important}#pm_composer .composer footer .pm_button.disabled{background:var(--white)!important}#pm_composer .composer ::-webkit-input-placeholder{color:var(--theme4)}#pm_composer .composer :-moz-placeholder{color:var(--theme4)}#pm_composer .composer ::-moz-placeholder{color:var(--theme4)}#pm_composer .composer :-ms-input-placeholder{color:var(--theme4)}.colorPopover-container .colorPopover-panel .colorPopover-select .colorList-list .colorList-btn-choose{color:inherit!important;background-color:inherit!important;border:unset!important}.squireToolbar-container{background-color:var(--theme1)!important}.squireToolbar-container .squire-toolbar,[class*="squireToolbar-row"]{background-color:var(--theme7)!important}[class*=squireToolbar-action-]+.squireToolbar-separator{border-left:1px solid var(--theme4)!important}.squire-popover{background:var(--theme3)!important;border:1px solid var(--theme4)!important}.squire-popover input{border:1px solid var(--theme3)!important;color:var(--theme2)!important}.squire-popover button,.squireToolbar-container button{background-color:var(--theme1)!important;color:var(--theme3)!important}.squireToolbar-select .squireToolbar-select-view{background-color:var(--theme1)!important;color:var(--theme3)!important;border:1px solid var(--theme4)!important}.squireToolbar-select .squireToolbar-select-view .squireDropdown-item-label{border:none!important;background-color:var(--theme1)!important;color:var(--theme3)!important}#pm_settings .well{border:1px solid var(--theme4)}#pm_settings .editor-container,#pm_settings .usage{background:var(--theme7)}#pm_settings .usage .total,#pm_settings .usage .used{color:var(--theme4);background:var(--theme3)}#pm_settings .usage .bar{background:var(--theme3)}#pm_settings .usage .bar .amount{background:var(--theme1)}#pm_settings .pm_tabs{background:var(--theme3)}#pm_settings .pm_tabs li a.pm_button{background-color:var(--theme6);border-color:var(--theme5);color:var(--theme3);border-bottom:1px solid var(--theme5)}#pm_settings .pm_tabs li a.pm_button:hover{background:var(--theme3);color:var(--theme1)}#pm_settings .pm_tabs li.active a.pm_button{background:var(--theme3);color:var(--theme2);border-bottom-color:var(--theme3)}#pm_settings .pm_tabs li.active a.pm_button:hover{color:var(--theme1)}#pm_settings .pm_tabs li:last-child a{border-right:1px solid var(--theme5)}#pm_settings .settings .angular-squire-wrapper{background:var(--white);border:1px solid var(--theme4);box-shadow:inset 0 2px 5px rgba(0,0,0,.15)}#pm_settings .settings #keys-addressTable td .fa-times-circle{color:var(--red)}#pm_settings .settings #keys-addressTable td .fa-check{color:var(--theme2)}.addressKeysView-container .addressKeysView-toggle .pm_button,.addressKeysView-container table tr td .pm_buttons,.addressKeysView-container table tr td .pm_button{border:none!important}#pm_settings .settings .row .border-bottom{border-bottom:1px solid var(--theme4)}#pm_settings .settings .row .setting .as-sortable-placeholder{background:var(--theme4)!important}#pm_settings .settings .row .setting .as-sortable-dragging{border:1px solid var(--theme4);background:var(--theme3)}#pm_settings .settings .row .setting .as-sortable-dragging .fa-check{background:var(--theme3);color:var(--theme1)}#pm_settings .settings .row .setting .angular-squire-wrapper iframe{border:1px solid var(--theme4)}body.mobileMode #pm_settings .settings .pm_sort ul{border-right:1rem solid var(--theme4)}body.mobileMode #pm_settings .pm_tabs{background:var(--theme3)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button{color:var(--theme5);border:1px solid var(--theme4)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:hover{background-color:var(--theme3)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:active,body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:focus{background-color:var(--theme4)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button{background-color:var(--theme1);border-color:var(--theme1);color:var(--theme3)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:hover{background-color:var(--theme6);border-color:var(--theme6)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:active,body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:focus{background-color:var(--theme5);border-color:var(--theme5)}body.mobileMode #pm_settings .settings table.pm_table tr{border:1px solid var(--theme4)}body.mobileMode #pm_settings .settings table.pm_table tr td{border-bottom:1px solid var(--theme4)}#paymentsModal .disabled input,#paymentsModal .disabled select{background-color:var(--theme3)}body.mobileMode #invoicesList li{border:1px solid var(--theme4)}body.mobileMode #invoicesList li p{border-bottom:1px solid var(--theme4)}body.mobileMode #invoicesList li p.title{background:var(--theme3)}#login-setup #pm_footer{color:var(--theme2)}#login-setup #pm_footer a{color:var(--theme2)}#login-setup #pm_footer a:hover{color:var(--white)}#login-setup .spinner.large .spinner1,#login-setup .spinner.large .spinner2,#login-setup .spinner.large .spinner3{background-color:var(--theme1)}#login-setup .wrapper label em.num{background-color:var(--theme3)}#login-setup .wrapper label span{color:var(--theme2)}#signup .spinner.large .spinner1,#signup .spinner.large .spinner2,#signup .spinner.large .spinner3{background-color:var(--theme1)}#signup .titleLabel em.num{background-color:var(--theme3)}#signup .titleLabel span{color:var(--theme2)}.ua-ie #pm_composer .composer{border:1px solid var(--theme4)}html.protonmail body.light{background-color:var(--theme3)}body#eo-message,body#eo-reply{background:var(--theme2)}body#eo-reply ul.infos{color:var(--theme2)}body#eo-reply ul.infos b,body#eo-reply ul.infos em{color:var(--theme1)}body#eo-reply #message-body .squire-toolbar{border-top:1px solid var(--theme4);border-bottom:1px solid var(--theme4)}body#eo-reply footer{border-top:1px solid var(--theme4)}.outside #expirationMessage{background-color:var(--red-light);color:var(--theme3)}.outside #outsideMessageWrap{background-color:var(--theme3)}.outside #attachmentArea{border-top:1px solid var(--theme4)}.outside .display-embedded,.outside .display-image{background:var(--theme3);border:1px solid var(--theme4)}.outside .display-embedded a,.outside .display-image a{color:var(--theme1);background-color:var(--theme3)!important}.outside .display-embedded:hover,.outside .display-image:hover{background:var(--theme3)}.outside .message-metadata{border-bottom:1px solid var(--theme4)}.outside .message-metadata ul.infos li strong,.outside .message-metadata ul.infos strong{color:var(--theme2)}.outside .message-metadata ul.infos b,.outside .message-metadata ul.infos li b{color:var(--theme1)}body.mobileMode body#eo-reply #message-body iframe{background:var(--theme3)}body{color:var(--theme2)}code{color:inherit}p a{color:var(--theme1)}hr{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)}kbd{color:var(--theme2);background-color:var(--theme3);-webkit-box-shadow:0 0 0 var(--theme4),inset 0 0 0 1px var(--theme4);box-shadow:0 0 0 var(--theme4),inset 0 0 0 1px var(--theme4)}body .pm_form textarea[readonly],pre{background:var(--theme3);border:1px solid var(--theme4);color:var(--theme2)}#eo-message .email img.pm_broken,#eo-reply iframe img.pm_broken,.message .frame>.email img.pm_broken{background-color:var(--theme4)}#eo-message .email blockquote,#eo-reply iframe blockquote,.message .frame>.email blockquote{border-left:4px solid var(--theme4)!important}.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{border-top-color:var(--theme2)}.tooltip-inner{color:var(--theme3);background-color:var(--theme2)}.tooltip.right .tooltip-arrow{border-right-color:var(--theme2)}.tooltip.left .tooltip-arrow{border-left-color:var(--theme2)}.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{border-bottom-color:var(--theme2)}.alert{color:var(--white)!important;background:var(--theme4)!important}.alert a,.alert.alert-danger a,.alert.alert-info a,.alert.alert-success a,.alert.alert-warning a{color:var(--theme1)!important}.alert.alert-info{color:var(--white)!important;background:var(--theme4)!important}.alert.alert-success{color:var(--black)!important;background:var(--green)!important}.alert.alert-danger{color:var(--white)!important;background:var(--red-light)!important}.alert.alert-warning{color:var(--black)!important;background:var(--yellow-light)!important}.alert .pm_button{background:var(--theme3)!important}.customCheckbox-input:checked+.customCheckbox-mask{background-color:var(--theme6);border-color:var(--theme6)}.customRadio-input:checked+.customRadio-mask{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px var(--theme6);border-color:var(--theme6)}.alert .pm_select,.alert input[type=text],.alert input[type=number],.alert input[type=password],.alert input[type=email],.alert input[type=search],.alert textarea{background:var(--theme3)!important}.labelDropdown .scrollbox{background-color:var(--theme6)}.labelDropdown .scrollbox::after,.labelDropdown .scrollbox::before{background:transparent}.labelDropdown .pm_button.link{color:var(--theme1)}.labelDropdown .alsoArchive{border-top:1px solid var(--theme4);border-bottom:1px solid var(--theme4)}.labelDropdown .labelSearch .fa{color:var(--theme1)}.labelDropdown .labelSearch input{border-bottom:1px solid var(--theme4)}.searchForm-advanced-container,.searchForm-advanced-main,.searchForm-advanced-wrapper{background-color:var(--theme7)!important}form.searchForm,.searchForm-container,.searchForm-advanced-container label{color:var(--theme2)}form.searchForm fieldset,.search-form-fieldset{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;background:var(--theme7)!important;color:var(--theme2)!important}form.searchForm fieldset button[type=button],.searchForm-action-button{color:var(--theme2)}[class*="searchForm-action-button-"]{color:var(--theme2)}form.searchForm fieldset button[type=button]:hover,.searchForm-action-button:hover{background:var(--theme7)}form.searchForm fieldset #closeAdvSearch,form.searchForm fieldset button[type=submit]{color:var(--theme2)}form.searchForm fieldset input.query,.search-form-fieldset-input{background:var(--theme7);color:var(--theme2)}form.searchForm #advancedSearchDropdown label,.searchForm-advanced-wrapper label{color:var(--theme2)}body.mobileMode form.searchForm #advancedSearchDropdown .wrap,.searchForm-advanced-wrapper{border-bottom:1px solid var(--theme3)}#advancedSearchModal .date em{color:var(--theme4)}body .is-selected .pika-button{background:var(--theme1)!important;color:var(--theme3)!important}body .is-today .pika-button{color:var(--theme1)}#labelModal ul.palette li a .fa{color:var(--theme3)}body .cg-notify-message{background:var(--theme2);color:var(--theme3)!important}body .cg-notify-message.notification-success{background-color:var(--green)}body .cg-notify-message.notification-warning{background-color:var(--yellow-light)}body .cg-notify-message.notification-danger{background-color:var(--red)}body .cg-notify-message.notification-info{background-color:var(--blue-light)}#pm_latest header{color:var(--theme2);border-bottom:0 solid var(--theme4)}#pm_latest #storageStatus .wrap span{color:var(--theme2)}#pm_latest #storageStatus .wrap span strong{color:var(--theme1)}#pm_latest section{border:1px solid var(--theme4)}#pm_latest .storageArea div.storage{color:var(--theme4)}#pm_latest .storageArea div.storage strong{color:var(--theme1)}#pm_latest .storageArea .bar{background-color:var(--theme4)}#pm_latest .storageArea .bar em{background-color:var(--theme1)}.autocompleteEmails-container{color:var(--theme2)!important}.autocompleteEmails-container .autocompleteEmails-autocomplete{color:var(--theme2)!important;background-color:var(--theme4)!important}.autocompleteCommand-container .autocompleteEmails-autocomplete li+li{border-color:var(--theme1)!important}.autocompleteCommand-container .autocompleteEmails-autocomplete li{color:var(--theme2)!important;background-color:var(--theme7)!important}.autocompleteCommand-input{color:var(--theme2)!important;background-color:var(--theme3)!important}.autocomplete-container .awesomplete li[aria-selected="true"],.autocomplete-container .awesomplete li[aria-selected="true"]:hover,.autocompleteEmails-autocomplete li[aria-selected="true"],.autocompleteEmails-autocomplete li[aria-selected="true"]:hover{color:var(--theme2)!important;background-color:var(--theme1)!important}.autocomplete-container .awesomplete li:hover,.autocompleteEmails-autocomplete li:hover{color:var(--theme2)!important;background-color:var(--theme6)!important}.autocompleteEmails-item{border:1px solid var(--theme4)!important;background-color:var(--theme3)!important}.autocompleteEmails-item-invalid{border-color:var(--red)!important;color:var(--red)!important}.autocompleteEmails-field .awesomplete ul{border:1px solid var(--theme4)!important;background-color:var(--theme3)!important}.autocompleteEmails-field .awesomplete li[aria-selected=true],.autocompleteEmails-field .awesomplete li[aria-selected=true]:hover{background-color:var(--theme4)!important}.autocompleteEmails-field .awesomplete li[aria-selected="false"],.autocompleteEmails-field .awesomplete li[aria-selected="false"]:hover{background-color:var(--theme6)!important}.autocompleteEmails-field .awesomplete li:hover{background-color:var(--theme3)!important}.autocompleteEmails-field .awesomplete li,.autocompleteEmails-field .awesomplete li:hover,.autocompleteEmails-field .awesomplete li[aria-selected=true],.autocompleteEmails-field .awesomplete li[aria-selected=true]:hover{color:var(--theme2)!important}.autocompleteEmails-btn-remove:active,.autocompleteEmails-btn-remove:focus{color:var(--theme5)!important}.monetize .modal-dialog .modal-content .upsell h4{color:var(--theme1)}.monetize .modal-dialog .modal-content .upsell ul{color:var(--theme3)}#pm_settings .bar em{background-color:var(--theme1)}#pm_settings .donate .well{box-shadow:inset 0 0 3rem var(--theme4)}#plans .plans .plan header{background:var(--theme2);color:var(--theme3)}#plans .plans .plan h3,.settingsDashboard-container #plans .plan .plan-title{background-color:var(--theme1);color:var(--theme3)}.settingsDashboard-plans [class*="Column-container"] [class*="addonRow"] .pm_select{background:var(--theme7)!important}.settingsDashboard-plans,.settingsDashboard-plans::after,.settingsDashboard-plans::before{background:transparent!important}.overviewSection-tbody-billing,.subscriptionSection-tbody-billing,.subscriptionSection-tbody-billing>tr:first-of-type{background:var(--theme6)!important}.overviewSection-couponCode{color:var(--black)}.settingsDashboard-container #plans .plan>section ul{background:var(--theme3)}#plans .plans .plan.plus-plan footer,#plans .plans .plan.plus-plan header{background:var(--theme3)}#plans .plans .plan section,{border:1px solid var(--theme4)}#plans .plans .plan section ul li{border-bottom:1px solid var(--theme4)}#plans .plans .plan section ul li.disabled{color:var(--theme4)}#plans .plans .plan footer{border:1px solid var(--theme4)}#plans .plans .plan footer .cycle{border-bottom:1px solid var(--theme4);color:var(--theme4)}#plans .plans .plan footer .cycle .discount{border-color:var(--green) transparent transparent;color:var(--theme3)}#plans .plans .plan footer .cycle label{color:var(--theme2)}#plans .plans .plan footer .cycle strong{color:var(--theme1)}#plans .plans .plan.plus-plan h3 span{color:var(--theme3)}#plans .plans .plan.visionary-plan h3 span,#plans .plans .plan.visionary-plan header{color:var(--theme3)}.intl-tel-input .selected-flag .iti-arrow{border-top:4px solid var(--theme2)}.intl-tel-input .selected-flag .iti-arrow.up{border-bottom:4px solid var(--theme2)}.intl-tel-input .country-list{background-color:var(--theme3);border:1px solid var(--theme4)}.intl-tel-input .country-list .divider{border-bottom:1px solid var(--theme4)}.intl-tel-input .country-list .country .dial-code{color:var(--theme4)}.iti-flag{background-color:var(--theme4)}.pm_form .cardPanel{background:var(--theme1);color:var(--theme3)}.pm_form .cardPanel.issuer-mastercard{background:var(--white)}.paginator-disabled-main .paginator-dropdown,.paginator-disabled-next .paginator-btn-next,.paginator-disabled-previous .paginator-btn-previous{color:var(--theme5)!important;box-shadow:unset!important;background-color:var(--theme3)!important}.paginator-disabled-main .paginator-dropdown:hover,.paginator-disabled-next .paginator-btn-next:hover,.paginator-disabled-previous .paginator-btn-previous:hover{background-color:var(--theme7)!important;color:var(--theme2)!important}.popover{background-color:var(--theme3)}.popover-title{background-color:var(--theme3);border-bottom:var(--theme4)}.popover.top>.arrow{border-top-color:var(--theme4)}.popover.top>.arrow:after{border-top-color:var(--theme3)}.popover.right>.arrow{border-right-color:var(--theme4)}.popover.right>.arrow:after{border-right-color:var(--theme3)}.popover.bottom>.arrow{border-bottom-color:var(--theme4)}.popover.bottom>.arrow:after{border-bottom-color:var(--theme3)}.popover.left>.arrow{border-left-color:var(--theme4)}.popover.left>.arrow:after{border-left-color:var(--theme3)}.composerAttachments-container{background:var(--theme3)}.composerAttachments-loaders{border-top:1px solid var(--theme4)}.composerAskEmbdded-details{background:var(--theme3)}.composerInputMeta-overlay{background:var(--theme7)!important;color:var(--theme2)!important}.composerInputMeta-overlay-label,.composerInputMeta-label,#pm_composer .composer .fromRow{color:var(--theme1)!important}.progressLoader-container.pm_button{background:var(--theme3)}[class*=listAttachments-icon].embedded{color:var(--theme1)}.listAttachments-list .listAttachments-att{color:var(--theme2)!important;background:var(--theme3)!important}.listAttachments-list .listAttachments-att:after{border-right:1px solid var(--theme4)!important}.squire-dropzone{background:var(--theme3)!important}.conversation{background:var(--theme7)!important;border-bottom-color:var(--theme7)!important}.conversation .expiration,body #conversation-list-rows .conversation .expiration{border-color:transparent var(--red-light) transparent transparent!important}.conversation .row .meta .fa-star-o{color:var(--white)!important}.conversation .row .meta .fa-star{color:var(--yellow)!important}.conversation .row .pm_labels{background:transparent!important;box-shadow:none!important}.conversation .row .pm_labels label{background:transparent!important;box-shadow:none!important}.conversation .row h4{color:var(--white)!important}.conversation.read{background:var(--theme3)!important;border-bottom-color:var(--theme7)!important}.conversation.read h4{color:var(--white)!important;font-weight:400}.conversation.read .pm_labels label{box-shadow:none!important;background:transparent!important}.conversation.marked::before{background-color:var(--theme1)!important}.conversation.active{background:var(--theme6)!important;color:var(--theme3)!important;border-bottom-color:var(--theme7)!important}.conversation.active h4{color:var(--white)!important}.conversation.active .pm_labels label{background:transparent!important;box-shadow:none!important}body #conversation-list-rows .conversation{color:var(--theme2)!important;background:var(--theme7)!important}body #conversation-list-rows .conversation .expiration{color:var(--theme3)!important}body #conversation-list-rows .conversation .fa-star-o{color:var(--white)!important}body #conversation-list-rows .conversation .fa-star{color:var(--yellow)!important}body #conversation-list-rows .conversation .subject h4{color:var(--white)!important}body #conversation-list-rows .conversation .subject .pm_labels{background:transparent!important}body #conversation-list-rows .conversation .subject .pm_labels label{background:transparent!important}body #conversation-list-rows .conversation.read,body #conversation-list-rows .conversation.read .subject .pm_labels,body #conversation-list-rows .conversation.read .subject .pm_labels label{background:var(--theme3)!important}body #conversation-list-rows .conversation.read .subject h4{color:var(--theme2)!important}.unsubscribePanel-container{background:var(--theme3)!important;color:var(--theme2)!important}.unsubscribePanel-button,.messageExtra-container>[class*="-container"]>[class*="-button"]{background:var(--theme1)!important;color:var(--theme2)!important;border:1px solid var(--theme1)!important}.unsubscribePanel-button:hover,.messageExtra-container>[class*="-container"]>[class*="-button"]:hover{background:var(--theme6)!important;border:1px solid var(--theme6)!important}.eventsAttachments-container{background:var(--theme3)!important;color:var(--theme2)!important}.eventsAttachments-summary{background:var(--theme1)!important;color:var(--theme2)!important}.pm_button{color:var(--theme5)!important;border:1px solid var(--theme4)!important}.pm_button:hover{background-color:var(--theme3)!important}.pm_button:active,.pm_button:focus{background-color:var(--theme4)!important}.pm_button.primary{background-color:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--theme3)!important}.pm_button.primary:hover{background-color:var(--theme6)!important;border-color:var(--theme6)!important}.pm_button.primary:active,.pm_button.primary:focus{background-color:var(--theme5)!important;border-color:var(--theme5)!important}.pm_button.primary.disabled,.pm_button.primary[disabled]{background:var(--theme6)!important}.pm_button.link{border:none!important;color:var(--theme1)!important}.pm_button.round{border:1px solid var(--theme4)!important}.pm_button.round .fa{color:var(--theme1)!important}.pm_button.round:hover{background-color:var(--theme3)!important}.pm_button.round:active,.pm_button.round:focus{background-color:var(--theme3)!important}.pm_button.success{background-color:var(--green)!important;border-color:var(--green)!important;color:var(--theme3)!important}.pm_button.success:hover{background-color:var(--green-light)!important;border-color:var(--green-light)!important}.pm_button.success.disabled,.pm_button.success[disabled]{background:var(--green-light)!important}.pm_button.error{background-color:var(--red)!important;border-color:var(--red)!important;color:var(--theme3)!important}.pm_button.error:hover{background-color:var(--red-light)!important;border-color:var(--red-light)!important}.pm_button.error.disabled,.pm_button.error[disabled]{background:var(--red-light)!important}.pm_buttons{border:1px solid var(--theme4)!important;background:var(--theme3)!important}.pm_buttons .pm_buttons{border:none!important}.pm_buttons.disabled{border:1px solid var(--theme3)!important;box-shadow:none!important;background:var(--theme3)!important}.pm_buttons .pm_buttons-child{background:var(--theme3)!important}.pm_buttons .pm_buttons-child.disabled{box-shadow:none!important;background:var(--theme3)!important}.pm_buttons .disabled,.pm_buttons [disabled]{color:var(--theme4)!important;box-shadow:inset 0 0 50rem 0 var(--theme3)!important;background:var(--theme3)!important}.pm_buttons .pm_buttons:not(:first-of-type),.pm_buttons>*{border-color:var(--theme4)!important}.pm_buttons a,#conversation-view .message .details .pm_buttons a,.pm_buttons .pm_buttons-child{color:var(--theme5)!important;background:var(--theme3)!important}.pm_buttons a:hover,#conversation-view .message .details .pm_buttons a:hover,.pm_buttons .pm_buttons-child:hover,.chooseLayoutBtns-container-rows .chooseLayoutBtns-btn-rows,.chooseLayoutBtns-container:not(.chooseLayoutBtns-container-rows) .chooseLayoutBtns-btn-column{background-color:var(--theme7)!important;color:var(--theme2)!important}.pm_buttons a.active,.pm_buttons a:active,.pm_buttons .pm_buttons-child:active{background:var(--theme4)!important}.pm_buttons.primary a{background-color:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--theme3)!important}.pm_buttons.primary a:hover{background-color:var(--theme6)!important;border-color:var(--theme6)!important}.pm_buttons.primary a:active,.pm_buttons.primary a:focus{background-color:var(--theme5)!important;border-color:var(--theme5)!important}.readUnread-container.disabled [class*="readUnread-btn"]{box-shadow:inset 0 0 50rem 0 var(--theme3)!important;color:var(--theme6)!important}body.mobileMode #body #pm_main .fa-check-square,body.mobileMode #body #pm_main .fa-square-o{color:var(--theme5)!important}.pm_dropdown{background:var(--theme7)!important;border:1px solid var(--theme4)!important}.pm_dropdown>a,.pm_dropdown>button,.pm_dropdown>ul>li{border-bottom:1px solid var(--theme4)!important;color:var(--theme5)!important}.pm_dropdown>a:hover,.pm_dropdown>button:hover,.pm_dropdown>ul>li:hover{color:var(--theme2)!important}.pm_dropdown .paginator-dropdown-item{background:var(--theme7)!important}.pm_dropdown .paginator-dropdown-item:hover{background:var(--theme3)!important}.pm_labels.inline label .close{color:var(--theme2)!important}.pm_labels label{color:var(--theme2)!important}.pm_modal .angular-squire-wrapper{border:1px solid var(--theme4)!important}.pm_modal.domains .modal-dialog .modal-content .modal-body{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)!important}.pm_modal .modal-dialog{background:var(--theme3)!important;border:5px solid var(--theme1)!important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}.pm_modal .modal-dialog .close{color:var(--theme3)!important;background:var(--theme1)!important}.pm_modal .modal-dialog .modal-content{background:var(--theme3)!important}.pm_modal .modal-dialog .modal-content .modal-body{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)!important}.pm_modal .modal-dialog .modal-footer{background-color:var(--theme3)!important}.pm_modal .modal-dialog .modal-content h1,.pm_modal .modal-dialog .modal-content h2,.pm_modal .modal-dialog .modal-content h3,.pm_modal .modal-dialog .modal-content h4{color:var(--theme2)!important}.pm_modal .modal-dialog .modal-content h1 em,.pm_modal .modal-dialog .modal-content h2 em,.pm_modal .modal-dialog .modal-content h3 em,.pm_modal .modal-dialog .modal-content h4 em{color:var(--theme4)!important}body.mobileMode .pm_modal .modal-dialog{background:var(--theme3)!important}body.mobileMode .pm_modal .modal-dialog .close{color:var(--theme2)!important}.pm_form legend{border-bottom:1px solid var(--theme4)!important}.pm_form legend .small{color:var(--theme2)!important}.pm_form legend .small a{color:var(--theme1)!important}.pm_form ::-webkit-input-placeholder{color:var(--theme4)}.pm_form :-moz-placeholder{color:var(--theme4)}.pm_form ::-moz-placeholder{color:var(--theme4)}.pm_form input:-ms-input-placeholder{color:var(--theme4)}.pm_form ::-ms-input-placeholder{color:var(--theme4)}.pm_form :-ms-input-placeholder{color:var(--theme4)}.pm_form .pm_select select{border:1px solid var(--theme6)!important}.pm_form .pm_select{border-radius:4px;box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important}.pm_form .pm_select .fa{color:var(--theme2)!important}.pm_form optgroup{color:var(--theme2)!important;background:var(--theme3)!important}.pm_form .input-icon .fa{color:var(--theme4)!important}.searchForm-advanced-wrapper .pm_select{background:var(--theme7)!important;border-color:var(--theme1)!important}.searchForm-advanced-wrapper input[type=text],.searchForm-advanced-wrapper input[type=search],.searchForm-advanced-wrapper input[type=email],.searchForm-advanced-wrapper input[type=number]{box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important;color:var(--theme2)!important}.pm_form input[type=text],.pm_form input[type=number],.pm_form input[type=password],.pm_form input[type=email],.pm_form input[type=search],.pm_form input[type=tel]{box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important;background:var(--theme7)!important;border:1px solid var(--theme6)!important}.pm_form select:active,.pm_form select:focus{box-shadow:inset 0 0 0 1px var(--theme1)!important}.pm_form input[type=text],.pm_form input[type=number],.pm_form input[type=password],.pm_form input[type=email],.pm_form input[type=search],.pm_form input[type=tel],.pm_form .pm_select,.pm_form select,.pm_form textarea,.contactItem-inputs input,.contactItem-inputs textarea{color:var(--theme2)!important}.pm_form input[type=text].ng-invalid.ng-touched,.pm_form input[type=number].ng-invalid.ng-touched,.pm_form input[type=password].ng-invalid.ng-touched,.pm_form input[type=email].ng-invalid.ng-touched,.pm_form input[type=search].ng-invalid.ng-touched,.pm_form input[type=tel].ng-invalid.ng-touched,.pm_form select.ng-invalid.ng-touched,.pm_form textarea.ng-invalid.ng-touched{border-color:var(--red)!important}.pm_form input[type=text]:hover,.pm_form input[type=number]:hover,.pm_form input[type=password]:hover,.pm_form input[type=email]:hover,.pm_form input[type=search]:hover,.pm_form input[type=tel]:hover,.pm_form .pm_select:hover,.pm_form select:hover,.pm_form textarea:hover{border-color:var(--theme1)!important}.pm_form input[type=text]:focus,.pm_form input[type=number]:focus,.pm_form input[type=password]:focus,.pm_form input[type=email]:focus,.pm_form input[type=search]:focus,.pm_form input[type=tel]:focus,.pm_form .pm_select:focus,.pm_form select:focus,.pm_form textarea:focus{color:var(--white)!important;background:var(--theme7)!important;border-color:var(--theme1)!important}.pm_form input[type=text].disabled,.pm_form input[type=text][disabled],.pm_form input[type=number].disabled,.pm_form input[type=number][disabled],.pm_form input[type=password].disabled,.pm_form input[type=password][disabled],.pm_form input[type=email].disabled,.pm_form input[type=email][disabled],.pm_form input[type=search].disabled,.pm_form input[type=search][disabled],.pm_form input[type=tel].disabled,.pm_form input[type=tel][disabled],.pm_form select.disabled,.pm_form select[disabled],.pm_form textarea.disabled,.pm_form textarea[disabled]{color:var(--theme4)!important;border-color:var(--theme4)!important;background:var(--theme4)!important}.pm_form input[type=text].success,.pm_form input[type=number].success,.pm_form input[type=password].success,.pm_form input[type=email].success,.pm_form input[type=search].success,.pm_form input[type=tel].success,.pm_form select.success,.pm_form textarea.success{color:var(--green-light)!important;border-color:var(--green-light)!important}.pm_form input[type=text].error,.pm_form input[type=number].error,.pm_form input[type=password].error,.pm_form input[type=email].error,.pm_form input[type=search].error,.pm_form input[type=tel].error,.pm_form select.error,.pm_form textarea.error{color:var(--red-light)!important;border-color:var(--red-light)!important}.pm_form input[type=text].warning,.pm_form input[type=number].warning,.pm_form input[type=password].warning,.pm_form input[type=email].warning,.pm_form input[type=search].warning,.pm_form input[type=tel].warning,.pm_form select.warning,.pm_form textarea.warning{color:var(--yellow-light)!important;border-color:var(--yellow-light)!important}.pm_panel,.pm_panel.alt a{color:var(--theme3)!important}.pm_form textarea{background:var(--theme7)!important}body.light .pm_panel{background:var(--theme3)!important;color:var(--theme2)!important}.contactList-table{background:transparent!important}.contactList-item-activeContact td{background-color:var(--theme1)!important}.pm_table table thead{border-top:1px solid var(--theme4)!important}.pm_table table.print em{border:1px solid var(--theme4)!important}.pm_sort ul,.pm_table table.bordered{border:1px solid var(--theme4)!important}.pm_table table.plain th{color:var(--theme2)!important}.pm_table table td .fa.fa-sort,.pm_table table th .fa.fa-sort{color:var(--theme4)!important}.pm_table table th{background:var(--theme3)!important;border-bottom:1px solid var(--theme4)!important;color:var(--theme5)!important}.pm_table table th a{color:var(--theme1)!important}.pm_table table th .fa{color:var(--theme1)!important}.pm_table table td{border-bottom:1px solid var(--theme4)!important;color:var(--theme2)!important}.pm_table table tr.hasTable table{background-color:var(--theme3)!important}.pm_table table tr.disabled td{color:var(--theme4)!important}.pm_toggle span.knob{background:var(--theme3)!important;border:1px solid var(--theme4)!important}.pm_toggle.off .off,.pm_toggle.on .on{background-color:var(--theme1)!important;color:var(--theme3)!important}.pm_tabs{border-right:1px solid var(--theme4)!important}.pm_tabs li a{background-color:var(--theme3)!important}.pm_tabs li.active a{background-color:var(--theme3)!important;border-bottom:unset!important;color:var(--theme1)!important}.pm_sort ul li{border-bottom:1px solid var(--theme4)!important;background:var(--theme3)!important}.pm_sort ul li.highlight{background-color:var(--theme3)!important}.pm_sort ul li .fa.fa-ellipsis-v{color:var(--theme4)!important}.as-sortable-dragging .fa-check,.pm_sort ul li .fa.fa-check{color:var(--theme1)!important}.pm_sort ul li .fa.fa-check{background:var(--theme3)!important}.as-sortable-placeholder{background:var(--theme4)!important}.as-sortable-dragging{border:1px solid var(--theme4)!important;background:var(--theme3)!important}.image.loading:after,.loader em{border-left:.5em solid var(--theme5)!important}.as-sortable-dragging .fa-check{background:var(--theme3)!important}.as-sortable-dragging .fa-ellipsis-v{color:var(--theme4)!important}#pm_loader.full{background:var(--theme3)!important}#pm_slow,#pm_slow2{color:var(--theme3)!important}#pm_loading{background:var(--theme3)!important}.image.loading:after{background:var(--theme3)!important}input[type=range].pm_range::-webkit-slider-runnable-track{background:var(--theme4)}input[type=range].pm_range::-webkit-slider-thumb{background:var(--theme1)}input[type=range].pm_range:focus::-webkit-slider-runnable-track{background:var(--theme4)}input[type=range].pm_range::-moz-range-track{background:var(--theme1)}input[type=range].pm_range::-moz-range-thumb{background:var(--theme1)}input[type=range].pm_range::-ms-track{background:var(--theme1)}input[type=range].pm_range::-ms-fill-lower{background:var(--theme4)}input[type=range].pm_range::-ms-fill-upper{background:var(--theme1)}input[type=range].pm_range::-ms-thumb{background:var(--theme1)}input[type=range].pm_range:focus::-ms-fill-lower{background:var(--theme4)}input[type=range].pm_range:focus::-ms-fill-upper{background:var(--theme1)}#pm_main,#wrapper,#conversation-list-columns,#conversation-list-rows{background:var(--theme3)!important;color:var(--theme5)!important}.pm_badge,.pm_tag{background:var(--theme4)!important}.pm_tag{color:var(--theme2)!important}.pm_badge{color:var(--theme3)!important}.pm_badge.default{color:var(--theme2)!important}.pm_badge.primary{background-color:var(--theme1)!important}.pm_badge.success{background-color:var(--green)!important}.pm_badge.error{background-color:var(--red)!important}.pm_badge.warning{background-color:var(--yellow-light)!important}.scrollbox-container{background-color:var(--theme7)!important;background-image:unset!important}.scrollbox-container::after,.scrollbox-container::before{background:none!important}.commandPalette-container{background-color:var(--theme7)!important}.autocompleteCommand-container .autocompleteEmails-autocomplete [aria-selected="true"]{background-color:var(--theme1)!important}.currencySelector-container .currencySelector-button.active{background:var(--theme4)}.pm_sort-container,.pm_sort-item-content{border-color:var(--theme4)!important}.emailBlockList-list{border-color:var(--theme4)!important}.emailBlockList-row{color:var(--theme5)!important}.manageContactGroupLink-container,.manageContactGroupLink-label,.manageContactGroupLink-icon{color:var(--theme2)!important}.totalRows-label-right{background:none!important}.sidebarApp-menu .ico-protonvpn{opacity:1;-webkit-filter:brightness(100);filter:brightness(100)}.dropdown-label-scrollbox-label-text-ellipsis{color:var(--theme2)!important}.dropdown-folder-scrollbox-group-item-button{color:var(--theme2)!important}.contactItem-inputs input:not([type="checkbox"]),.contactItem-inputs textarea{background:var(--theme7)}.pm_toggle-checkbox:checked+.pm_toggle-label{background-color:var(--theme1)!important} -------------------------------------------------------------------------------- /themes/pm-flat-theme.min.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8";/*! 2 | * Custom Theme for ProtonMail v3.16.21 3 | * http://amdelamar.com/pm-theme/ 4 | * SPDX-License-Identifier: MIT 5 | */:root{--theme1:#66669a;--theme2:#5f5f60;--theme3:#f0f0f0;--theme4:#bcbdbf;--theme5:#797a7c;--theme6:#9397cd;--theme7:#fefefe;--red:#cc9393;--red-light:#ec6446;--yellow:#dfdf19;--yellow-light:#e7d360;--green:#a6cc93;--green-light:#89bc70;--blue:#bce8f1;--blue-light:#93b9cc;--white:#FFF;--black:#000}#exiting{background-color:var(--theme3);color:var(--theme2)}#exiting .spinner.large .spinner1,#exiting .spinner.large .spinner2,#exiting .spinner.large .spinner3{background-color:var(--theme1)}.spinner.large .spinner1,.spinner.large .spinner2,.spinner.large .spinner3{background-color:var(--theme3)}.spinner1,.spinner2,.spinner3{background-color:var(--theme1)}.proton-embedded:after{background:url(/assets/img/icons/broken-img.png) 5px 50% no-repeat var(--theme3);border-color:var(--theme2) var(--theme4) var(--theme4) var(--theme2)}html.protonmail body{background:var(--theme2)}html.protonmail body.blank,html.protonmail body.secure{background:var(--theme3)}html.protonmail .visionary{color:var(--theme3)}html.protonmail .plus{color:var(--theme3)}html.protonmail .text-gray{color:var(--theme2)}html.protonmail .text-light-gray{color:var(--theme4)}html.protonmail .text-green{color:var(--green)}html.protonmail .text-yellow{color:var(--yellow)}html.protonmail .text-red{color:var(--red)}html.protonmail .text-purple{color:var(--theme1)!important}html.protonmail .border-panel{border:1px solid var(--theme4)}header#pm_header{background:var(--theme2)}header#pm_header .newBugReport-container,header#pm_header a{color:var(--theme3)}header#pm_headerDesktop,header.headerDesktop-container{background:var(--theme3)}header#pm_headerDesktop a.logo,header .headerDesktop-logo.logo,.headerSecuredDesktop-logo{color:var(--theme1);background-color:var(--theme3)}header#pm_headerDesktop a.logo img,header .headerDesktop-logo.logo img,.headerSecuredDesktop-logo::before{webkit-filter:grayscale(100%) brightness(50%);filter:grayscale(100%) brightness(50%)}header#pm_headerDesktop ul.navigation>li:hover,header.headerDesktop-container ul.navigation>li:hover{border-color:var(--theme1)!important}header#pm_headerDesktop ul.navigation>li.active,header.headerDesktop-container ul.navigation>li.active{border-color:var(--theme1)!important}header#pm_headerDesktop ul.navigation>li>a,header.headerDesktop-container ul.navigation>li>a{color:var(--theme2)}header#pm_headerDesktop.no-auth{background:var(--theme2)}header#pm_headerDesktop.no-auth a{color:var(--theme3)}header#pm_header-tablet{background:var(--theme5)}header#pm_header-tablet .compose{background-color:var(--theme1);color:var(--theme3)}header#pm_header-tablet .compose:hover{background-color:var(--theme6)}header#pm_header-tablet .compose:active{background-color:var(--theme5)}header#pm_header-tablet a.logoMobile{color:var(--theme3)}header#pm_header-tablet .location{color:var(--theme3)}header#pm_header-mobile{background:var(--theme5)}header#pm_header-mobile a.compose,header#pm_header-mobile a.compose:hover{background:var(--theme5)}header#pm_header-mobile a.logoMobile{color:var(--theme3)}header#pm_header-mobile .searchBtn,header#pm_header-mobile a.compose{color:var(--theme3)}header#pm_header-mobile .location{color:var(--theme3)}.headerBlock-container{border-bottom:1px solid var(--theme4)}#attachmentArea{background:var(--theme3);border-top:1px solid var(--theme4)}#attachmentArea header .embedded{color:var(--theme1)}body section.sidebar{background:var(--theme3)}.sidebarApp-container .sidebar-btn-back{border:1px solid var(--theme5)!important;color:var(--theme5)!important}.sidebarApp-container .sidebar-btn-back:hover{background:var(--theme1)!important;color:var(--theme3)!important}.sidebarApp-container .sidebar-btn-compose{background:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--theme7)!important}.sidebarApp-container .sidebar-btn-compose:hover{background-color:var(--theme6)!important;border-color:transparent!important;color:var(--theme7)!important}.sidebarApp-item .navigationItem-item,.sidebarApp-item .sidebarApp-link,.sidebarApp-menu .menuLabel-link{color:var(--theme3)}.sidebarApp-item .navigationItem-icon,.sidebarApp-item .sidebarApp-icon,.sidebarApp-menu .menuLabel-icon,.sidebarApp-icon .donateBtn-icon{color:var(--theme4)}body section.sidebar ul.menu li button{color:var(--theme2)}body section.sidebar ul.menu li button:hover{color:var(--theme1)}body section.sidebar ul.menu li button i.fa{color:var(--theme2)}body section.sidebar ul.menu li a{color:var(--theme2)}body section.sidebar ul.menu li a:hover{color:var(--theme1)}body section.sidebar ul.menu li a em{color:var(--theme5)}body section.sidebar ul.menu li a i.fa{color:var(--theme2)}body section.sidebar ul.menu li a .fa-repeat{color:var(--theme6)}body section.sidebar ul.menu li a .fa-repeat:hover{color:var(--theme1)}body section.sidebar ul.menu li.active a{color:var(--theme2)}body section.sidebar ul.menu li.active a:hover{color:var(--theme1)}body section.sidebar ul.menu li.active a i.fa{color:var(--theme6)}body section.sidebar div.labels ul li.active a,.menuLabel-item.active .menuLabel-title{color:var(--theme2);font-weight:700}body section.sidebar div.labels ul li a:hover{color:var(--theme3)}body section.sidebar div.footer div.link a{color:var(--theme1)}body section.sidebar div.footer div.link a:hover{color:var(--theme6)}.sidebarApp-container .footer div.storage strong{color:var(--theme1)}body section.sidebar div.footer a.upgrade{color:var(--theme1)}body section.sidebar div.footer .bar em{background-color:var(--theme1)}body section.sidebar div.footer .bar{background-color:var(--theme4)}.sidebarApp-container .version{color:var(--theme1)!important}.sidebarApp-container .version:hover{color:var(--theme6)!important}.sidebarApp-container .footer .storageBar{background-color:var(--theme4)!important}.storageBar .storageBar-progress{background-color:var(--theme1)!important}body section.sidebar div.labels ul li a{color:var(--theme2)!important}body section.sidebar div.labels ul li a:hover{color:var(--theme1)!important}body section.sidebar div.labels ul li a em{color:var(--theme2)!important}body.mobileMode #pm_sidebar section.sidebar{background:var(--theme2)!important}body.mobileMode #pm_sidebar section.sidebar .pm_button.round .fa{color:var(--theme3)!important}body.mobileMode #pm_sidebar section.sidebar .userDisplay em,body.mobileMode #pm_sidebar section.sidebar .userDisplay strong{color:var(--theme3)!important}body.mobileMode #pm_sidebar section.sidebar ul.menu li button{color:var(--theme3)!important}.pm_toolbar{box-shadow:inset 0 -1px 0 var(--theme4)!important}#conversation-view .fa-star{color:var(--yellow)!important}#conversation-view header{border-bottom:0 solid var(--theme4)!important}#conversation-view header h1{color:var(--black)!important}#conversation-view .message{border:1px solid var(--theme4)!important}#conversation-view .message .message-contact-sender{color:var(--theme5)!important}#conversation-view .message .contact a.compose{color:var(--theme1)!important}#conversation-view .message .details{background:var(--theme3)!important}#conversation-view .message.marked .details,#conversation-view .message.marked .summary{box-shadow:inset 5px 0 0 var(--theme1)!important}#conversation-view .message.details.open .labelz .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message.unread>div.summary{background:var(--theme3)!important}#conversation-view .message.unread:not(.open) .summary .labels,#conversation-view .message.unread:not(.open) .summary .status,#conversation-view .message.unread:not(.open) .summary .time{background:var(--theme3)!important}#conversation-view .message.unread>div.summary .labels .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message>div.summary{background:var(--theme3)!important}#conversation-view .message>div.summary .summary-right{background:transparent!important}#conversation-view .message .summary .labels,#conversation-view .message .summary .location.folders,#conversation-view .message .summary .message-attachments,#conversation-view .message .summary .status,#conversation-view .message .summary .time{background:var(--theme3)!important}#conversation-view .message>div.summary .time::after{background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,var(--theme3) 100%)!important;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,var(--theme3) 100%)!important;background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--theme3) 100%)!important}#conversation-view .message>div.summary .meta .contact span{color:var(--theme4)!important}#conversation-view .message>div.summary .labels .pm_labels label{box-shadow:.25rem 0 0 .25rem var(--theme3)!important}#conversation-view .message>div.details{background:var(--theme3)!important}#conversation-view .message>div.details .pm_buttons a{background:var(--theme3)!important}#conversation-view .message>div.details .recipients-details .from,#conversation-view .message>div.details .recipients-details .where{color:var(--theme4)!important}#conversation-view .message>div.details .recipients-details .contact em{color:var(--theme4)!important}#conversation-view .message>div.details .recipients-summary strong{color:var(--theme4)!important}#conversation-view .message>div.details .recipients-summary .from{color:var(--theme4)!important}#conversation-view .message .toggleDetails{color:var(--theme1)!important}#conversation-view .message .expiration{background:var(--red-light)!important;color:var(--theme3!important)}#conversation-view .message .showImages{background:var(--theme3)!important;color:var(--theme1)!important;border-top:1px solid var(--theme4)!important}#conversation-view .message .frame{background-color:var(--theme7)!important;border-top:1px solid var(--theme4)!important}#conversation-view .message .frame .email .pm_button.more{background:var(--theme3)!important}body.mobileMode #conversation-view .message>div.summary .time{background:var(--theme3)!important}body#eo-unlock,body#login-unlock,body#reset{background:var(--theme2)!important}body.mobileMode #conversation-view .message.details>div.summary .meta .contact em{color:var(--theme4)!important}#pm_placeholder{color:var(--theme4);padding-top:40%;text-transform:uppercase}#nothingToSeeHere .fa{color:var(--theme4)}#nothingToSeeHere span{color:var(--theme4)}#nothingToSeeHere h3{color:var(--theme4)}#pm_conversations .meta .fa-star-o,#pm_conversations .meta .singleStar,#pm_conversations article>header .fa-lock,#pm_conversations article>header .fa-paperclip,#pm_conversations header .loc,#pm_rows .meta .fa-star-o,#pm_rows .meta .singleStar,#pm_rows article>header .fa-lock,#pm_rows article>header .fa-paperclip,#pm_rows header .loc{color:var(--theme4)}body#reset .alert{color:var(--black)}#pm_footer{color:var(--theme3)}#pm_footer a{color:var(--theme3)}#pm_footer a:hover{color:var(--theme4)}#pm_footer.static{color:var(--theme2)}#pm_footer.static a{color:var(--theme2)}#pm_footer.static a:hover{color:var(--black)}#pm_composer .composer .meta input{background:var(--theme3)}#pm_composer .composer .fill{color:var(--black);background:var(--theme7)}#pm_composer .composer{background:var(--theme3)}#pm_composer .addLinkPopover-field .addLinkPopover-label{color:var(--black)!important}#pm_composer .addLinkPopover-field .addLinkPopover-input{color:var(--black)!important;background:var(--white)!important}#pm_composer .composer .askEmbedding{background:var(--theme3);color:var(--theme2)}#pm_composer .composer .attachmentBar i.embedded,#pm_composer .composer .options .fa{color:var(--theme1)}#pm_composer .composer .askEmbedding ul{background:var(--theme3);border:1px solid rgba(0,0,0,.2)}.composerOptions-container{background:var(--theme3)}#pm_composer .composer .options footer{background:var(--theme3)}#pm_composer .composer .attachmentBar{border-top:1px solid var(--theme4);background:var(--theme3)}#pm_composer .composer .previews{background:var(--theme3)}#pm_composer .composer .previews .preview-close{color:var(--theme2)}#pm_composer .composer .previews .attachment .fa.embedded{color:var(--theme1)}#pm_composer .composer .previews .pm_button{background:var(--theme3)}#pm_composer .composer.attachmentsOpen .attachmentBar{box-shadow:0 1px 0 var(--theme4)}#pm_composer .composer.attachmentsOpen .attachmentArea .pm_button{color:var(--theme2)}#pm_composer .composer.attachmentsOpen .attachmentArea .pm_button.uploading{background:var(--theme4)}#pm_composer .composer header{background:var(--theme2);color:var(--theme3)}#pm_composer .composer header.composerEncrypt-header,#pm_composer .composer header.composerExpiration-header{background:0;color:var(--theme2)}#pm_composer .composer header .actions .pm_button{color:var(--theme3)!important;border:none!important}#pm_composer .composer header .actions .pm_button:hover{color:var(--theme2)!important}#pm_composer .composer .pm_button.link{border:none!important}#pm_composer .composer .row{border-bottom:1px solid var(--theme4)!important}#pm_composer .composer .row.placeholder div{color:var(--theme2)}#pm_composer .composer input,#pm_composer .composer select{color:var(--theme2)!important}#pm_composer .composer select option{color:var(--theme2)!important;background-color:var(--theme3)!important}#pm_composer .composer .meta{color:var(--theme2)!important;background:var(--theme3)!important}#pm_composer .composer footer{background:var(--theme3)!important;border-top:1px solid var(--theme4)!important}#pm_composer .composer footer .pm_button{background:var(--theme3)!important}#pm_composer .composer footer .pm_button:hover{background-color:var(--theme7)!important;color:var(--theme2)!important}#pm_composer .composer footer .pm_button.primary{background:var(--theme1)!important}#pm_composer .composer footer .pm_button.primary:hover{background-color:var(--theme6)!important;color:var(--theme2)!important}#pm_composer .composer footer .pm_button.disabled{background:var(--black)}#pm_composer .composer ::-webkit-input-placeholder{color:var(--theme4)}#pm_composer .composer :-moz-placeholder{color:var(--theme4)}#pm_composer .composer ::-moz-placeholder{color:var(--theme4)}#pm_composer .composer :-ms-input-placeholder{color:var(--theme4)}.colorPopover-container .colorPopover-panel .colorPopover-select .colorList-list .colorList-btn-choose{color:inherit!important;background-color:inherit!important;border:unset!important}.squireToolbar-container{border-bottom:1px solid var(--theme4)!important;background-color:var(--theme3)!important}.squireToolbar-container .squire-toolbar,[class*="squireToolbar-row"]{background-color:var(--theme3)!important}[class*=squireToolbar-action-]+.squireToolbar-separator{border-left:1px solid var(--theme4)!important}.squire-popover{background:var(--theme3)!important;border:1px solid var(--theme4)!important}.squire-popover input{border:1px solid var(--theme3)!important;color:var(--theme2)!important}.squire-popover button{border:1px solid var(--theme1)!important;background-color:var(--theme1)!important;color:var(--theme3)!important}#pm_settings .well{border:1px solid var(--theme4)}#pm_settings .editor-container,#pm_settings .usage{background:var(--theme7)}#pm_settings .usage .total,#pm_settings .usage .used{color:var(--theme4);background:var(--theme3)}#pm_settings .usage .bar{background:var(--theme3)}#pm_settings .usage .bar .amount{background:var(--theme1)}#pm_settings .pm_tabs{background:var(--theme3)}#pm_settings .pm_tabs li a.pm_button{background-color:var(--theme6);border-color:var(--theme5);color:var(--theme3);border-bottom:1px solid var(--theme5)}#pm_settings .pm_tabs li a.pm_button:hover{background:var(--theme3);color:var(--theme1)}#pm_settings .pm_tabs li.active a.pm_button{background:var(--theme3);color:var(--theme2);border-bottom-color:var(--theme3)}#pm_settings .pm_tabs li.active a.pm_button:hover{color:var(--theme1)}#pm_settings .pm_tabs li:last-child a{border-right:1px solid var(--theme5)}#pm_settings .settings .angular-squire-wrapper{border:1px solid var(--theme4);box-shadow:inset 0 2px 5px rgba(0,0,0,.15)}#pm_settings .settings #keys-addressTable td .fa-times-circle{color:var(--red)}#pm_settings .settings #keys-addressTable td .fa-check{color:var(--theme2)}.addressKeysView-container .addressKeysView-toggle .pm_button,.addressKeysView-container table tr td .pm_buttons,.addressKeysView-container table tr td .pm_button{border:none!important}#pm_settings .settings .row .border-bottom{border-bottom:1px solid var(--theme4)}#pm_settings .settings .row .setting .as-sortable-placeholder{background:var(--theme4)!important}#pm_settings .settings .row .setting .as-sortable-dragging{border:1px solid var(--theme4);background:var(--theme3)}#pm_settings .settings .row .setting .as-sortable-dragging .fa-check{background:var(--theme3);color:var(--theme1)}#pm_settings .settings .row .setting .angular-squire-wrapper iframe{border:1px solid var(--theme4)}body.mobileMode #pm_settings .settings .pm_sort ul{border-right:1rem solid var(--theme4)}body.mobileMode #pm_settings .pm_tabs{background:var(--theme3)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button{color:var(--theme5);border:1px solid var(--theme4)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:hover{background-color:var(--theme3)}body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:active,body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:focus{background-color:var(--theme4)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button{background-color:var(--theme1);border-color:var(--theme1);color:var(--theme3)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:hover{background-color:var(--theme6);border-color:var(--theme6)}body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:active,body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:focus{background-color:var(--theme5);border-color:var(--theme5)}body.mobileMode #pm_settings .settings table.pm_table tr{border:1px solid var(--theme4)}body.mobileMode #pm_settings .settings table.pm_table tr td{border-bottom:1px solid var(--theme4)}#paymentsModal .disabled input,#paymentsModal .disabled select{background-color:var(--theme3)}body.mobileMode #invoicesList li{border:1px solid var(--theme4)}body.mobileMode #invoicesList li p{border-bottom:1px solid var(--theme4)}body.mobileMode #invoicesList li p.title{background:var(--theme3)}#login-setup #pm_footer{color:var(--theme2)}#login-setup #pm_footer a{color:var(--theme2)}#login-setup #pm_footer a:hover{color:var(--black)}#login-setup .spinner.large .spinner1,#login-setup .spinner.large .spinner2,#login-setup .spinner.large .spinner3{background-color:var(--theme1)}#login-setup .wrapper label em.num{background-color:var(--theme3)}#login-setup .wrapper label span{color:var(--theme2)}#signup .spinner.large .spinner1,#signup .spinner.large .spinner2,#signup .spinner.large .spinner3{background-color:var(--theme1)}#signup .titleLabel em.num{background-color:var(--theme3)}#signup .titleLabel span{color:var(--theme2)}.ua-ie #pm_composer .composer{border:1px solid var(--theme4)}html.protonmail body.light{background-color:var(--theme3)}body#eo-message,body#eo-reply{background:var(--theme2)}body#eo-reply ul.infos{color:var(--theme2)}body#eo-reply ul.infos b,body#eo-reply ul.infos em{color:var(--theme1)}body#eo-reply #message-body .squire-toolbar{border-top:1px solid var(--theme4);border-bottom:1px solid var(--theme4)}body#eo-reply footer{border-top:1px solid var(--theme4)}.outside #expirationMessage{background-color:var(--red-light);color:var(--theme3)}.outside #outsideMessageWrap{background-color:var(--theme3)}.outside #attachmentArea{border-top:1px solid var(--theme4)}.outside .display-embedded,.outside .display-image{background:var(--theme3);border:1px solid var(--theme4)}.outside .display-embedded a,.outside .display-image a{color:var(--theme1);background-color:var(--theme3)!important}.outside .display-embedded:hover,.outside .display-image:hover{background:var(--theme3)}.outside .message-metadata{border-bottom:1px solid var(--theme4)}.outside .message-metadata ul.infos li strong,.outside .message-metadata ul.infos strong{color:var(--theme2)}.outside .message-metadata ul.infos b,.outside .message-metadata ul.infos li b{color:var(--theme1)}body.mobileMode body#eo-reply #message-body iframe{background:var(--theme3)}body{color:var(--theme2)}code{color:inherit}p a{color:var(--theme1)}hr{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)}kbd{color:var(--theme2);background-color:var(--theme3);-webkit-box-shadow:0 0 0 var(--theme4),inset 0 0 0 1px var(--theme4);box-shadow:0 0 0 var(--theme4),inset 0 0 0 1px var(--theme4)}body .pm_form textarea[readonly],pre{background:var(--theme3);border:1px solid var(--theme4);color:var(--theme2)}#eo-message .email img.pm_broken,#eo-reply iframe img.pm_broken,.message .frame>.email img.pm_broken{background-color:var(--theme4)}#eo-message .email blockquote,#eo-reply iframe blockquote,.message .frame>.email blockquote{border-left:4px solid var(--theme4)!important}.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{border-top-color:var(--theme2)}.tooltip-inner{color:var(--theme3);background-color:var(--theme2)}.tooltip.right .tooltip-arrow{border-right-color:var(--theme2)}.tooltip.left .tooltip-arrow{border-left-color:var(--theme2)}.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{border-bottom-color:var(--theme2)}.alert{color:var(--black)!important;background:var(--theme4)!important}.alert a,.alert.alert-danger a,.alert.alert-info a,.alert.alert-success a,.alert.alert-warning a{color:var(--theme1)!important}.alert.alert-info{color:var(--black)!important;background:var(--theme4)!important}.alert.alert-success{color:var(--black)!important;background:var(--green)!important}.alert.alert-danger{color:var(--black)!important;background:var(--red-light)!important}.alert.alert-warning{color:var(--black)!important;background:var(--yellow-light)!important}.alert .pm_button{background:var(--theme3)!important}.alert .pm_select,.alert input[type=text],.alert input[type=number],.alert input[type=password],.alert input[type=email],.alert input[type=search],.alert textarea{background:var(--theme3)!important}.customCheckbox-input:checked+.customCheckbox-mask{background-color:var(--theme6);border-color:var(--theme6)}.customRadio-input:checked+.customRadio-mask{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px var(--theme6);border-color:var(--theme6)}.labelDropdown .pm_button.link{color:var(--theme1)}.labelDropdown .alsoArchive{border-top:1px solid var(--theme4);border-bottom:1px solid var(--theme4)}.labelDropdown .labelSearch .fa{color:var(--theme1)}.labelDropdown .labelSearch input{border-bottom:1px solid var(--theme4)}.searchForm-advanced-container,.searchForm-advanced-main,.searchForm-advanced-wrapper{background-color:var(--theme7)!important}form.searchForm,.searchForm-container,.searchForm-advanced-container label{color:var(--theme2)}form.searchForm fieldset,.search-form-fieldset{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;background:var(--theme7)!important;color:var(--theme2)!important}form.searchForm fieldset button[type=button],.searchForm-action-button{color:var(--theme2)}[class*="searchForm-action-button-"]{color:var(--theme2)}form.searchForm fieldset button[type=button]:hover,.searchForm-action-button:hover{background:var(--theme7)}form.searchForm fieldset #closeAdvSearch,form.searchForm fieldset button[type=submit]{color:var(--theme2)}form.searchForm fieldset input.query,.search-form-fieldset-input{background:var(--theme7);color:var(--theme2)}form.searchForm #advancedSearchDropdown label{color:var(--theme2)}form.searchForm #advancedSearchDropdown .wrap{background:var(--theme7)}body.mobileMode form.searchForm #advancedSearchDropdown .wrap{border-bottom:1px solid var(--theme3)}#advancedSearchModal .date em{color:var(--theme4)}body .is-selected .pika-button{background:var(--theme1)!important;color:var(--theme3)!important}body .is-today .pika-button{color:var(--theme1)}#labelModal ul.palette li a .fa{color:var(--theme3)}body .cg-notify-message{background:var(--theme2);color:var(--theme3)!important}body .cg-notify-message.notification-success{background-color:var(--green)}body .cg-notify-message.notification-warning{background-color:var(--yellow-light)}body .cg-notify-message.notification-danger{background-color:var(--red)}body .cg-notify-message.notification-info{background-color:var(--blue-light)}#pm_latest header{color:var(--theme2);border-bottom:0 solid var(--theme4)}#pm_latest #storageStatus .wrap span{color:var(--theme2)}#pm_latest #storageStatus .wrap span strong{color:var(--theme1)}#pm_latest section{border:1px solid var(--theme4)}#pm_latest .storageArea div.storage{color:var(--theme4)}#pm_latest .storageArea div.storage strong{color:var(--theme1)}#pm_latest .storageArea .bar{background-color:var(--theme4)}#pm_latest .storageArea .bar em{background-color:var(--theme1)}.autocompleteEmails-container{color:var(--theme2)!important}.autocompleteEmails-container .autocompleteEmails-autocomplete{color:var(--theme2)!important;background-color:var(--theme4)!important}.autocompleteCommand-container .autocompleteEmails-autocomplete li+li{border-color:var(--theme1)!important}.autocompleteCommand-container .autocompleteEmails-autocomplete li{color:var(--theme2)!important;background-color:var(--theme7)!important}.autocompleteCommand-input{color:var(--theme2)!important;background-color:var(--theme3)!important}.autocomplete-container .awesomplete li[aria-selected="true"],.autocomplete-container .awesomplete li[aria-selected="true"]:hover,.autocompleteEmails-autocomplete li[aria-selected="true"],.autocompleteEmails-autocomplete li[aria-selected="true"]:hover{color:var(--theme3)!important;background-color:var(--theme1)!important}.autocomplete-container .awesomplete li:hover,.autocompleteEmails-autocomplete li:hover{color:var(--theme3)!important;background-color:var(--theme6)!important}.autocompleteEmails-item{border:1px solid var(--theme4)!important;background-color:var(--theme3)!important}.autocompleteEmails-item-invalid{border-color:var(--red)!important;color:var(--red)!important}.autocompleteEmails-field .awesomplete ul{border:1px solid var(--theme4)!important;background-color:var(--theme3)!important}.autocompleteEmails-field .awesomplete li[aria-selected=true],.autocompleteEmails-field .awesomplete li[aria-selected=true]:hover{background-color:var(--theme4)!important}.autocompleteEmails-field .awesomplete li[aria-selected="false"],.autocompleteEmails-field .awesomplete li[aria-selected="false"]:hover{background-color:var(--theme6)!important}.autocompleteEmails-field .awesomplete li:hover{background-color:var(--theme3)!important}.autocompleteEmails-field .awesomplete li,.autocompleteEmails-field .awesomplete li:hover,.autocompleteEmails-field .awesomplete li[aria-selected=true],.autocompleteEmails-field .awesomplete li[aria-selected=true]:hover{color:var(--theme2)!important}.autocompleteEmails-btn-remove:active,.autocompleteEmails-btn-remove:focus{color:var(--theme5)!important}.monetize .modal-dialog .modal-content .upsell h4{color:var(--theme1)}.monetize .modal-dialog .modal-content .upsell ul{color:var(--theme3)}#pm_settings .bar em{background-color:var(--theme1)}#pm_settings .donate .well{box-shadow:inset 0 0 3rem var(--theme4)}#plans .plans .plan header{background:var(--theme2);color:var(--theme3)}#plans .plans .plan h3,.settingsDashboard-container #plans .plan .plan-title{background-color:var(--theme1);color:var(--theme3)}.settingsDashboard-plans [class*="Column-container"] [class*="addonRow"] .pm_select{background:var(--theme7)!important}.settingsDashboard-plans,.settingsDashboard-plans::after,.settingsDashboard-plans::before{background:transparent!important}.overviewSection-tbody-billing,.subscriptionSection-tbody-billing,.subscriptionSection-tbody-billing>tr:first-of-type{background:var(--theme7)!important}.overviewSection-couponCode{color:var(--black)}.settingsDashboard-container #plans .plan>section ul{background:var(--theme7)}#plans .plans .plan.plus-plan footer,#plans .plans .plan.plus-plan header{background:var(--theme3)}#plans .plans .plan section{border:1px solid var(--theme4)}#plans .plans .plan section ul li{border-bottom:1px solid var(--theme4)}#plans .plans .plan section ul li.disabled{color:var(--theme4)}#plans .plans .plan footer{border:1px solid var(--theme4)}#plans .plans .plan footer .cycle{border-bottom:1px solid var(--theme4);color:var(--theme4)}#plans .plans .plan footer .cycle .discount{border-color:var(--green) transparent transparent;color:var(--theme3)}#plans .plans .plan footer .cycle label{color:var(--theme2)}#plans .plans .plan footer .cycle strong{color:var(--theme1)}#plans .plans .plan.plus-plan h3 span{color:var(--theme3)}#plans .plans .plan.visionary-plan h3 span,#plans .plans .plan.visionary-plan header{color:var(--theme3)}.intl-tel-input .selected-flag .iti-arrow{border-top:4px solid var(--theme2)}.intl-tel-input .selected-flag .iti-arrow.up{border-bottom:4px solid var(--theme2)}.intl-tel-input .country-list{background-color:var(--theme3);border:1px solid var(--theme4)}.intl-tel-input .country-list .divider{border-bottom:1px solid var(--theme4)}.intl-tel-input .country-list .country .dial-code{color:var(--theme4)}.iti-flag{background-color:var(--theme4)}.pm_form .cardPanel{background:var(--theme1);color:var(--theme3)}.pm_form .cardPanel.issuer-mastercard{background:var(--black)}.paginator-disabled-main .paginator-dropdown,.paginator-disabled-next .paginator-btn-next,.paginator-disabled-previous .paginator-btn-previous{color:var(--theme5)!important;box-shadow:unset!important;background-color:var(--theme3)!important}.paginator-disabled-main .paginator-dropdown:hover,.paginator-disabled-next .paginator-btn-next:hover,.paginator-disabled-previous .paginator-btn-previous:hover{background-color:var(--theme7)!important;color:var(--theme2)!important}.popover{background-color:var(--theme3)}.popover-title{background-color:var(--theme3);border-bottom:var(--theme4)}.popover.top>.arrow{border-top-color:var(--theme4)}.popover.top>.arrow:after{border-top-color:var(--theme3)}.popover.right>.arrow{border-right-color:var(--theme4)}.popover.right>.arrow:after{border-right-color:var(--theme3)}.popover.bottom>.arrow{border-bottom-color:var(--theme4)}.popover.bottom>.arrow:after{border-bottom-color:var(--theme3)}.popover.left>.arrow{border-left-color:var(--theme4)}.popover.left>.arrow:after{border-left-color:var(--theme3)}.composerAttachments-container{background:var(--theme3)}.composerAttachments-loaders{border-top:1px solid var(--theme4)}.composerAskEmbdded-details{background:var(--theme3)}.composerInputMeta-overlay{background:var(--theme3)!important;color:var(--theme2)!important}.composerInputMeta-overlay-label{color:var(--theme4)!important}.progressLoader-container.pm_button{background:var(--theme3)}[class*=listAttachments-icon].embedded{color:var(--theme1)}.listAttachments-list .listAttachments-att{color:var(--theme2)!important;background:var(--theme3)!important}.listAttachments-list .listAttachments-att:after{border-right:1px solid var(--theme4)!important}.squire-dropzone{background:var(--theme3)!important}.conversation{background:var(--theme7)!important;border-bottom-color:var(--theme7)!important}.conversation .expiration,body #conversation-list-rows .conversation .expiration{border-color:transparent var(--red-light) transparent transparent!important}.conversation .row .meta .fa-star-o{color:var(--theme4)!important}.conversation .row .meta .fa-star{color:var(--yellow)!important}.conversation .row .pm_labels label{background:transparent!important}.conversation .row h4{color:var(--black)!important}.conversation.read{background:var(--theme3)!important;border-bottom-color:var(--theme7)!important}.conversation.read h4{color:var(--black)!important;font-weight:400}.conversation.read .pm_labels label{box-shadow:none!important;background:transparent!important}.conversation.marked::before{background-color:var(--theme1)!important}.conversation.active{background:var(--theme6)!important;color:var(--theme3)!important;border-bottom-color:var(--theme7)!important}.conversation.active h4{color:var(--theme7)!important}.conversation.active .pm_labels label{background:transparent!important;box-shadow:none!important}body #conversation-list-rows .conversation{color:var(--theme2)!important;background:var(--theme7)!important}body #conversation-list-rows .conversation .expiration{color:var(--theme3)!important}body #conversation-list-rows .conversation .fa-star-o{color:var(--theme4)!important}body #conversation-list-rows .conversation .fa-star{color:var(--yellow)!important}body #conversation-list-rows .conversation .subject h4{color:var(--black)!important}body #conversation-list-rows .conversation .subject .pm_labels{background:transparent!important}body #conversation-list-rows .conversation .subject .pm_labels label{background:transparent!important}body #conversation-list-rows .conversation.read,body #conversation-list-rows .conversation.read .subject .pm_labels,body #conversation-list-rows .conversation.read .subject .pm_labels label{background:var(--theme3)!important}body #conversation-list-rows .conversation.read .subject h4{color:var(--theme2)!important}.unsubscribePanel-container{background:var(--theme3)!important;color:var(--theme2)!important}.unsubscribePanel-button,.messageExtra-container>[class*="-container"]>[class*="-button"]{background:var(--theme1)!important;color:var(--theme3)!important;border:1px solid var(--theme1)!important}.unsubscribePanel-button:hover,.messageExtra-container>[class*="-container"]>[class*="-button"]:hover{background:var(--theme6)!important;border:1px solid var(--theme6)!important}.eventsAttachments-container{background:var(--theme3)!important;color:var(--theme2)!important}.eventsAttachments-summary{background:var(--theme6)!important;color:var(--theme7)!important}.pm_button{color:var(--theme5)!important;border:1px solid var(--theme4)!important}.pm_button:hover{background-color:var(--theme3)!important}.pm_button:active,.pm_button:focus{background-color:var(--theme4)!important}.pm_button.primary{background-color:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--theme3)!important}.pm_button.primary:hover{background-color:var(--theme6)!important;border-color:var(--theme6)!important}.pm_button.primary:active,.pm_button.primary:focus{background-color:var(--theme5)!important;border-color:var(--theme5)!important}.pm_button.primary.disabled,.pm_button.primary[disabled]{background:var(--theme6)!important}.pm_button.link{border:none!important;color:var(--theme1)!important}.pm_button.round{border:1px solid var(--theme4)!important}.pm_button.round .fa{color:var(--theme1)!important}.pm_button.round:hover{background-color:var(--theme3)!important}.pm_button.round:active,.pm_button.round:focus{background-color:var(--theme3)!important}.pm_button.success{background-color:var(--green)!important;border-color:var(--green)!important;color:var(--theme3)!important}.pm_button.success:hover{background-color:var(--green-light)!important;border-color:var(--green-light)!important}.pm_button.success.disabled,.pm_button.success[disabled]{background:var(--green-light)!important}.pm_button.error{background-color:var(--red)!important;border-color:var(--red)!important;color:var(--theme3)!important}.pm_button.error:hover{background-color:var(--red-light)!important;border-color:var(--red-light)!important}.pm_button.error.disabled,.pm_button.error[disabled]{background:var(--red-light)!important}.pm_buttons{border:1px solid var(--theme4)!important;background:var(--theme3)!important}.pm_buttons .pm_buttons{border:none!important}.pm_buttons.disabled{border:1px solid var(--theme3)!important;box-shadow:none!important;background:var(--theme3)!important}.pm_buttons .pm_buttons-child{background:var(--theme3)!important}.pm_buttons .pm_buttons-child.disabled{box-shadow:none!important;background:var(--theme3)!important}.pm_buttons .disabled,.pm_buttons [disabled]{color:var(--theme4)!important;box-shadow:inset 0 0 50rem 0 var(--theme3)!important;background:var(--theme3)!important}.pm_buttons .pm_buttons:not(:first-of-type),.pm_buttons>*{border-color:var(--theme4)!important}.pm_buttons a,#conversation-view .message .details .pm_buttons a,.pm_buttons .pm_buttons-child{color:var(--theme5)!important;background:var(--theme3)!important}.pm_buttons a:hover,#conversation-view .message .details .pm_buttons a:hover,.pm_buttons .pm_buttons-child:hover,.chooseLayoutBtns-container-rows .chooseLayoutBtns-btn-rows,.chooseLayoutBtns-container:not(.chooseLayoutBtns-container-rows) .chooseLayoutBtns-btn-column{background-color:var(--theme7)!important;color:var(--theme2)!important}.pm_buttons a.active,.pm_buttons a:active,.pm_buttons .pm_buttons-child:active{background:var(--theme4)!important}.pm_buttons.primary a{background-color:var(--theme1)!important;border-color:var(--theme1)!important;color:var(--theme3)!important}.pm_buttons.primary a:hover{background-color:var(--theme6)!important;border-color:var(--theme6)!important}.pm_buttons.primary a:active,.pm_buttons.primary a:focus{background-color:var(--theme5)!important;border-color:var(--theme5)!important}.readUnread-container.disabled [class*="readUnread-btn"]{box-shadow:inset 0 0 50rem 0 var(--theme3)!important}body.mobileMode #body #pm_main .fa-check-square,body.mobileMode #body #pm_main .fa-square-o{color:var(--theme5)!important}.pm_dropdown{background:var(--theme7)!important;border:1px solid var(--theme4)!important}.pm_dropdown>a,.pm_dropdown>button,.pm_dropdown>ul>li{border-bottom:1px solid var(--theme4)!important}.pm_dropdown>a:hover,.pm_dropdown>button:hover,.pm_dropdown>ul>li:hover{color:var(--theme2)!important}.pm_dropdown .paginator-dropdown-item{background:var(--theme7)!important}.pm_dropdown .paginator-dropdown-item:hover{background:var(--theme3)!important}.pm_labels.inline label .close{color:var(--theme2)!important}.pm_labels label{color:var(--theme2)!important}.pm_modal .angular-squire-wrapper{border:1px solid var(--theme4)!important}.pm_modal.domains .modal-dialog .modal-content .modal-body{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)!important}.pm_modal .modal-dialog{background:var(--theme3)!important;border:5px solid var(--theme1)!important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}.pm_modal .modal-dialog .close{color:var(--theme3)!important;background:var(--theme1)!important}.pm_modal .modal-dialog .modal-content{background:var(--theme3)!important}.pm_modal .modal-dialog .modal-content .modal-body{box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)!important}.pm_modal .modal-dialog .modal-footer{background-color:var(--theme3)!important}.pm_modal .modal-dialog .modal-content h1,.pm_modal .modal-dialog .modal-content h2,.pm_modal .modal-dialog .modal-content h3,.pm_modal .modal-dialog .modal-content h4{color:var(--theme2)!important}.pm_modal .modal-dialog .modal-content h1 em,.pm_modal .modal-dialog .modal-content h2 em,.pm_modal .modal-dialog .modal-content h3 em,.pm_modal .modal-dialog .modal-content h4 em{color:var(--theme4)!important}body.mobileMode .pm_modal .modal-dialog{background:var(--theme3)!important}body.mobileMode .pm_modal .modal-dialog .close{color:var(--theme2)!important}.pm_form legend{border-bottom:1px solid var(--theme4)!important}.pm_form legend .small{color:var(--theme2)!important}.pm_form legend .small a{color:var(--theme1)!important}.pm_form ::-webkit-input-placeholder{color:var(--theme4)}.pm_form :-moz-placeholder{color:var(--theme4)}.pm_form ::-moz-placeholder{color:var(--theme4)}.pm_form input:-ms-input-placeholder{color:var(--theme4)}.pm_form ::-ms-input-placeholder{color:var(--theme4)}.pm_form :-ms-input-placeholder{color:var(--theme4)}.pm_form .pm_select{border-radius:4px;box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important}.pm_form .pm_select .fa{color:var(--theme2)!important}.pm_form optgroup{color:var(--theme2)!important;background:var(--theme3)!important}.pm_form .input-icon .fa{color:var(--theme4)!important}.searchForm-advanced-wrapper input[type=text],.searchForm-advanced-wrapper input[type=search],.searchForm-advanced-wrapper input[type=email],.searchForm-advanced-wrapper input[type=number]{box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important;color:var(--theme2)!important}.pm_form input[type=text],.pm_form input[type=number],.pm_form input[type=password],.pm_form input[type=email],.pm_form input[type=search],.pm_form input[type=tel]{box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important;background:var(--theme7)!important}.pm_form select:active,.pm_form select:focus{box-shadow:inset 0 0 0 1px var(--theme1)!important}.pm_form input[type=text],.pm_form input[type=number],.pm_form input[type=password],.pm_form input[type=email],.pm_form input[type=search],.pm_form input[type=tel],.pm_select,.pm_form textarea,.contactItem-inputs input,.contactItem-inputs textarea{border:1px solid var(--theme4)!important;color:var(--theme2)!important}.pm_form input[type=text].ng-invalid.ng-touched,.pm_form input[type=number].ng-invalid.ng-touched,.pm_form input[type=password].ng-invalid.ng-touched,.pm_form input[type=email].ng-invalid.ng-touched,.pm_form input[type=search].ng-invalid.ng-touched,.pm_form input[type=tel].ng-invalid.ng-touched,.pm_form select.ng-invalid.ng-touched,.pm_form textarea.ng-invalid.ng-touched{border-color:var(--red)!important}.pm_form input[type=text]:hover,.pm_form input[type=number]:hover,.pm_form input[type=password]:hover,.pm_form input[type=email]:hover,.pm_form input[type=search]:hover,.pm_form input[type=tel]:hover,.pm_select:hover,.pm_form textarea:hover{border-color:var(--theme4)!important}.pm_form input[type=text]:focus,.pm_form input[type=number]:focus,.pm_form input[type=password]:focus,.pm_form input[type=email]:focus,.pm_form input[type=search]:focus,.pm_form input[type=tel]:focus,.pm_select:focus,.pm_form textarea:focus{color:var(--black)!important;background:var(--theme7)!important;border-color:var(--theme1)!important}.pm_form input[type=text].disabled,.pm_form input[type=text][disabled],.pm_form input[type=number].disabled,.pm_form input[type=number][disabled],.pm_form input[type=password].disabled,.pm_form input[type=password][disabled],.pm_form input[type=email].disabled,.pm_form input[type=email][disabled],.pm_form input[type=search].disabled,.pm_form input[type=search][disabled],.pm_form input[type=tel].disabled,.pm_form input[type=tel][disabled],.pm_form select.disabled,.pm_form select[disabled],.pm_form textarea.disabled,.pm_form textarea[disabled]{color:var(--theme4)!important;border-color:var(--theme4)!important;background:var(--theme4)!important}.pm_form input[type=text].success,.pm_form input[type=number].success,.pm_form input[type=password].success,.pm_form input[type=email].success,.pm_form input[type=search].success,.pm_form input[type=tel].success,.pm_form select.success,.pm_form textarea.success{color:var(--green-light)!important;border-color:var(--green-light)!important}.pm_form input[type=text].error,.pm_form input[type=number].error,.pm_form input[type=password].error,.pm_form input[type=email].error,.pm_form input[type=search].error,.pm_form input[type=tel].error,.pm_form select.error,.pm_form textarea.error{color:var(--red-light)!important;border-color:var(--red-light)!important}.pm_form input[type=text].warning,.pm_form input[type=number].warning,.pm_form input[type=password].warning,.pm_form input[type=email].warning,.pm_form input[type=search].warning,.pm_form input[type=tel].warning,.pm_form select.warning,.pm_form textarea.warning{color:var(--yellow-light)!important;border-color:var(--yellow-light)!important}.pm_panel,.pm_panel.alt a{color:var(--theme3)!important}.pm_form textarea{background:var(--theme7)!important}body.light .pm_panel{background:var(--theme3)!important;color:var(--theme2)!important}.contactList-table{background:transparent!important}.contactList-item-activeContact td{background-color:var(--theme1)!important}.pm_table table thead{border-top:1px solid var(--theme4)!important}.pm_table table.print em{border:1px solid var(--theme4)!important}.pm_sort ul,.pm_table table.bordered{border:1px solid var(--theme4)!important}.pm_table table.plain th{color:var(--theme2)!important}.pm_table table td .fa.fa-sort,.pm_table table th .fa.fa-sort{color:var(--theme4)!important}.pm_table table th{background:var(--theme3)!important;border-bottom:1px solid var(--theme4)!important;color:var(--theme5)!important}.pm_table table th a{color:var(--theme1)!important}.pm_table table th .fa{color:var(--theme1)!important}.pm_table table td{border-bottom:1px solid var(--theme4)!important;color:var(--theme2)!important}.pm_table table tr.hasTable table{background-color:var(--theme3)!important}.pm_table table tr.disabled td{color:var(--theme4)!important}.pm_toggle span.knob{background:var(--theme3)!important;border:1px solid var(--theme4)!important}.pm_toggle.off .off,.pm_toggle.on .on{background-color:var(--theme1)!important;color:var(--theme3)!important}.pm_tabs{border-right:1px solid var(--theme4)!important}.pm_tabs li a{background-color:var(--theme3)!important}.pm_tabs li.active a{background-color:var(--theme3)!important;border-bottom:unset!important;color:var(--theme1)!important}.pm_sort ul li{border-bottom:1px solid var(--theme4)!important;background:var(--theme3)!important}.pm_sort ul li.highlight{background-color:var(--theme3)!important}.pm_sort ul li .fa.fa-ellipsis-v{color:var(--theme4)!important}.as-sortable-dragging .fa-check,.pm_sort ul li .fa.fa-check{color:var(--theme1)!important}.pm_sort ul li .fa.fa-check{background:var(--theme3)!important}.as-sortable-placeholder{background:var(--theme4)!important}.as-sortable-dragging{border:1px solid var(--theme4)!important;background:var(--theme3)!important}.image.loading:after,.loader em{border-left:.5em solid var(--theme5)!important}.as-sortable-dragging .fa-check{background:var(--theme3)!important}.as-sortable-dragging .fa-ellipsis-v{color:var(--theme4)!important}#pm_loader.full{background:var(--theme3)!important}#pm_slow,#pm_slow2{color:var(--theme3)!important}#pm_loading{background:var(--theme3)!important}.image.loading:after{background:var(--theme3)!important}input[type=range].pm_range::-webkit-slider-runnable-track{background:var(--theme4)}input[type=range].pm_range::-webkit-slider-thumb{background:var(--theme1)}input[type=range].pm_range:focus::-webkit-slider-runnable-track{background:var(--theme4)}input[type=range].pm_range::-moz-range-track{background:var(--theme1)}input[type=range].pm_range::-moz-range-thumb{background:var(--theme1)}input[type=range].pm_range::-ms-track{background:var(--theme1)}input[type=range].pm_range::-ms-fill-lower{background:var(--theme4)}input[type=range].pm_range::-ms-fill-upper{background:var(--theme1)}input[type=range].pm_range::-ms-thumb{background:var(--theme1)}input[type=range].pm_range:focus::-ms-fill-lower{background:var(--theme4)}input[type=range].pm_range:focus::-ms-fill-upper{background:var(--theme1)}#pm_main,#wrapper,#conversation-list-columns,#conversation-list-rows{background:var(--theme3)!important}.pm_badge,.pm_tag{background:var(--theme4)!important}.pm_tag{color:var(--theme2)!important}.pm_badge{color:var(--theme3)!important}.pm_badge.default{color:var(--theme2)!important}.pm_badge.primary{background-color:var(--theme1)!important}.pm_badge.success{background-color:var(--green)!important}.pm_badge.error{background-color:var(--red)!important}.pm_badge.warning{background-color:var(--yellow-light)!important}.scrollbox-container{background-color:var(--theme7)!important;background-image:unset!important}.scrollbox-container::after,.scrollbox-container::before{background:none!important}.commandPalette-container{background-color:var(--theme7)!important}.autocompleteCommand-container .autocompleteEmails-autocomplete [aria-selected="true"]{background-color:var(--theme1)!important}.currencySelector-container .currencySelector-button.active{background:var(--theme4)}.pm_sort-container,.pm_sort-item-content{border-color:var(--theme4)!important}.emailBlockList-list{border-color:var(--theme4)!important}.emailBlockList-row{color:var(--theme5)!important}.manageContactGroupLink-container,.manageContactGroupLink-label,.manageContactGroupLink-icon{color:var(--theme2)!important}.totalRows-label-right{background:none!important}.sidebarApp-menu .ico-protonvpn{opacity:.5;-webkit-filter:brightness(0);filter:brightness(0)}.dropdown-label-scrollbox-label-text-ellipsis{color:var(--theme2)!important}.dropdown-folder-scrollbox-group-item-button{color:var(--theme2)!important}.contactItem-inputs input:not([type="checkbox"]),.contactItem-inputs textarea{background:var(--white)}.pm_toggle-checkbox:checked+.pm_toggle-label{background-color:var(--theme1)!important} --------------------------------------------------------------------------------