Compiled themes. 💅

8 files changed, 328 insertions, 40 deletions

diff --git a/themes/blue_and_orange/blue_and_orange_full.css b/themes/blue_and_orange/blue_and_orange_full.css
index 5c2d1fa..d8fdba3 100644
--- a/themes/blue_and_orange/blue_and_orange_full.css
+++ b/themes/blue_and_orange/blue_and_orange_full.css
@@ -171,6 +171,26 @@ body {
     box-shadow: inset 0 0 0 4px #105365;
     border-radius: 16px; }
 
+#pm_composer .composer,
+.composerInputMeta-overlay {
+  background: #0F4C5C; }
+  #pm_composer .composer .composerHeader-container,
+  .composerInputMeta-overlay .composerHeader-container {
+    background: #135e72; }
+
+[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: #105365 !important; }
+
+.squireToolbar-separator {
+  background: #135e72; }
+
+.composerTime-container,
+[class*="composer-field"] {
+  color: #e6eaf0; }
+
+.composerInputMeta-overlay-fakefield {
+  border-color: #e6eaf0; }
+
 .conversation {
   border-color: #167088; }
 
@@ -190,8 +210,11 @@ body {
 .bg-global-light, kbd {
   background: #0F4C5C; }
 
+.item-container, .item-container-row, .contactsummary-container {
+  background: #0F4C5C; }
+
 .conversation.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active),
-.conversation.item-container-row:not(.item-contact):not(.read):not(.active) {
+.conversation.item-container-row:not(.item-contact):not(.read):not(.active), .squireToolbar-container {
   background: #135e72; }
 
 .item-container.active, .item-is-selected {
@@ -243,7 +266,9 @@ details:first-child {
 .message-infobox {
   background-color: #0F4C5C; }
 
-.bordered, .bordered-container, .breadcrumb-container {
+.bordered,
+.bordered-container:not([class*="composerInputMeta-"]),
+.breadcrumb-container {
   border-color: #167088; }
 
 .message-content.frame.message-frame {
@@ -336,7 +361,8 @@ details:first-child {
 
 .link:active, .link:focus, .link:hover,
 a:active, a:focus, a:hover,
-.pm-button--link:hover {
+.pm-button--link:hover,
+.composerInputMeta-label:hover {
   color: #ef8c51; }
 
 .pm-modal, .pm-modalContentInner {
@@ -364,13 +390,23 @@ a:active, a:focus, a:hover,
 .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 {
+.pm-field:focus, .pm-field:focus-within,
+.composerInputMeta-overlay-fakefield,
+.composerInputMeta-autocomplete {
   color: #e6eaf0;
   background-color: #135e72; }
   .pm-field::placeholder, .pm-field-icon-container::placeholder,
   .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder,
   .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder,
-  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder {
+  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder,
+  .composerInputMeta-overlay-fakefield::placeholder,
+  .composerInputMeta-autocomplete::placeholder {
+    color: #d6dde6; }
+
+.composerInputMeta-autocomplete input {
+  color: #e6eaf0;
+  background-color: #135e72; }
+  .composerInputMeta-autocomplete input::placeholder {
     color: #d6dde6; }
 
 select.pm-field, select.pm-field-icon-container {
diff --git a/themes/dark_bubble_gum/dark_bubble_gum_full.css b/themes/dark_bubble_gum/dark_bubble_gum_full.css
index 9f07d1b..910429e 100644
--- a/themes/dark_bubble_gum/dark_bubble_gum_full.css
+++ b/themes/dark_bubble_gum/dark_bubble_gum_full.css
@@ -171,6 +171,26 @@ body {
     box-shadow: inset 0 0 0 4px #212121;
     border-radius: 16px; }
 
+#pm_composer .composer,
+.composerInputMeta-overlay {
+  background: #1C1C1C; }
+  #pm_composer .composer .composerHeader-container,
+  .composerInputMeta-overlay .composerHeader-container {
+    background: #292929; }
+
+[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: #212121 !important; }
+
+.squireToolbar-separator {
+  background: #292929; }
+
+.composerTime-container,
+[class*="composer-field"] {
+  color: #e6eaf0; }
+
+.composerInputMeta-overlay-fakefield {
+  border-color: #e6eaf0; }
+
 .conversation {
   border-color: #363636; }
 
@@ -190,8 +210,11 @@ body {
 .bg-global-light, kbd {
   background: #1C1C1C; }
 
+.item-container, .item-container-row, .contactsummary-container {
+  background: #1C1C1C; }
+
 .conversation.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active),
-.conversation.item-container-row:not(.item-contact):not(.read):not(.active) {
+.conversation.item-container-row:not(.item-contact):not(.read):not(.active), .squireToolbar-container {
   background: #292929; }
 
 .item-container.active, .item-is-selected {
@@ -243,7 +266,9 @@ details:first-child {
 .message-infobox {
   background-color: #1C1C1C; }
 
-.bordered, .bordered-container, .breadcrumb-container {
+.bordered,
+.bordered-container:not([class*="composerInputMeta-"]),
+.breadcrumb-container {
   border-color: #363636; }
 
 .message-content.frame.message-frame {
@@ -336,7 +361,8 @@ details:first-child {
 
 .link:active, .link:focus, .link:hover,
 a:active, a:focus, a:hover,
-.pm-button--link:hover {
+.pm-button--link:hover,
+.composerInputMeta-label:hover {
   color: #f14569; }
 
 .pm-modal, .pm-modalContentInner {
@@ -364,13 +390,23 @@ a:active, a:focus, a:hover,
 .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 {
+.pm-field:focus, .pm-field:focus-within,
+.composerInputMeta-overlay-fakefield,
+.composerInputMeta-autocomplete {
   color: #e6eaf0;
   background-color: #292929; }
   .pm-field::placeholder, .pm-field-icon-container::placeholder,
   .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder,
   .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder,
-  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder {
+  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder,
+  .composerInputMeta-overlay-fakefield::placeholder,
+  .composerInputMeta-autocomplete::placeholder {
+    color: #d6dde6; }
+
+.composerInputMeta-autocomplete input {
+  color: #e6eaf0;
+  background-color: #292929; }
+  .composerInputMeta-autocomplete input::placeholder {
     color: #d6dde6; }
 
 select.pm-field, select.pm-field-icon-container {
diff --git a/themes/deutera_one/deutera_one_full.css b/themes/deutera_one/deutera_one_full.css
index ae533ac..ff23ca1 100644
--- a/themes/deutera_one/deutera_one_full.css
+++ b/themes/deutera_one/deutera_one_full.css
@@ -171,6 +171,26 @@ body {
     box-shadow: inset 0 0 0 4px navy;
     border-radius: 16px; }
 
+#pm_composer .composer,
+.composerInputMeta-overlay {
+  background: #000076; }
+  #pm_composer .composer .composerHeader-container,
+  .composerInputMeta-overlay .composerHeader-container {
+    background: #000090; }
+
+[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: navy !important; }
+
+.squireToolbar-separator {
+  background: #000090; }
+
+.composerTime-container,
+[class*="composer-field"] {
+  color: #e6eaf0; }
+
+.composerInputMeta-overlay-fakefield {
+  border-color: #e6eaf0; }
+
 .conversation {
   border-color: #0000a9; }
 
@@ -190,8 +210,11 @@ body {
 .bg-global-light, kbd {
   background: #000076; }
 
+.item-container, .item-container-row, .contactsummary-container {
+  background: #000076; }
+
 .conversation.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active),
-.conversation.item-container-row:not(.item-contact):not(.read):not(.active) {
+.conversation.item-container-row:not(.item-contact):not(.read):not(.active), .squireToolbar-container {
   background: #000090; }
 
 .item-container.active, .item-is-selected {
@@ -243,7 +266,9 @@ details:first-child {
 .message-infobox {
   background-color: #000076; }
 
-.bordered, .bordered-container, .breadcrumb-container {
+.bordered,
+.bordered-container:not([class*="composerInputMeta-"]),
+.breadcrumb-container {
   border-color: #0000a9; }
 
 .message-content.frame.message-frame {
@@ -336,7 +361,8 @@ details:first-child {
 
 .link:active, .link:focus, .link:hover,
 a:active, a:focus, a:hover,
-.pm-button--link:hover {
+.pm-button--link:hover,
+.composerInputMeta-label:hover {
   color: #ffef1a; }
 
 .pm-modal, .pm-modalContentInner {
@@ -364,13 +390,23 @@ a:active, a:focus, a:hover,
 .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 {
+.pm-field:focus, .pm-field:focus-within,
+.composerInputMeta-overlay-fakefield,
+.composerInputMeta-autocomplete {
   color: #e6eaf0;
   background-color: #000090; }
   .pm-field::placeholder, .pm-field-icon-container::placeholder,
   .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder,
   .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder,
-  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder {
+  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder,
+  .composerInputMeta-overlay-fakefield::placeholder,
+  .composerInputMeta-autocomplete::placeholder {
+    color: #d6dde6; }
+
+.composerInputMeta-autocomplete input {
+  color: #e6eaf0;
+  background-color: #000090; }
+  .composerInputMeta-autocomplete input::placeholder {
     color: #d6dde6; }
 
 select.pm-field, select.pm-field-icon-container {
diff --git a/themes/dracula/dracula_full.css b/themes/dracula/dracula_full.css
index b9e2659..64b6671 100644
--- a/themes/dracula/dracula_full.css
+++ b/themes/dracula/dracula_full.css
@@ -171,6 +171,26 @@ body {
     box-shadow: inset 0 0 0 4px #2c2f3c;
     border-radius: 16px; }
 
+#pm_composer .composer,
+.composerInputMeta-overlay {
+  background: #282a36; }
+  #pm_composer .composer .composerHeader-container,
+  .composerInputMeta-overlay .composerHeader-container {
+    background: #333545; }
+
+[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: #2c2f3c !important; }
+
+.squireToolbar-separator {
+  background: #333545; }
+
+.composerTime-container,
+[class*="composer-field"] {
+  color: #e6eaf0; }
+
+.composerInputMeta-overlay-fakefield {
+  border-color: #e6eaf0; }
+
 .conversation {
   border-color: #3e4153; }
 
@@ -190,8 +210,11 @@ body {
 .bg-global-light, kbd {
   background: #282a36; }
 
+.item-container, .item-container-row, .contactsummary-container {
+  background: #282a36; }
+
 .conversation.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active),
-.conversation.item-container-row:not(.item-contact):not(.read):not(.active) {
+.conversation.item-container-row:not(.item-contact):not(.read):not(.active), .squireToolbar-container {
   background: #333545; }
 
 .item-container.active, .item-is-selected {
@@ -243,7 +266,9 @@ details:first-child {
 .message-infobox {
   background-color: #282a36; }
 
-.bordered, .bordered-container, .breadcrumb-container {
+.bordered,
+.bordered-container:not([class*="composerInputMeta-"]),
+.breadcrumb-container {
   border-color: #3e4153; }
 
 .message-content.frame.message-frame {
@@ -336,7 +361,8 @@ details:first-child {
 
 .link:active, .link:focus, .link:hover,
 a:active, a:focus, a:hover,
-.pm-button--link:hover {
+.pm-button--link:hover,
+.composerInputMeta-label:hover {
   color: #ff93d1; }
 
 .pm-modal, .pm-modalContentInner {
@@ -364,13 +390,23 @@ a:active, a:focus, a:hover,
 .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 {
+.pm-field:focus, .pm-field:focus-within,
+.composerInputMeta-overlay-fakefield,
+.composerInputMeta-autocomplete {
   color: #e6eaf0;
   background-color: #333545; }
   .pm-field::placeholder, .pm-field-icon-container::placeholder,
   .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder,
   .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder,
-  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder {
+  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder,
+  .composerInputMeta-overlay-fakefield::placeholder,
+  .composerInputMeta-autocomplete::placeholder {
+    color: #d6dde6; }
+
+.composerInputMeta-autocomplete input {
+  color: #e6eaf0;
+  background-color: #333545; }
+  .composerInputMeta-autocomplete input::placeholder {
     color: #d6dde6; }
 
 select.pm-field, select.pm-field-icon-container {
diff --git a/themes/green_lume/green_lume_full.css b/themes/green_lume/green_lume_full.css
index 325d43c..c6e70e7 100644
--- a/themes/green_lume/green_lume_full.css
+++ b/themes/green_lume/green_lume_full.css
@@ -171,6 +171,26 @@ body {
     box-shadow: inset 0 0 0 4px #212121;
     border-radius: 16px; }
 
+#pm_composer .composer,
+.composerInputMeta-overlay {
+  background: #1C1C1C; }
+  #pm_composer .composer .composerHeader-container,
+  .composerInputMeta-overlay .composerHeader-container {
+    background: #292929; }
+
+[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: #212121 !important; }
+
+.squireToolbar-separator {
+  background: #292929; }
+
+.composerTime-container,
+[class*="composer-field"] {
+  color: #d6d6d6; }
+
+.composerInputMeta-overlay-fakefield {
+  border-color: #d6d6d6; }
+
 .conversation {
   border-color: #363636; }
 
@@ -190,8 +210,11 @@ body {
 .bg-global-light, kbd {
   background: #1C1C1C; }
 
+.item-container, .item-container-row, .contactsummary-container {
+  background: #1C1C1C; }
+
 .conversation.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active),
-.conversation.item-container-row:not(.item-contact):not(.read):not(.active) {
+.conversation.item-container-row:not(.item-contact):not(.read):not(.active), .squireToolbar-container {
   background: #292929; }
 
 .item-container.active, .item-is-selected {
@@ -243,7 +266,9 @@ details:first-child {
 .message-infobox {
   background-color: #1C1C1C; }
 
-.bordered, .bordered-container, .breadcrumb-container {
+.bordered,
+.bordered-container:not([class*="composerInputMeta-"]),
+.breadcrumb-container {
   border-color: #363636; }
 
 .message-content.frame.message-frame {
@@ -336,7 +361,8 @@ details:first-child {
 
 .link:active, .link:focus, .link:hover,
 a:active, a:focus, a:hover,
-.pm-button--link:hover {
+.pm-button--link:hover,
+.composerInputMeta-label:hover {
   color: #39ce7e; }
 
 .pm-modal, .pm-modalContentInner {
@@ -364,13 +390,23 @@ a:active, a:focus, a:hover,
 .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 {
+.pm-field:focus, .pm-field:focus-within,
+.composerInputMeta-overlay-fakefield,
+.composerInputMeta-autocomplete {
   color: #d6d6d6;
   background-color: #292929; }
   .pm-field::placeholder, .pm-field-icon-container::placeholder,
   .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder,
   .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder,
-  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder {
+  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder,
+  .composerInputMeta-overlay-fakefield::placeholder,
+  .composerInputMeta-autocomplete::placeholder {
+    color: #c9c9c9; }
+
+.composerInputMeta-autocomplete input {
+  color: #d6d6d6;
+  background-color: #292929; }
+  .composerInputMeta-autocomplete input::placeholder {
     color: #c9c9c9; }
 
 select.pm-field, select.pm-field-icon-container {
diff --git a/themes/monokai/monokai_full.css b/themes/monokai/monokai_full.css
index 59aeb87..ba52668 100644
--- a/themes/monokai/monokai_full.css
+++ b/themes/monokai/monokai_full.css
@@ -171,6 +171,26 @@ body {
     box-shadow: inset 0 0 0 4px #22231f;
     border-radius: 16px; }
 
+#pm_composer .composer,
+.composerInputMeta-overlay {
+  background: #1D1E1A; }
+  #pm_composer .composer .composerHeader-container,
+  .composerInputMeta-overlay .composerHeader-container {
+    background: #2a2c26; }
+
+[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: #22231f !important; }
+
+.squireToolbar-separator {
+  background: #2a2c26; }
+
+.composerTime-container,
+[class*="composer-field"] {
+  color: #e6eaf0; }
+
+.composerInputMeta-overlay-fakefield {
+  border-color: #e6eaf0; }
+
 .conversation {
   border-color: #373932; }
 
@@ -190,8 +210,11 @@ body {
 .bg-global-light, kbd {
   background: #1D1E1A; }
 
+.item-container, .item-container-row, .contactsummary-container {
+  background: #1D1E1A; }
+
 .conversation.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active),
-.conversation.item-container-row:not(.item-contact):not(.read):not(.active) {
+.conversation.item-container-row:not(.item-contact):not(.read):not(.active), .squireToolbar-container {
   background: #2a2c26; }
 
 .item-container.active, .item-is-selected {
@@ -243,7 +266,9 @@ details:first-child {
 .message-infobox {
   background-color: #1D1E1A; }
 
-.bordered, .bordered-container, .breadcrumb-container {
+.bordered,
+.bordered-container:not([class*="composerInputMeta-"]),
+.breadcrumb-container {
   border-color: #373932; }
 
 .message-content.frame.message-frame {
@@ -336,7 +361,8 @@ details:first-child {
 
 .link:active, .link:focus, .link:hover,
 a:active, a:focus, a:hover,
-.pm-button--link:hover {
+.pm-button--link:hover,
+.composerInputMeta-label:hover {
   color: #96d435; }
 
 .pm-modal, .pm-modalContentInner {
@@ -364,13 +390,23 @@ a:active, a:focus, a:hover,
 .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 {
+.pm-field:focus, .pm-field:focus-within,
+.composerInputMeta-overlay-fakefield,
+.composerInputMeta-autocomplete {
   color: #e6eaf0;
   background-color: #2a2c26; }
   .pm-field::placeholder, .pm-field-icon-container::placeholder,
   .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder,
   .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder,
-  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder {
+  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder,
+  .composerInputMeta-overlay-fakefield::placeholder,
+  .composerInputMeta-autocomplete::placeholder {
+    color: #d6dde6; }
+
+.composerInputMeta-autocomplete input {
+  color: #e6eaf0;
+  background-color: #2a2c26; }
+  .composerInputMeta-autocomplete input::placeholder {
     color: #d6dde6; }
 
 select.pm-field, select.pm-field-icon-container {
diff --git a/themes/ochin/ochin_full.css b/themes/ochin/ochin_full.css
index f16ce89..90540e2 100644
--- a/themes/ochin/ochin_full.css
+++ b/themes/ochin/ochin_full.css
@@ -171,6 +171,26 @@ body {
     box-shadow: inset 0 0 0 4px #374352;
     border-radius: 16px; }
 
+#pm_composer .composer,
+.composerInputMeta-overlay {
+  background: #333E4C; }
+  #pm_composer .composer .composerHeader-container,
+  .composerInputMeta-overlay .composerHeader-container {
+    background: #3d4a5b; }
+
+[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: #374352 !important; }
+
+.squireToolbar-separator {
+  background: #3d4a5b; }
+
+.composerTime-container,
+[class*="composer-field"] {
+  color: #e6eaf0; }
+
+.composerInputMeta-overlay-fakefield {
+  border-color: #e6eaf0; }
+
 .conversation {
   border-color: #47576b; }
 
@@ -190,8 +210,11 @@ body {
 .bg-global-light, kbd {
   background: #333E4C; }
 
+.item-container, .item-container-row, .contactsummary-container {
+  background: #333E4C; }
+
 .conversation.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active),
-.conversation.item-container-row:not(.item-contact):not(.read):not(.active) {
+.conversation.item-container-row:not(.item-contact):not(.read):not(.active), .squireToolbar-container {
   background: #3d4a5b; }
 
 .item-container.active, .item-is-selected {
@@ -243,7 +266,9 @@ details:first-child {
 .message-infobox {
   background-color: #333E4C; }
 
-.bordered, .bordered-container, .breadcrumb-container {
+.bordered,
+.bordered-container:not([class*="composerInputMeta-"]),
+.breadcrumb-container {
   border-color: #47576b; }
 
 .message-content.frame.message-frame {
@@ -336,7 +361,8 @@ details:first-child {
 
 .link:active, .link:focus, .link:hover,
 a:active, a:focus, a:hover,
-.pm-button--link:hover {
+.pm-button--link:hover,
+.composerInputMeta-label:hover {
   color: #b6e98b; }
 
 .pm-modal, .pm-modalContentInner {
@@ -364,13 +390,23 @@ a:active, a:focus, a:hover,
 .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 {
+.pm-field:focus, .pm-field:focus-within,
+.composerInputMeta-overlay-fakefield,
+.composerInputMeta-autocomplete {
   color: #e6eaf0;
   background-color: #3d4a5b; }
   .pm-field::placeholder, .pm-field-icon-container::placeholder,
   .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder,
   .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder,
-  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder {
+  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder,
+  .composerInputMeta-overlay-fakefield::placeholder,
+  .composerInputMeta-autocomplete::placeholder {
+    color: #d6dde6; }
+
+.composerInputMeta-autocomplete input {
+  color: #e6eaf0;
+  background-color: #3d4a5b; }
+  .composerInputMeta-autocomplete input::placeholder {
     color: #d6dde6; }
 
 select.pm-field, select.pm-field-icon-container {
diff --git a/themes/vitamin_c/vitamin_c_full.css b/themes/vitamin_c/vitamin_c_full.css
index 78830ee..5077157 100644
--- a/themes/vitamin_c/vitamin_c_full.css
+++ b/themes/vitamin_c/vitamin_c_full.css
@@ -171,6 +171,26 @@ body {
     box-shadow: inset 0 0 0 4px #004b62;
     border-radius: 16px; }
 
+#pm_composer .composer,
+.composerInputMeta-overlay {
+  background: #004358; }
+  #pm_composer .composer .composerHeader-container,
+  .composerInputMeta-overlay .composerHeader-container {
+    background: #005672; }
+
+[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: #004b62 !important; }
+
+.squireToolbar-separator {
+  background: #005672; }
+
+.composerTime-container,
+[class*="composer-field"] {
+  color: #e6eaf0; }
+
+.composerInputMeta-overlay-fakefield {
+  border-color: #e6eaf0; }
+
 .conversation {
   border-color: #006a8b; }
 
@@ -190,8 +210,11 @@ body {
 .bg-global-light, kbd {
   background: #004358; }
 
+.item-container, .item-container-row, .contactsummary-container {
+  background: #004358; }
+
 .conversation.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active),
-.conversation.item-container-row:not(.item-contact):not(.read):not(.active) {
+.conversation.item-container-row:not(.item-contact):not(.read):not(.active), .squireToolbar-container {
   background: #005672; }
 
 .item-container.active, .item-is-selected {
@@ -243,7 +266,9 @@ details:first-child {
 .message-infobox {
   background-color: #004358; }
 
-.bordered, .bordered-container, .breadcrumb-container {
+.bordered,
+.bordered-container:not([class*="composerInputMeta-"]),
+.breadcrumb-container {
   border-color: #006a8b; }
 
 .message-content.frame.message-frame {
@@ -336,7 +361,8 @@ details:first-child {
 
 .link:active, .link:focus, .link:hover,
 a:active, a:focus, a:hover,
-.pm-button--link:hover {
+.pm-button--link:hover,
+.composerInputMeta-label:hover {
   color: #ff8218; }
 
 .pm-modal, .pm-modalContentInner {
@@ -364,13 +390,23 @@ a:active, a:focus, a:hover,
 .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 {
+.pm-field:focus, .pm-field:focus-within,
+.composerInputMeta-overlay-fakefield,
+.composerInputMeta-autocomplete {
   color: #e6eaf0;
   background-color: #005672; }
   .pm-field::placeholder, .pm-field-icon-container::placeholder,
   .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder,
   .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder,
-  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder {
+  .pm-field:focus::placeholder, .pm-field:focus-within::placeholder,
+  .composerInputMeta-overlay-fakefield::placeholder,
+  .composerInputMeta-autocomplete::placeholder {
+    color: #d6dde6; }
+
+.composerInputMeta-autocomplete input {
+  color: #e6eaf0;
+  background-color: #005672; }
+  .composerInputMeta-autocomplete input::placeholder {
     color: #d6dde6; }
 
 select.pm-field, select.pm-field-icon-container {