add basic light theme

themes/light/01-variables/colors.css

+:root {
+    /* base */
+    --background-color: #fff;
+    --sidebar-color: #ccf;
+    --sidebar-hover-color: #99f;
+    --text-color: #000;
+    --divider-color: #888;
+
+    /* button */
+    --button-color: #b38cd9;
+    --button-border-color: #9966cc;
+    --button-selected-color: #663399;
+    --button-hover-color: #ccb3e6;
+    --button-disabled-color: #80609f;
+
+    --link-color: #1c377d;
+    --link-hover-color: #2a53bb;
+}

themes/light/02-sugarcube/01-init-screen.css

+#init-screen {
+	color: var(--text-color);
+	background-color: var(--background-color);
+}

themes/light/02-sugarcube/03-core.css

+body {
+	color: var(--text-color);
+	background-color: var(--background-color);
+}
+
+a {
+	color: var(--link-color);
+}
+
+a:hover {
+	color: var(--link-hover-color);
+}
+
+button {
+	color: var(--text-color);
+	background-color: var(--button-color);
+	border: 1px solid var(--button-border-color);
+}
+
+button:hover {
+	background-color: var(--button-hover-color);
+	border-color: var(--button-border-color);
+}
+
+button:disabled {
+	background-color: var(--button-disabled-color);
+	border: 1px solid var(--button-border-color);
+}
+
+input, select, textarea {
+	color: #333;
+	background-color: transparent;
+	border: 1px solid var(--button-border-color);
+}
+
+input:not(:disabled):focus, select:not(:disabled):focus, textarea:not(:disabled):focus,
+input:not(:disabled):hover, select:not(:disabled):hover, textarea:not(:disabled):hover {
+	background-color: #e5d9f2;
+	border-color: var(--button-selected-color);
+}
+
+hr {
+	border-top: 1px solid var(--divider-color);
+}

themes/light/02-sugarcube/07-ui-dialog.css

+#ui-dialog-titlebar {
+	background-color: var(--divider-color);
+}
+#ui-dialog-body {
+	background-color: var(--sidebar-color);
+	border: 1px solid var(--divider-color);
+}
+#ui-dialog-body hr {
+	background-color: var(--divider-color);
+}

themes/light/02-sugarcube/08-ui.css

+/* Saves dialog styling. */
+#ui-dialog-body.saves > *:not(:first-child) {
+	border-top-color: var(--divider-color);
+}
+#ui-dialog-body.saves tr:not(:first-child) {
+	border-top-color: var(--divider-color);
+}
+#ui-dialog-body.saves .empty {
+	color: var(--text-color);
+}

themes/light/02-sugarcube/09-ui-bar.css

+#ui-bar {
+	background-color: var(--sidebar-color);
+	border-right: 1px solid var(--divider-color);
+}
+#ui-bar a:hover {
+	text-decoration: underline;
+}
+#ui-bar hr {
+	border-color: var(--divider-color);
+}
+#ui-bar-toggle{
+	color: #444;
+	border: 1px solid var(--divider-color);
+	border-right: none;
+}
+#ui-bar-toggle:hover {
+	background-color: var(--sidebar-hover-color);
+	border-color: var(--divider-color);
+}
+#menu ul {
+	border: 1px solid var(--divider-color);
+}
+#menu li:not(:first-child) {
+	border-top: 1px solid var(--divider-color);
+}
+#menu li a {
+	color: var(--text-color);
+	background-color: transparent;
+	border: none;
+}
+#menu li a:hover {
+	background-color: var(--sidebar-hover-color);
+}

themes/light/arcologyBuilding.css

+div.building.basement {
+    border-top-color: #999;
+    background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, #999 20px, #999 30px);
+}
+
+div.building div.innerCell {
+    background-color: var(--background-color);
+}
+
+div.building div.decorative {
+    outline-color: black;
+}
+
+/* introduction special formatting */
+/* makes all links unusable */
+.intro div.building a {
+    color: var(--text-color);
+}

themes/light/options.css

+div.options-group span.comment {
+    color: #575757;
+}

themes/light/quicklinks.css

+div.quick-links div.toggle {
+    background-color: var(--button-color);
+}
+
+div.quick-links div.toggle:hover {
+    background-color: var(--button-hover-color);
+}
+
+div.quick-links div.menu-link {
+    background-color: var(--button-disabled-color);
+    border-color: var(--button-border-color);
+    box-shadow: var(--button-border-color);
+}