Divided the custom css into several files

It is more obvious what is supported.

dark_styles.css

@@ -0,0 +1,88 @@
+/* 
+ * Colors
+ *
+ * Body background: #222
+ * App  background: #333
+ * Font color: #eee
+ * Font color darker: #aaa
+ * Border color: #555
+ * Header/Footer background: #444
+ * Section selected/focused/... #aaa
+ */
+body {
+	background-color: #222;
+  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 .ui-dialog-content, 
+.ui-dialog .ui-widget-content {
+  color: #eee;
+  background: #333;
+  box-shadow: none;
+}
+
+.ui-dialog .ui-dialog-buttonpane,
+.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;
+}
+
+.toolbar a.button.disabled {
+  opacity: .5;
+}
+
+.searchbox input,
+a.menuselector,
+#quicksearchbar input {
+  color: #eee;
+	background-color: #333;
+	border-color: #888;
+}
+
+a.menuselector .handle {
+  color: #eee;
+}
+
+/* Spellcheck */
+.googie_edit_layer {
+  background-color: #333 !important;
+}
+
+.googie_link {
+  color: #ff5252 !important;
+}
+/* eof Spellcheck */