From 3873da39c2db2e87fb15b4ad0c821de01f77812b Mon Sep 17 00:00:00 2001
From: Cristiano Almeida <cs.almeida@protonmail.ch>
Date: Thu, 21 Nov 2019 17:28:40 +0000
Subject: Tweaks to themes base file.

---
 templates/@theme-base/_styles.scss | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

(limited to 'templates/@theme-base')

diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index 8292211..0cd6e96 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -53,6 +53,11 @@ $boxshadow-main: none;
 }
 
 // Top navigation
+#global_search.searchbox-field[type="search"] {
+  background-color: $search;
+  color: $text_color;
+}
+
 .topnav-link, .topnav-link > .topnav-icon {
   color: $navigation;
   transition: color .2s ease-in-out;
@@ -74,6 +79,10 @@ $boxshadow-main: none;
     background: $highlight;
   }
 
+  &.item-container.active, &.item-is-selected {
+    background: rgba($highlight, 0.1);
+  }
+
   .item-checkbox:checked + .item-icon {
     background-color: $highlight;
     border-color: $highlight;
@@ -86,6 +95,15 @@ $boxshadow-main: none;
   .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon {
     fill: $navigation;
   }
+
+  .selectBoxElement-container:hover .item-icon {
+    // background-color: transparent;
+    border: 1px solid darken($highlight, 5%);
+
+    .item-icon-fakecheck-icon {
+      fill: darken($highlight, 5%);
+    }
+  }
 }
 
 // Highlighted text (seen when multiple messages are selected)
@@ -125,4 +143,12 @@ $boxshadow-main: none;
 .pm-toggle-checkbox:checked+.pm-toggle-label:before {
   background: $highlight;
   border-color: $highlight;
+}
+
+// Message panel
+
+// Attachment icon
+.fill-pm-blue,
+.message-attachmentIcon .file-outer-icon.is-embedded {
+  fill: $highlight;
 }
\ No newline at end of file
-- 
cgit v1.2.3


From f213b2483c8a28d161621d721982f79b4f090c3e Mon Sep 17 00:00:00 2001
From: Cristiano Almeida <cs.almeida@protonmail.ch>
Date: Thu, 21 Nov 2019 17:30:28 +0000
Subject: Extends themes to support dark mode. Theme colour scheme takes over
 most elements on the site.

---
 templates/@theme-base/_full.scss | 208 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 208 insertions(+)
 create mode 100644 templates/@theme-base/_full.scss

(limited to 'templates/@theme-base')

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
new file mode 100644
index 0000000..bdf386f
--- /dev/null
+++ b/templates/@theme-base/_full.scss
@@ -0,0 +1,208 @@
+// Applies theme styles across as many areas of the layout as possible.
+
+// Message items
+.conversation {
+  border-color: lighten($base, 10%);
+}
+
+.main-area,
+.main-area--noHeader, 
+.main-area--withToolbar,
+.main-area--withToolbar--noHeader {
+  color: $text_color;
+}
+
+.fill-global-grey {
+  fill: $highlight;
+}
+
+.starbutton {
+  fill: $extra_color;
+}
+
+// Read message
+.bg-global-light, kbd {
+  background: $base;
+}
+
+// Unread, not active
+.conversation:not(.read):not(.active) {
+  background: lighten($base, 5%);
+}
+
+// Active
+.item-container.active, .item-is-selected {
+  background: darken($base, 2%);
+  .flex-item-fluid {
+    color: $highlight;
+  }
+}
+
+// Selected message checkbox
+.item-icon {
+  background-color: $base;
+  border: 1px solid darken($text_color, 5%);
+}
+
+.selectBoxElement-container:hover .item-icon {
+  background-color: $base;
+  border: 1px solid darken($highlight, 5%);
+
+  .item-icon-fakecheck-icon {
+    fill: darken($highlight, 5%);
+  }
+}
+
+.selectBoxElement-container {
+  color: $text_color;
+}
+
+.selectBoxElement-container:hover .item-checkbox:checked + .item-icon {
+  background-color: darken($highlight, 5%);
+  border-color: darken($highlight, 5%);
+}
+
+// Message list background area
+.items-column-list {
+  background-color: $base;
+}
+
+// Current message panel
+.message-header {
+  background-color: lighten($base, 5%);
+}
+
+.view-column-detail {
+  background-color: $base;
+}
+
+.items-column-list,
+.message-container, 
+.message-attachments {
+  border-color: lighten($base, 10%);
+}
+
+.message-container:not(.sent):not(.draft) .message-header.message-summary::before, 
+.message-header.is-inbound::before {
+  border-top: 1px solid lighten($base, 10%);
+  border-left: 1px solid lighten($base, 10%);
+  background-color: lighten($base, 5%);
+}
+
+// Attachment button
+.pm-button, .pm-button--info, .pm-button--redborder {
+  background: $base;
+  border-color: lighten($base, 10%);
+  color: $text_color;
+}
+
+.message-attachmentInfo {
+  border-color: lighten($base, 10%);
+}
+
+.is-hover.pm-button--info, .is-hover.pm-button--redborder,
+.pm-button--info:focus, .pm-button--info:focus-within,
+.pm-button--info:hover, .pm-button--redborder:focus,
+.pm-button--redborder:focus-within, .pm-button--redborder:hover,
+.pm-button.is-hover, .pm-button:focus, 
+.pm-button:focus-within, .pm-button:hover {
+  color: $highlight;
+}
+
+// Dropdowns
+.dropDown-content, {
+  background: $base;
+  color: $text_color;
+
+  &::before {
+    border-bottom-color: $base;
+  }
+
+  .elementsSelector-btn-action,
+  .dropDown-item:hover {
+    color: $text_color;
+  }
+
+  .dropDown-item:hover {
+    background: lighten($base, 5%) !important;
+  }
+
+  .dropDown-item + .dropDown-item {
+    border-top: 1px solid lighten($base, 10%);
+  }
+}
+
+.pm-field-icon-container[type="search"], .pm-field[type="search"] {
+  background-color: lighten($base, 5%);
+}
+
+.dropDown-contentInner {
+  background-color: $base;
+
+  &::before, &::after {
+    background-color: $base;
+  }
+
+  .dropDown-item span {
+    color: $text_color !important;
+  }
+}
+
+.searchbox-field[type="search"]:not(#global_search) {
+  background: $text_color;
+  color: $base;
+}
+
+// Links
+.link, a {
+  color: $highlight;
+}
+
+.link:active, .link:focus, .link:hover, a:active, a:focus, a:hover {
+  color: lighten($highlight, 5%);
+}
+
+
+
+// Modal
+.pm-modal, .pm-modalContentInner {
+  background-color: $base;
+  color: $text_color;
+
+  &::before, &::after {
+    background-color: $base;
+  }
+  
+  .labelColorSelector-item-mask {
+    border: 2px solid lighten($base, 15%);
+  }
+}
+
+.pm-button--primaryborder, .pm-button-blueborder {
+  border-color: $highlight;
+  color: $highlight;
+  background-color: lighten($base, 5%);
+  transition: background-color .2s ease-in-out;
+}
+
+.is-hover.pm-button--primaryborder, .pm-button--primaryborder:focus,
+.pm-button--primaryborder:focus-within, .pm-button--primaryborder:hover,
+.pm-button-blueborder.is-hover, .pm-button-blueborder:focus,
+.pm-button-blueborder:focus-within, .pm-button-blueborder:hover {
+  border-color: $highlight;
+  color: $highlight;
+  background-color: darken($base, 1%);
+}
+
+// Input fields
+.pm-field, .pm-field-icon-container,
+.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 {
+  color: $text_color;
+  background-color: lighten($base, 5%);
+
+  &::placeholder {
+    color: darken($text_color, 5%);
+  }
+}
\ No newline at end of file
-- 
cgit v1.2.3


From f03f822fa444288b811fb7eb94be604056f14269 Mon Sep 17 00:00:00 2001
From: Cristiano Almeida <cs.almeida@protonmail.ch>
Date: Fri, 22 Nov 2019 12:04:15 +0000
Subject: Subscriptions plans table styles.

---
 templates/@theme-base/_styles.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'templates/@theme-base')

diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index 0cd6e96..d5e5cd1 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -151,4 +151,20 @@ $boxshadow-main: none;
 .fill-pm-blue,
 .message-attachmentIcon .file-outer-icon.is-embedded {
   fill: $highlight;
+}
+
+// Subscription plans
+.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) {
+  border-color: $highlight;
+  color: $highlight;
+
+  &::before {
+    background-color: $highlight;
+  }
+}
+
+.pm-table--highlight[data-plan-number="1"] tr td:nth-child(2), 
+.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2),
+.pm-table--highlight[data-plan-number="1"] tr:last-child td:nth-child(2) {
+  border-color: $highlight;
 }
\ No newline at end of file
-- 
cgit v1.2.3


From 1c83b3b4f0b08aefcb2c7f9761d4e0e831406a16 Mon Sep 17 00:00:00 2001
From: Cristiano Almeida <cs.almeida@protonmail.ch>
Date: Fri, 22 Nov 2019 12:04:43 +0000
Subject: =?UTF-8?q?Settings=20panel=20and=20other=20elements.=20?=
 =?UTF-8?q?=F0=9F=94=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/@theme-base/_full.scss | 89 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 83 insertions(+), 6 deletions(-)

(limited to 'templates/@theme-base')

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index bdf386f..2b5ac4b 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -8,7 +8,8 @@
 .main-area,
 .main-area--noHeader, 
 .main-area--withToolbar,
-.main-area--withToolbar--noHeader {
+.main-area--withToolbar--noHeader,
+[class*="block-info-"] {
   color: $text_color;
 }
 
@@ -105,17 +106,40 @@
 .pm-button--info:hover, .pm-button--redborder:focus,
 .pm-button--redborder:focus-within, .pm-button--redborder:hover,
 .pm-button.is-hover, .pm-button:focus, 
-.pm-button:focus-within, .pm-button:hover {
+.pm-button:focus-within, .pm-button:hover:not(.pm-button--primary) {
+  color: $highlight;
+}
+
+.is-disabled.pm-button--info,
+.is-disabled.pm-button--redborder,
+.pm-button--info[disabled],
+.pm-button--redborder[disabled],
+.pm-button.is-disabled,
+.pm-button[disabled] {
+  background: lighten($base, 10%);
+}
+
+.is-active.pm-button--info,
+.is-active.pm-button--redborder,
+.pm-button--info:not(div):active,
+.pm-button--redborder:not(div):active,
+.pm-button.is-active, .pm-button:not(div):active {
+  background: lighten($base, 10%);
   color: $highlight;
 }
 
 // Dropdowns
-.dropDown-content, {
+.dropDown-content {
   background: $base;
   color: $text_color;
 
-  &::before {
+  &::before, &::after {
     border-bottom-color: $base;
+    background: $base;
+  }
+
+  button {
+    color: $text_color;
   }
 
   .elementsSelector-btn-action,
@@ -132,6 +156,16 @@
   }
 }
 
+.dropDown--bottom-left::before, 
+.dropDown--bottom-right::before, 
+.dropDown--bottom::before {
+  border-bottom-color: lighten($base, 10%);
+}
+
+.dropDown--bottom-right {
+  border: 1px solid lighten($base, 10%);
+}
+
 .pm-field-icon-container[type="search"], .pm-field[type="search"] {
   background-color: lighten($base, 5%);
 }
@@ -162,8 +196,6 @@
   color: lighten($highlight, 5%);
 }
 
-
-
 // Modal
 .pm-modal, .pm-modalContentInner {
   background-color: $base;
@@ -205,4 +237,49 @@
   &::placeholder {
     color: darken($text_color, 5%);
   }
+}
+
+select.pm-field, select.pm-field-icon-container {
+  background-color: lighten($base, 5%);
+  color: $text_color;
+}
+
+// Storage progress modal
+.storageProgress-content.dropDown-content--rightbottom {
+  &::before {
+    border-right-color: $base;
+  }
+}
+
+// Settings panel
+.main-area, .main-area-content {
+  background-color: $base;
+
+  .p1 {
+    background-color: lighten($base, 5%);
+  }
+}
+
+.subnav {
+  .link, a {
+    color: $highlight;
+  }
+  
+  .link:active, .link:focus, .link:hover, a:active, a:focus, a:hover {
+    color: lighten($highlight, 5%);
+  }
+}
+
+// Toggle button
+.pm-toggle-label {
+  border-color: lighten($base, 10%);
+  background: lighten($base, 5%);
+
+  &::before {
+    background: $base;
+  }
+
+  .pm-toggle-label-img {
+    fill: $text_color;
+  }
 }
\ No newline at end of file
-- 
cgit v1.2.3


From ed7d7c01131ffecbbf60abf7ed050d25221ca10e Mon Sep 17 00:00:00 2001
From: cristiano <cs.almeida@protonmail.ch>
Date: Sun, 24 Nov 2019 12:53:28 +0000
Subject: Fixes to dropdown arrows and backgrounds.

---
 templates/@theme-base/_full.scss | 65 +++++++++++++++++++++++++++++++++++-----
 1 file changed, 57 insertions(+), 8 deletions(-)

(limited to 'templates/@theme-base')

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index 2b5ac4b..49e510e 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -77,6 +77,10 @@
   background-color: $base;
 }
 
+details:first-child {
+  border-color: lighten($base, 10%);
+}
+
 .items-column-list,
 .message-container, 
 .message-attachments {
@@ -90,6 +94,26 @@
   background-color: lighten($base, 5%);
 }
 
+// Mailing list block
+.bg-white {
+  background-color: $base;
+}
+
+.bordered, .bordered-container, .breadcrumb-container {
+  border-color: lighten($base, 10%);
+}
+
+.email.message-body-container {
+  [bgcolor], [style*="background"] {
+    background-color: transparent !important;
+    div, p, 
+    h1, h2, h3,
+    h4, h5, h6 {
+      color: $text_color !important;
+    }
+  }
+}
+
 // Attachment button
 .pm-button, .pm-button--info, .pm-button--redborder {
   background: $base;
@@ -133,11 +157,6 @@
   background: $base;
   color: $text_color;
 
-  &::before, &::after {
-    border-bottom-color: $base;
-    background: $base;
-  }
-
   button {
     color: $text_color;
   }
@@ -156,6 +175,34 @@
   }
 }
 
+.dropDown {
+  .dropDown-content {
+    &::before, &::after {
+      border-bottom-color: $base;
+    }
+  }
+}
+
+.dropDown--right-bottom {
+  &::before {
+    border-right-color: $base;
+  }
+
+  .dropDown-content {
+    &::before, &::after {
+      background: $base;
+    }
+  }
+}
+
+.dropDown--bottom-right {
+  .dropDown-content {
+    &::before, &::after {
+      background: $base;
+    }
+  }
+}
+
 .dropDown--bottom-left::before, 
 .dropDown--bottom-right::before, 
 .dropDown--bottom::before {
@@ -188,11 +235,13 @@
 }
 
 // Links
-.link, a {
+.link, a, .pm-button--link {
   color: $highlight;
 }
 
-.link:active, .link:focus, .link:hover, a:active, a:focus, a:hover {
+.link:active, .link:focus, .link:hover, 
+a:active, a:focus, a:hover,
+.pm-button--link:hover {
   color: lighten($highlight, 5%);
 }
 
@@ -282,4 +331,4 @@ select.pm-field, select.pm-field-icon-container {
   .pm-toggle-label-img {
     fill: $text_color;
   }
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3


From 96d3be91a73d044023ca9e723950a7be6b85eea4 Mon Sep 17 00:00:00 2001
From: cristiano <cs.almeida@protonmail.ch>
Date: Sun, 24 Nov 2019 12:53:55 +0000
Subject: Storage indicator circle color.

---
 templates/@theme-base/_styles.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'templates/@theme-base')

diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index d5e5cd1..d04b0b7 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -46,10 +46,9 @@ $boxshadow-main: none;
 }
 
 // Storage indicator
-.storageProgress-container {
-  .circle-chart__circle {
-    stroke: $highlight;
-  }
+
+.circle-chart__circle {
+  stroke: $highlight;
 }
 
 // Top navigation
-- 
cgit v1.2.3


From 16166ec1f65dc25101bc0059cbbb57e79ad94d84 Mon Sep 17 00:00:00 2001
From: cristiano <cs.almeida@protonmail.ch>
Date: Sun, 24 Nov 2019 13:46:42 +0000
Subject: Adds button link to base theme styles.

---
 templates/@theme-base/_styles.scss | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

(limited to 'templates/@theme-base')

diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index d04b0b7..8aa10c1 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -129,12 +129,14 @@ $boxshadow-main: none;
 }
 
 // Links across the site:
-.link, a {
+.link, a, .pm-button--link {
   color: $base;
   transition: color .2s ease-in-out;
 }
 
-.link:active, .link:focus, .link:hover, a:active, a:focus, a:hover {
+.link:active, .link:focus, .link:hover, 
+a:active, a:focus, a:hover,
+.pm-button--link:hover {
   color: darken($highlight, 10%);
 }
 
@@ -166,4 +168,13 @@ $boxshadow-main: none;
 .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2),
 .pm-table--highlight[data-plan-number="1"] tr:last-child td:nth-child(2) {
   border-color: $highlight;
+}
+
+// Contacts
+.progress-contact {
+  color: $highlight;
+
+  &::-moz-progress-bar {
+    background: $highlight;
+  }
 }
\ No newline at end of file
-- 
cgit v1.2.3


From 685fa7dcb692367c0b06f94e28d080373cb23b5b Mon Sep 17 00:00:00 2001
From: cristiano <cs.almeida@protonmail.ch>
Date: Sun, 24 Nov 2019 14:02:08 +0000
Subject: Fixes link colour sign out menu.

---
 templates/@theme-base/_full.scss | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'templates/@theme-base')

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index 49e510e..40ae0e3 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -173,6 +173,12 @@ details:first-child {
   .dropDown-item + .dropDown-item {
     border-top: 1px solid lighten($base, 10%);
   }
+
+  .dropDown-item {
+    .color-global-grey {
+      color: $text_color;
+    }
+  }
 }
 
 .dropDown {
-- 
cgit v1.2.3


From b9571fda0c06071ae58699d728e638c5b0f5c939 Mon Sep 17 00:00:00 2001
From: Cristiano Almeida <cs.almeida@protonmail.ch>
Date: Mon, 2 Dec 2019 11:38:07 +0000
Subject: Fixes unread message colour. Star icon colour.

---
 templates/@theme-base/_full.scss   |  2 +-
 templates/@theme-base/_styles.scss | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

(limited to 'templates/@theme-base')

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index 40ae0e3..1e6b7e1 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -27,7 +27,7 @@
 }
 
 // Unread, not active
-.conversation:not(.read):not(.active) {
+.conversation.item-container:not(.item-contact):not(.read):not(.active) {
   background: lighten($base, 5%);
 }
 
diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index 8aa10c1..39aec8f 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -105,6 +105,16 @@ $boxshadow-main: none;
   }
 }
 
+// Star icon
+.starbutton {
+  fill: $highlight !important;
+  opacity: 0.7;
+}
+
+.starbutton:focus, .starbutton:hover {
+  fill: $highlight;
+}
+
 // Highlighted text (seen when multiple messages are selected)
 .color-pm-blue {
   color: $highlight;
-- 
cgit v1.2.3