New message body will have base background.

2 files changed, 25 insertions, 0 deletions

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index 5cb0253..5ebea0c 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -110,6 +110,7 @@ body {
 
 [class*="block-info"] {
   background-color: lighten($base, 10%);
+  color: $text_color;
 }
 
 .fill-global-grey {
@@ -220,6 +221,24 @@ details:first-child {
   color: black;
 }
 
+.squireDropdown-item-label {
+  color: $text_color;
+}
+
+.squireToolbar-action-color {
+  background: transparent;
+}
+
+// This forces the background of a new message to used the base color.
+.angular-squire-iframe body {
+  color: $text_color;
+  background: lighten($base, 5%);
+
+  a {
+    color: $highlight;
+  }
+} 
+
 // Attachment button
 .pm-button, .pm-button--info, .pm-button--redborder {
   background: $base;
diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index 5bf8761..3f6aa93 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -247,6 +247,12 @@ a:active, a:focus, a:hover,
 
 // Message panel
 
+.angular-squire-iframe body {
+  a {
+    color: $highlight;
+  }
+} 
+
 // Attachment icon
 .fill-pm-blue,
 .message-attachmentIcon .file-outer-icon.is-embedded {