Whetstone Theme Register - Draft 0.3

Hooks.once('WhetstoneReady', () => {
    console.log('Whetstone | Ready');

     game.Whetstone.themes.register('Whetstone', {
        id: 'OceanBlues',
        name: 'OceanBlues',
        title: 'Ocean Blues',
        description: 'An example Style for Whetstone with static colors',
        version: '1.0.0',
        authors: [{ name: 'MajorVictory', contact: 'https://github.com/MajorVictory', url: 'https://github.com/MajorVictory' }],
        styles: ['modules/Whetstone/styles/OceanBlues.css'],
        variables: [
            {
                name: '--OceanBlues-bg-color',
                title: 'Background Color',
                hint: 'Used in sheet headers, tinges the background.',
                value: '#3d5a80', type: 'color', presets: 'palette'
            },
            {
                name: '--OceanBlues-text-light-color',
                title: 'Text Color - Light',
                hint: 'Used for text on dark background.',
                value: '#98c1d9', type: 'color', presets: 'palette'},
            {
                name: '--OceanBlues-text-dark-color',
                title: 'Text Color - Dark',
                hint: 'Used for text on light backgrounds.',
                value: '#102632', type: 'color', presets: 'palette'},
            {
                name: '--OceanBlues-text-highlight-color',
                title: 'Text Highlight Color',
                hint: '',
                value: '#72b9d5', type: 'color', presets: 'palette'},
            {
                name: '--OceanBlues-text-selection-color',
                title: 'Text Selection Color',
                hint: '',
                value: '#b0c2bd', type: 'color', presets: 'palette'},
            {
                name: '--OceanBlues-fg-color',
                title: 'Foreground Color',
                hint: 'Used for textboxes and input fields',
                value: '#e0fbfc', type: 'color', presets: 'palette'},
            {
                name: '--OceanBlues-highlight-color',
                title: 'Highlight Color',
                hint: 'Used for highlighter colro when hovering over hyperlinks or interface elements.',
                value: '#ee6c4d', type: 'color', presets: 'palette'},
            {
                name: '--OceanBlues-border-color',
                title: 'Border Color',
                hint: '',
                value: '#293241', type: 'color', presets: 'palette'},
            {
                name: '--OceanBlues-padding',
                title: 'Text Value Entry',
                hint: 'This option is used to text the text value input control',
                value: '4px', type: String}
        ],
        presets: {
            palette: {
                '#3d5a80': 'Bdazzled Blue',
                '#98c1d9': 'Pale Cerulean',
                '#102632': 'Charcoal',
                '#72b9d5': 'Dark Sky Blue',
                '#b0c2bd': 'Opal',
                '#e0fbfc': 'Light Cyan',
                '#ee6c4d': 'Burnt Sienna',
                '#293241': 'Gunmetal'
            }
        },
        dialog: '',
        config: '',
        img: 'modules/Whetstone/images/Whetstone-thumb.png',
        preview: 'modules/Whetstone/images/OceanBlues-preview.png',
        dependencies: {},
        systems: { 'core': '0.6.6' },
        compatible: {},
        conflicts: {}
    });

    // Register that this theme has a menu
    // WhetstoneThemeConfigDialog is provided by Whetstone core
    game.Whetstone.settings.registerMenu('Whetstone', 'OceanBlues', {
        name: game.i18n.localize('WHETSTONE.Config'),
        label: game.i18n.localize('WHETSTONE.ConfigTitle'),
        hint: game.i18n.localize('WHETSTONE.ConfigHint'),
        icon: 'fas fa-paint-brush',
        type: WhetstoneThemeConfigDialog,
        restricted: false
    });

    // Register that this theme's config storage value
    // WhetstoneThemeConfig is provided by Whetstone core
    game.Whetstone.settings.register('Whetstone', 'OceanBlues', {
        name: game.i18n.localize('WHETSTONE.Config'),
        scope: 'client',
        default: WhetstoneThemeConfig.getDefaults,
        type: Object,
        config: false,
        onChange: settings => {
            WhetstoneThemeConfig.apply(settings);
        }
    });
});