Added settings(including managesieve plugin) and about dialog

customstyles.css

@@ -3,13 +3,35 @@ body {
   color: #eee;
 }
 
+/* About dialog */
+.ui-dialog {
+  box-shadow-color: #333;
+  background-color: #eee;
+  box-shadow: none;
+}
+
+.ui-dialog .ui-dialog-titlebar {
+  color: #eee;
+  background-color: #444;
+}
+.records-table thead tr th{
+  color: #eee;
+  background-color: #444;
+  border-color: #555;
+}
+.records-table tbody tr td{
+  background-color: #333;
+  border-color: #555;
+}
+/* eof About dialog */
+
 /* Toolbar */
 .toolbar a.button {
   opacity: 1;
   color: #eee;
 }
 
-a.button.disabled {
+.toolbar a.button.disabled {
   opacity: .5;
 }
 
@@ -29,7 +51,7 @@ a.menuselector .handle {
 /* Folder list */
 .folderlist li.mailbox.inbox.selected > a,
 .folderlist li.mailbox ul li.selected > a {
-  color: #eee;
+  color: #333;
   background-color: #aaa;
 }
 
@@ -101,3 +123,81 @@ body.iframe {
 }
 /* eof Message composition */
 
+/* Settings */
+#settings-tabs .listitem a {
+  color: #eee;
+}
+
+#settings-sections .selected a {
+  color: #333;
+  background-color: #aaa;
+}
+
+
+#settings-tabs .listitem {
+  background-color: #333;
+  border-color: #555;
+}
+/* eof Settings */
+
+/* Settings Section */
+.uibox,
+.uibox .boxtitle {
+  color: #eee;
+  background-color: #444;
+}
+
+#subscription-table li.root {
+  background-color: #333;
+}
+
+#identities-table .selected td,
+#filtersetslist .selected td,
+#filterslist .selected td,
+#responses-table .selected td,
+#sections-table .selected td {
+  color: #333 !important;
+  background-color: #aaa;
+}
+
+#identities-table td,
+#responses-table td,
+#filtersetslist td,
+#filterslist td,
+.listbox,
+.uibox td.section {
+  color: #eee !important;
+  background-color: #333;
+  border-color: #555;
+}
+
+#identities-table tr.selected td {
+  color: #333;
+  background-color: #aaa;
+}
+/* eof Settings Section */
+
+/* Settings modification area*/
+table.propform td.title {
+  color: #eee;
+}
+
+body.iframe .boxtitle,
+body.iframe .footerleft.floating {
+  color: #eee;
+  background-color: #444;
+  border-color: #555;
+}
+ul.proplist li,
+table.propform td {
+  color: #eee;
+  background-color: #333;
+  border-color: #555;
+  border-width: 1px;
+}
+
+.footerleft {
+  background-color: #444;
+  padding: 8px;
+}
+/* eof Settings modifications area */