Support for Mail compose; Plugins: Sieve Manager, Contacts and Tasks

Smaller enhancements

customstyles.css

@@ -3,13 +3,31 @@ body {
   color: #eee;
 }
 
+/* Mobile view buttion */
+#topline button {
+  background-color: #333;
+}
+
+textarea,
+input,
+select {
+  color: #eee;
+  background-color: #333;
+  border: 1px solid #888;
+}
+
+.listsearchbox {
+  background-color: #333;
+}
+
 /* About dialog */
-.ui-dialog {
-  box-shadow-color: #333;
-  background-color: #eee;
+.ui-dialog .ui-dialog-content, 
+.ui-dialog .ui-widget-content {
+  background: #333;
   box-shadow: none;
 }
 
+.ui-dialog .ui-dialog-buttonpane,
 .ui-dialog .ui-dialog-titlebar {
   color: #eee;
   background-color: #444;
@@ -48,6 +66,23 @@ a.menuselector .handle {
 }
 /* oef Toolbar */
 
+/* Mail compose */
+#compose-contacts #directorylist {
+  border-bottom: 1px solid #888;
+}
+
+#composeheaders {
+  background-color: #333;
+  border-color: #888;
+}
+
+#compose-attachments .hint,
+#compose-attachments {
+  color: #eee;
+  background-color: #333;
+}
+/* eof Mail compose */
+
 /* Folder list */
 .folderlist li.mailbox.inbox.selected > a,
 .folderlist li.mailbox ul li.selected > a {
@@ -209,4 +244,123 @@ table.propform td {
   background-color: #444;
   padding: 8px;
 }
+
+/* Plugin: sieve manager */
+div.actionrow:hover,
+div.rulerow:hover {
+  background-color: #444;
+}
+
+div.actionrow,
+div.rulerow {
+  color: #888;
+  background-color: #333;
+  border: 1px solid #555;
+}
+
+.listarea {
+  border-color: #555;
+}
+
+td.rowtargets span {
+  color: #aaa;
+  /*background-color: #333;*/
+}
+
+#filter-form .listelement input { /* Filter definition text input */
+  background-color: #333 !important;
+}
+
+label,
+span.label,
+#filter-form label {
+  color: #aaa;
+}
+/* eof Plugin: sieve manager */
 /* eof Settings modifications area */
+
+/* Plugin: Contacts */
+#contacts-table tr.selected td,
+#directorylist .selected > a {
+  color: #333;
+  background-color: #aaa;
+}
+
+#contacts-table tr td,
+#directorylist a {
+  color: #eee;
+  background-color: #333;
+  border-color: #555;
+}
+
+#contacttabs li.ui-tabs-active a {
+  color: #333;
+  background-color: #aaa;
+  font-weight: bold;
+}
+
+#contacttabs li,
+#contacttabs a {
+  color: #888;
+  background-color: #333;
+  border: 1px solid #555;
+}
+
+#contacttabs fieldset {
+  color: #eee;
+  background-color: #333;
+  padding-top: 4px;
+}
+
+#contacttabs fieldset legend {
+  color: #eee;
+  background-color: #444;
+  border-color: #555;
+}
+/* eof Plugin: Contacts */
+
+/* Plugin: Tasks */
+#tasklists li.selected span.listname, 
+#tasklists li.selected {
+  color: #333 !important;
+  background-color: #aaa;
+}
+
+#tasklists li span.listname, 
+#tasklists li {
+  color: #eee !important;
+  background-color: #333;
+}
+
+#taskedit ul.tagedit-list,
+#taskedit li,
+#taskedit a {
+  color: #eee;
+  background-color: #333;
+  border: 1px solid #555;
+}
+
+#taskedit li.ui-tabs-active a {
+  color: #333;
+  background-color: #aaa;
+  font-weight: bold;
+}
+
+#taskedit li a.tagedit-close {
+  border: 0px;
+}
+
+li.tagedit-listelement,
+#taskedit input {
+  color: #eee !important;
+  background: #333 !important;
+}
+
+#taskshow {
+  color: #eee !important;
+}
+
+.tagcloud li{
+  color: #eee;
+}
+/* eof Plugin: Tasks */