release candidate

README.md

@@ -1,3 +1,5 @@
-# VoidTab
+![](docs/images/VoidTab-banner-dark.png#gh-dark-mode-only)
+![](docs/images/VoidTab-banner-light.png#gh-light-mode-only)
 
-A void new-tab extension.
+A void / blank page for your browser's New Tab page. Tired of annoying items and menus in your home screen? Try VoidTab.
+It literally is a blank page with a solid background. You can customize that background to match your browser theme.

background.js

@@ -1,13 +1,17 @@
 import { config } from "./config.js";
 
+// Set colors to default values.
 const baseSetup = () => {
   chrome.storage.sync.set({ colors: config.colors });
 };
 
+// On load, check if `colors` exist.
 chrome.storage.sync.get(["colors"], (colors) => {
+  // Initialize with base colors if not set.
   if (!Object.keys(colors).length) baseSetup();
 });
 
+// Restore default values on event.
 chrome.runtime.onMessage.addListener((message) => {
   if (message === "reset-colors") baseSetup();
 });

config.js

@@ -1,4 +1,5 @@
 export const config = {
+  // Default background colors.
   colors: {
     darkBackground: "#313131",
     lightBackground: "#f1f1f1",

popup/popup.js

@@ -1,16 +1,18 @@
-const colorInputFormelement = document.getElementById("color-input-form");
+const colorInputFormElement = document.getElementById("color-input-form");
 const darkColorInputElement = document.getElementById("dark-color-input");
 const lightColorInputElement = document.getElementById("light-color-input");
 const resetColorsButtonElement = document.getElementById("reset-colors-button");
 
+// Set page backgrounds from storage values.
 chrome.storage.sync.get(["colors"], (result) => {
   const colors = result.colors;
 
   darkColorInputElement.value = colors.darkBackground;
   lightColorInputElement.value = colors.lightBackground;
 });
 
-colorInputFormelement.onsubmit = (event) => {
+// Update storage values from form data.
+colorInputFormElement.onsubmit = (event) => {
   event.preventDefault();
 
   const darkBackground = darkColorInputElement.value;
@@ -24,6 +26,7 @@ colorInputFormelement.onsubmit = (event) => {
   chrome.storage.sync.set({ colors });
 };
 
+// Dispatch `reset-colors` event handled by `background.js`.
 resetColorsButtonElement.onclick = () => {
   chrome.runtime.sendMessage("reset-colors");
 };