Theme Maker - Test

For all those that would like to test customizing

Note: This preview will most likely stop working at some point

Open theme-color-picker in Script Kit

// Name: Theme Maker
// Description: Test Themes

import "@johnlindquist/kit"

const setArgOptions = (key, val) => {
    return {
        name: key, type: "color", input: val, onInput: async input => {
            const scriptObj = {}
            scriptObj[key] = input
            setScriptTheme(scriptObj)
        }
    }
}


let foreground = setArgOptions("foreground", "#ffffff")
let accent = await arg(setArgOptions("accent", "#fbbf24"))
let ui = await arg(setArgOptions("ui", "#343434"))
let background = await arg(setArgOptions("background", "#000000"));
let opacity = await arg({
    type: "range",
    name: "opacity",
    input: "85",
    onInput: async input => setScriptTheme({opacity:`0.${input}`})
})


let result = await div(md(`# Success!`))