Deutera One theme. 👁

Theme with friendly color scheme for deuteranopes users.

1 files changed, 399 insertions, 0 deletions

diff --git a/themes/deutera_one/deutera_one.css b/themes/deutera_one/deutera_one.css
new file mode 100644
index 0000000..07fe245
--- /dev/null
+++ b/themes/deutera_one/deutera_one.css
@@ -0,0 +1,399 @@
+/*! =========================================== *

+ * DEUTERA ONE THEME

+ * Version: 3.14.0

+ * Author: Cristiano Almeida

+ * Website: www.csalmeida.com

+ * Tweets @_csalmeida

+ * =========================================== */
+.headerDesktop-container {
+  background-color: #000076; }
+
+.search-form-fieldset {
+  background: #08426b; }
+
+[class*="searchForm-action-button-"] {
+  color: #fff; }
+
+.searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
+  background: #ffed00; }
+
+.customRadio-input:checked + .customRadio-mask {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #ffed00;
+  border-color: #ffed00; }
+
+.pm_button.primary, .pm_button.primary:active {
+  color: #fff;
+  background-color: #000076;
+  border-color: #000076; }
+
+.pm_button.primary:hover, .pm_button.primary:focus {
+  background-color: rgba(8, 66, 107, 0.7);
+  border-color: rgba(8, 66, 107, 0.7); }
+
+.navigation > li.active, .navigation > li:hover {
+  border-color: #ffed00; }
+
+.navigation-link {
+  color: #fff; }
+
+.navigation-title:hover {
+  color: #ffed00; }
+
+.pm_dropdown .navigationUser-logout {
+  background-color: #000076 !important;
+  border-color: #000076 !important;
+  color: #fff !important; }
+
+.pm_dropdown .navigationUser-logout:hover {
+  background-color: #08426b !important;
+  border-color: #08426b !important;
+  color: #fff !important; }
+
+.sidebar-btn-compose, .sidebar-btn-compose:active {
+  color: #fff !important;
+  background: #ffed00 !important;
+  border: none !important;
+  transition: background-color .2s ease-in-out; }
+
+.sidebar-btn-compose:hover {
+  color: #fff !important;
+  background: #ffed00 !important;
+  border: none !important;
+  box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1); }
+
+.headerDesktop-logo {
+  background-color: #000076; }
+
+body section.sidebar {
+  background: #000076; }
+
+body section.sidebar a.compose {
+  background: #ffed00;
+  color: #fff; }
+
+body section.sidebar a.compose:hover {
+  background: #fff;
+  border-color: #fff;
+  color: #000076; }
+
+body section.sidebar ul.menu li a {
+  color: #fff; }
+
+body section.sidebar ul.menu li a:hover {
+  color: #ffed00; }
+
+body section.sidebar ul.menu li.active a, body section.sidebar ul.menu li.active a {
+  color: #fff; }
+
+body section.sidebar ul.menu li.active a i.fa, body section.sidebar ul.menu li.active a i.fa:hover {
+  color: #ffed00 !important;
+  opacity: 1; }
+
+body section.sidebar ul.menu li a .fa-repeat {
+  color: #fff;
+  opacity: 1; }
+
+body section.sidebar ul.menu li a i.fa {
+  color: #fff;
+  opacity: 0.5; }
+
+body section.sidebar ul.menu li a i.fa:hover, body section.sidebar ul.menu li a:hover i.fa {
+  color: #fff;
+  opacity: 1; }
+
+body section.sidebar ul.menu li a em {
+  color: #fff;
+  opacity: 0.5; }
+
+body section.sidebar div.labels ul li a {
+  color: #fff;
+  opacity: 0.5; }
+
+body section.sidebar div.labels ul li a:hover {
+  color: #fff;
+  opacity: 1; }
+
+body section.sidebar div.footer div.link a, body section.sidebar a.version {
+  color: #fff;
+  opacity: 0.5; }
+
+body section.sidebar div.footer div.link a:hover, body section.sidebar a.version:hover {
+  color: #ffed00;
+  opacity: 1; }
+
+body section.sidebar div.footer div.storage strong {
+  color: #fff;
+  opacity: 0.5; }
+
+.conversationPlaceholder #storageStatus .wrap span strong {
+  color: #ffed00; }
+
+.storageBar {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.storageBar .storageBar-progress {
+  background-color: #ffed00; }
+
+.pm_buttons, .pm_buttons a {
+  color: #0d0d0d; }
+
+.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
+  color: #ffed00; }
+
+.readUnread-container-ur .readUnread-btn-read,
+.pm_buttons .pm_buttons:not(:first-of-type), .pm_buttons > *,
+.pm_buttons, .pm_buttons a {
+  border-color: #000076 !important; }
+
+.dropdown-folder-search .fa.dropdown-folder-search-icon,
+.dropdown-label-search .fa.dropdown-label-search-icon {
+  color: #ffed00; }
+
+.dropdown-folder-create-button,
+.createLabel-button {
+  color: #ffed00; }
+
+.customCheckbox-container:hover .customCheckbox-mask,
+.customMaskInput-container:hover .customCheckbox-mask {
+  border-color: #ffed00 !important; }
+
+.customCheckbox-input:checked + .customCheckbox-mask {
+  background-color: #ffed00;
+  border-color: #ffed00;
+  color: #000076; }
+
+.conversation.marked::before {
+  background: #ffed00;
+  width: 5px; }
+
+body #conversation-list-rows .conversation {
+  background: #fff; }
+
+body #conversation-list-rows .conversation.read {
+  background: #fff; }
+
+#pm_composer .composer header {
+  background: #000076;
+  color: #fff; }
+
+p a {
+  color: #ffed00; }
+
+#pm_composer .composer footer .pm_button {
+  background: #fff;
+  color: #000076; }
+
+#pm_composer .composer footer .pm_button:hover {
+  background: #fff;
+  color: #000076; }
+
+#pm_composer .composer footer .pm_button.primary {
+  background: #000076;
+  color: #fff; }
+
+#pm_composer .composer footer .pm_button.primary:hover {
+  background: #ffed00;
+  color: #fff; }
+
+.pm_button.link.composerHeader-btn {
+  color: #fff !important; }
+
+.pm_button.link.composerHeader-btn:hover {
+  color: #ffed00 !important; }
+
+#pm_settings .pm_tabs {
+  background: #e6eaf0; }
+
+#pm_settings .pm_tabs li a.pm_button {
+  color: #000076;
+  border-color: #e6eaf0; }
+
+#pm_settings .pm_tabs li a.pm_button:hover {
+  color: #ffed00; }
+
+#pm_settings .pm_tabs li.active a.pm_button {
+  color: #ffed00; }
+
+.pm_button.link {
+  color: #ffed00; }
+
+.pm_toggle-label {
+  background: #000076; }
+
+.pm_toggle-checkbox:focus + .pm_toggle-label, .pm_toggle-label:hover {
+  background: #000090; }
+
+.pm_toggle-checkbox:checked + .pm_toggle-label:hover, .pm_toggle-checkbox:checked:focus + .pm_toggle-label {
+  background: #ffed00; }
+
+.pm_toggle.off .off, .pm_toggle.on .on {
+  background: #000076;
+  color: #fff; }
+
+.pm_toggle {
+  box-shadow: 0 0 0 1px #e6eaf0; }
+
+.alert.alert-info {
+  background: rgba(230, 234, 240, 0.7);
+  color: #0d0d0d; }
+
+.alert.alert-warning {
+  background: rgba(255, 170, 0, 0.7);
+  color: #0d0d0d; }
+
+.pm_button.error:focus, .pm_button.error:hover {
+  background-color: #d62646;
+  border-color: rgba(214, 38, 70, 0.7); }
+
+.pm_button.error {
+  background-color: rgba(214, 38, 70, 0.7);
+  border-color: #d62646; }
+
+html.protonmail .text-purple,
+.settingsUsers-link-signatures {
+  color: #ffed00 !important; }
+
+html.protonmail .text-red {
+  color: #d62646 !important; }
+
+.pm_button.link {
+  color: #0d0d0d !important; }
+
+.overviewSection-container .topUp-button {
+  color: #ffed00; }
+
+.settingsDashboard-plans [class*="Column-container"] .isCurrent {
+  background: #000076;
+  box-shadow: 0 0 8px #000076, 0 0 0 2px #000076;
+  border-bottom: 1px solid #000076; }
+
+.settingsDashboard-plans.free-active .freeColumn-container,
+.settingsDashboard-plans.plus-active .plusColumn-container,
+.settingsDashboard-plans.professional-active .professionalColumn-container,
+.settingsDashboard-plans.visionary-active .visionaryColumn-container {
+  border-color: #000076;
+  box-shadow: 0 0 8px #000076, 0 0 0 2px #000076; }
+
+[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
+  background: rgba(255, 237, 0, 0.7); }
+
+[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
+  background: #ffed00; }
+
+.vpnRow-add {
+  background-color: #000090; }
+
+.vpnRow-add:hover {
+  background: #000076; }
+
+.settingsDashboard-plans .freeColumn-free,
+.totalRows-monthly-price,
+.totalRows-yearly-price {
+  color: #0d0d0d; }
+
+.totalRows-discount {
+  border-color: transparent #ffed00; }
+
+.pm_modal .modal-dialog {
+  border-color: #000076; }
+
+.pm_modal .modal-dialog .close {
+  color: #fff;
+  background: #000076; }
+
+.pm_badge {
+  color: #fff; }
+
+.pm_badge.primary {
+  background: #000076;
+  color: #fff; }
+
+.pm_badge.success {
+  background: #ffed00;
+  color: #fff; }
+
+.pm_table table th a, .pm_table table th .fa {
+  color: #ffed00; }
+
+body .cg-notify-message.notification-success {
+  background-color: #ffed00;
+  color: #fff; }
+
+.appConfigBody-is-mobile .sidebarApp-container {
+  background: #000076; }
+
+.searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
+  background: #ffed00;
+  color: #000076; }
+
+.customRadio-input:checked + .customRadio-mask {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #000076;
+  border-color: #000076; }
+
+.sidebar-btn-compose, .sidebar-btn-compose:active {
+  color: #fff !important;
+  background: #08426b !important;
+  border: none !important;
+  transition: color .2s ease-in-out,
 background-color .2s ease-in-out; }
+
+.sidebar-btn-compose:hover {
+  color: #ffed00 !important;
+  background: #063353 !important;
+  border: none !important;
+  box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1); }
+
+.pm_buttons, .pm_buttons a {
+  color: #000076; }
+
+.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
+  color: #000090; }
+
+body #conversation-list-rows .conversation .fa-star {
+  color: #08426b; }
+
+.conversation.marked::before {
+  background: #063353; }
+
+.customCheckbox-container:hover .customCheckbox-mask,
+.customMaskInput-container:hover .customCheckbox-mask {
+  border-color: #000076 !important; }
+
+.customCheckbox-input:checked + .customCheckbox-mask {
+  background-color: #000076;
+  border-color: #000076;
+  color: #e6eaf0; }
+
+p a {
+  color: #0000a9; }
+
+html.protonmail .text-purple,
+.settingsUsers-link-signatures {
+  color: #000076 !important; }
+
+.overviewSection-container .topUp-button {
+  color: #000076; }
+
+.pm_toggle-label {
+  background: #000076; }
+
+.pm_toggle-checkbox:focus + .pm_toggle-label, .pm_toggle-label:hover {
+  background: #000090; }
+
+.pm_toggle-checkbox:checked + .pm_toggle-label:hover, .pm_toggle-checkbox:checked:focus + .pm_toggle-label {
+  background: #ffed00; }
+
+.pm_toggle-label::before {
+  color: #fff; }
+
+.pm_toggle-label::after {
+  background: #fff; }
+
+.pm_toggle-checkbox:checked + .pm_toggle-label:hover::before, .pm_toggle-checkbox:checked:focus + .pm_toggle-label::before {
+  color: #000076; }
+
+.pm_toggle-checkbox:checked + .pm_toggle-label:hover::after, .pm_toggle-checkbox:checked:focus + .pm_toggle-label::after {
+  background: #000076; }
+
+body .cg-notify-message.notification-success {
+  background-color: #063353;
+  color: #fff; }