New message modal styles.

And dropdown options.

1 files changed, 28 insertions, 0 deletions

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index 1228165..c49e7cf 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -23,6 +23,19 @@ body {
   border-color: lighten($base, 10%);
 }
 
+.squireToolbar-select-list {
+  background: $base;
+  color: $text_color;
+}
+
+.squireToolbar-dropdown-divider {
+  background-color: lighten($base, 10%);
+}
+
+.squireToolbar-select-item:hover {
+  background: darken($base, 2%);
+}
+
 // Compose window
 #pm_composer .composer,
 .composerInputMeta-overlay {
@@ -40,6 +53,21 @@ body {
   border-right: 1px solid lighten($base, 10%);
 }
 
+.composerOptions-container.show {
+  background: darken($base, 2%);
+
+  .shadow-container {
+    background: $base;
+    color: $text_color;
+  }
+}
+
+.is-disabled.pm-button--error, .is-disabled.pm-button--error.pm-button--info, .is-disabled.pm-button--error.pm-button--redborder, .is-disabled.pm-button--primary, .is-disabled.pm-button--primary.pm-button--info, .is-disabled.pm-button--primary.pm-button--redborder, .is-disabled.pm-button--warning, .is-disabled.pm-button--warning.pm-button--info, .is-disabled.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info[disabled], .pm-button--error.pm-button--redborder[disabled], .pm-button--error[disabled], .pm-button--primary.pm-button--info[disabled], .pm-button--primary.pm-button--redborder[disabled], .pm-button--primary[disabled], .pm-button--warning.pm-button--info[disabled], .pm-button--warning.pm-button--redborder[disabled], .pm-button--warning[disabled], .pm-button-blue.is-disabled, .pm-button-blue.is-disabled.pm-button--info, .pm-button-blue.is-disabled.pm-button--redborder, .pm-button-blue.pm-button--info[disabled], .pm-button-blue.pm-button--redborder[disabled], .pm-button-blue[disabled], .pm-button.is-disabled.pm-button--error, .pm-button.is-disabled.pm-button--primary, .pm-button.is-disabled.pm-button--warning, .pm-button.pm-button--error[disabled], .pm-button.pm-button--primary[disabled], .pm-button.pm-button--warning[disabled], .pm-button.pm-button-blue.is-disabled, .pm-button.pm-button-blue[disabled] {
+  background-color: darken($base, 2%);
+  border-color: lighten($base, 10%);
+  color: darken($base, 10%);
+}
+
 [class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover {
   background: lighten($base, 2%) !important;
 }