diff --git a/pages/about-light.css b/pages/about-light.css
new file mode 100644
index 0000000..e6f8c4e
--- /dev/null
+++ b/pages/about-light.css
@@ -0,0 +1,58 @@
+@import "about.css";
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+/* keep this selector the same as the next one */
+*|*:root:not(#ublock0-epicker) {
+	/* Variables that start with --gnome- are added by me and are assigned
+	 * to elements somewhere in this code. The rest of the variables are
+	 * built-in in Firefox, so you need to add an !important if you wanna
+	 * override them. */
+
+	--gnome-privatebrowsing-page-bgcolor: #ededed;
+
+	--in-content-page-color: #2e3436 !important;
+	--in-content-page-background: #ededed !important;
+	--in-content-text-color: #2e3436 !important;
+	--in-content-selected-text: #fff;
+	--in-content-box-background: #fff;
+	--in-content-box-background-odd: #f3f6fa;
+	--in-content-box-background-hover: #ebebeb;
+	--in-content-box-background-active: #dadada;
+	--in-content-box-border-color: #d7d7db;
+	--in-content-item-hover: rgba(0, 149, 221, .25);
+	--in-content-item-selected: #0a84ff;
+	--in-content-border-highlight: #0a84ff;
+	--in-content-border-focus: #0a84ff;
+	--in-content-border-color: #d7d7db;
+	--in-content-category-border-focus: 1px dotted #0a84ff;
+	--in-content-category-text: rgba(12, 12, 13);
+	--in-content-category-text-active: #0c0c0d;
+	--in-content-category-text-selected: #2981dc !important;
+	--in-content-category-text-selected-active: #0060df;
+	--in-content-category-background-hover: rgba(12, 12, 13, .1);
+	--in-content-category-background-active: rgba(12, 12, 13, .15);
+	--in-content-category-background-selected-hover: rgba(12, 12, 13, .15);
+	--in-content-category-background-selected-active: rgba(12, 12, 13, .2);
+	--in-content-tab-color: #424f5a;
+	--in-content-link-color: #0a8dff;
+	--in-content-link-color-hover: #0060df;
+	--in-content-link-color-active: #003eaa;
+	--in-content-link-color-visited: #0a8dff;
+	--in-content-primary-button-background: #0a84ff;
+	--in-content-primary-button-background-hover: #0060df;
+	--in-content-primary-button-background-active: #003eaa;
+	--in-content-table-border-dark-color: #d1d1d1;
+	--in-content-table-header-background: #0a84ff;
+
+	/* Extensions' popups */
+	--popup-background: #ededed;
+}
+
+/* A workaround for the screenshot tool, issue #7 */
+@-moz-document regexp("^moz-extension://.+/blank.html$") {
+	/* keep this selector the same as the previous one */
+	*|*:root:not(#ublock0-epicker) {
+		--in-content-page-background: unset !important;
+	}
+}
diff --git a/userContent.css b/userContent.css
index 15adfb2..1df5680 100644
--- a/userContent.css
+++ b/userContent.css
@@ -18,6 +18,7 @@
 
 /* Firefox' internal pages
  * Applies to all about: pages (settings, addons, new tab, etc). */
+/*@import "pages/about-light.css"; /**/
 /*@import "pages/about-dark.css"; /**/
 
 /* Firefox' source viewer