feat: Implement Gogh Theme Engine with options page, theme parsing, and semantic theme derivation
We're cooked. <skull emoji> - Added options page for YAML palette editing, live color preview, and diagnostics. - Implemented theme engine to parse Gogh YAML palettes and derive semantic themes. - Configured TypeScript and Vite for building the extension. - Created new tab and popup HTML pages with corresponding scripts and styles. - Established storage management for user configurations in Chrome storage. - Added icons for the extension and updated manifest for MV3 compatibility.
This commit is contained in:
21
options/scripts/index.js
Normal file
21
options/scripts/index.js
Normal file
@@ -0,0 +1,21 @@
|
||||
import { getStorage,setStorage } from "../../common/storage";
|
||||
import { PRESET_CONFIGURATION, CHROME_SYNC_STORAGE_KEY } from "../../common/settings";
|
||||
|
||||
function saveConfiguration() {
|
||||
const updatedConfiguration = {
|
||||
storageValue: document.getElementById("storageValue").value
|
||||
};
|
||||
setStorage(CHROME_SYNC_STORAGE_KEY, updatedConfiguration);
|
||||
}
|
||||
|
||||
function loadConfiguration(result) {
|
||||
const savedConfiguration = result || PRESET_CONFIGURATION;
|
||||
const storageValue = savedConfiguration["storageValue"];
|
||||
document.getElementById("storageValue").value = storageValue;
|
||||
}
|
||||
|
||||
window.onload = function() {
|
||||
console.info("Options script loaded");
|
||||
document.getElementById("SaveConfiguration").addEventListener("click", saveConfiguration);
|
||||
getStorage(CHROME_SYNC_STORAGE_KEY, loadConfiguration);
|
||||
};
|
||||
Reference in New Issue
Block a user