colorsbymax 0.4.0 → 0.5.0

package/dist/auto.js

@@ -1,4 +1,4 @@
-import { o as ThemeProvider, t as ThemeSwitcher } from "./ThemeSwitcher-DB_-2YB8.js";
+import { n as ThemeProvider, t as ThemeSwitcher } from "./ThemeSwitcher-Cns36kps.js";
 import { createElement } from "react";
 import { createRoot } from "react-dom/client";
 //#region src/auto.js

package/dist/index.js

@@ -1,2 +1,2 @@
-import { A as PAIRINGS, C as TOKEN_KEYS, D as MIN_CONTRAST_NON_TEXT, E as MIN_CONTRAST_LARGE_TEXT, F as contrastRatio, I as normalizeHex, M as checkTheme, N as fixAll, O as MIN_CONTRAST_TEXT, P as suggestFix, S as TOKEN_GROUPS, T as deriveAppTokens, _ as darkTokens, a as themeFromPalette, b as BASE_TOKENS, c as useTheme, d as DEFAULT_SETTINGS, f as collectColors, g as themeFromRoles, h as suggestThemes, i as rolesFromPalette, j as checkRamp, k as MIN_RAMP_STEP_DELTA_E, l as DEFAULT_STORAGE_KEY, m as inferRoles, n as coloursFromFile, o as ThemeProvider, p as detectSiteName, r as dominantColours, s as applyTokens, t as ThemeSwitcher, u as prePaintScript, v as isDarkTheme, w as completeTokens, x as PRESETS, y as toDark } from "./ThemeSwitcher-DB_-2YB8.js";
+import { A as PAIRINGS, C as TOKEN_KEYS, D as MIN_CONTRAST_NON_TEXT, E as MIN_CONTRAST_LARGE_TEXT, F as contrastRatio, I as normalizeHex, M as checkTheme, N as fixAll, O as MIN_CONTRAST_TEXT, P as suggestFix, S as TOKEN_GROUPS, T as deriveAppTokens, _ as darkTokens, a as DEFAULT_STORAGE_KEY, b as BASE_TOKENS, c as coloursFromFile, d as themeFromPalette, f as collectColors, g as themeFromRoles, h as suggestThemes, i as useTheme, j as checkRamp, k as MIN_RAMP_STEP_DELTA_E, l as dominantColours, m as inferRoles, n as ThemeProvider, o as prePaintScript, p as detectSiteName, r as applyTokens, s as DEFAULT_SETTINGS, t as ThemeSwitcher, u as rolesFromPalette, v as isDarkTheme, w as completeTokens, x as PRESETS, y as toDark } from "./ThemeSwitcher-Cns36kps.js";
 export { BASE_TOKENS, DEFAULT_SETTINGS, DEFAULT_STORAGE_KEY, MIN_CONTRAST_LARGE_TEXT, MIN_CONTRAST_NON_TEXT, MIN_CONTRAST_TEXT, MIN_RAMP_STEP_DELTA_E, PAIRINGS, PRESETS, TOKEN_GROUPS, TOKEN_KEYS, ThemeProvider, ThemeSwitcher, applyTokens, checkRamp, checkTheme, collectColors, coloursFromFile, completeTokens, contrastRatio, darkTokens, deriveAppTokens, detectSiteName, dominantColours, fixAll, inferRoles, isDarkTheme, normalizeHex, prePaintScript, rolesFromPalette, suggestFix, suggestThemes, themeFromPalette, themeFromRoles, toDark, useTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colorsbymax",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "A live theme switcher for any website: site themes, 700+ palettes, for light/dark modes and WCAG contrast checks.",
   "keywords": [
     "theme",

package/types/index.d.ts

@@ -96,17 +96,32 @@ export interface ColorsByMaxConfig {
    */
   colourLogo?: boolean
   /**
-   * How boldly a re-coloured site (one that doesn't paint with the --color-* variables) takes a
-   * theme, for a first-time visitor. 'colourful' (default) paints the page's parts by role, as a
-   * designer would: header, hero, alternating sections, cards, buttons, links, headings and footer.
-   * 'subtle' only swaps the colours the site already has. Visitors can switch in the panel.
+   * How boldly the site takes a theme, for a first-time visitor. 'subtle' keeps the site's own
+   * backgrounds, cards and text and brings the theme in on buttons, links and highlights.
+   * 'balanced' is the theme as designed (the default on a site painted with the --color-*
+   * variables). 'colourful' is an overhaul: tinted backgrounds, and the page's parts painted by role
+   * as a designer would (the default on a site colorsbymax re-colours). Visitors can switch in the panel.
    */
-  colourStyle?: 'colourful' | 'subtle'
+  colourStyle?: 'subtle' | 'balanced' | 'colourful'
+  /**
+   * The bell in the panel: says when a newer colorsbymax is out, with how to update, and shows news
+   * from mrmaxdesigns. 'dev' (default) shows it only on development addresses (localhost and the
+   * like), never to a live site's visitors; true everywhere; false never. It checks once a day.
+   */
+  updates?: boolean | 'dev'
+  /** How strongly Colourful paints for a first-time visitor, 0 (a light wash) to 100 (bold). Default 50. */
+  colourStrength?: number
   /**
    * Parts of the panel to switch off for everyone, e.g. `{ scan: false, audit: false }`. All are on
    * by default. Unlike the rest of the config it's read live, so a site can change it after loading.
    */
-  features?: Partial<Record<'picks' | 'library' | 'search' | 'surprise' | 'scan' | 'custom' | 'overrides' | 'importExport' | 'audit' | 'addToSite' | 'colourStyle' | 'colourCount', boolean>>
+  features?: Partial<Record<'picks' | 'library' | 'search' | 'surprise' | 'scan' | 'custom' | 'overrides' | 'importExport' | 'audit' | 'addToSite' | 'colourStyle' | 'colourCount' | 'studio', boolean>>
+  /**
+   * Only colour these pages, e.g. `['/', '/pricing', '/blog/*']`. A path ending in `/*` is that
+   * section and every page under it. Every other page keeps its own colours. Default: the whole
+   * site. A visitor can choose differently in Studio, on their own device.
+   */
+  pages?: string[]
   /**
    * The mode a first-time visitor starts in (default 'light'; 'system' follows their device). Any
    * site can start dark: every theme has a dark twin. Visitors can still change it.
@@ -232,8 +247,12 @@ export interface PanelSettings {
   libraryCollapsed: boolean
   /** Whether themes re-colour the site's logo too. Off (the default) keeps its own colours. */
   colourLogo: boolean
-  /** On a re-coloured site: 'colourful' paints its parts by role, 'subtle' only swaps its colours. */
-  colourStyle: 'colourful' | 'subtle'
+  /** How boldly the site takes a theme: its own look with the theme's accents, the theme as designed, or an overhaul. */
+  colourStyle: 'subtle' | 'balanced' | 'colourful'
+  /** How strongly Colourful paints, 0 (a light wash) to 100 (bold). */
+  colourStrength: number
+  /** Whether Colourful tints the page with colours from the site's own pictures. */
+  imageTints: boolean
   /** Hidden on this device (from the finish screen); Alt+Shift+C or ?colorsbymax brings it back. */
   hideButton: boolean
 }