@sanity/themer 0.4.0 → 0.5.0

package/README.md

@@ -53,7 +53,7 @@ const theme = buildTheme(verdant.options)
 
 ## Studio tool
 
-`@sanity/themer/tool` adds a themer sidebar to the Studio for these themes. It lists the configured theme, the presets and your own themes, each previewed as a tiny Studio in both color schemes, and picking one applies it live to the whole Studio while you browse around. Your own themes are edited scheme by scheme — a light mode and a dark mode card with accent/text/background pickers and a contrast slider each, the one the Studio is showing marked as active — add one from scratch, duplicate a preset to start from it, or take the colors from an image: its palette is read on device (the image is drawn onto a canvas and its vibrant and muted colors extracted right there, nothing is uploaded), the vibrant color becomes the accent (adjusted until a button label reads on it), the muted one the text color and the light and dark muted colors tint the backgrounds, and a row of variants previews the theme built around each swatch instead — with an "I'm feeling lucky" button that picks an interesting one. Themes can be removed and restored, and a dialog shows the `buildTheme` snippet that makes the applied theme permanent:
+`@sanity/themer/tool` adds a themer sidebar to the Studio for these themes. It lists the configured theme, the presets and your own themes, each previewed as a tiny Studio in both color schemes, and picking one applies it live to the whole Studio while you browse around — in the appearance the Studio is set to or, with the split-screen toggle in the sidebar header, twice side by side: light on the left, dark on the right. Your own themes are edited scheme by scheme — a light mode and a dark mode card with accent/text/background pickers and a contrast slider each, the one the Studio is showing marked as active — add one from scratch, duplicate a preset to start from it, or take the colors from an image: its palette is read on device (the image is drawn onto a canvas and its vibrant and muted colors extracted right there, nothing is uploaded), the vibrant color becomes the accent (adjusted until a button label reads on it), the muted one the text color and the light and dark muted colors tint the backgrounds, and a row of variants previews the theme built around each swatch instead — with an "I'm feeling lucky" button that picks an interesting one. Themes can be removed and restored, and a dialog shows the `buildTheme` snippet that makes the applied theme permanent:
 
 ```ts
 import {themerTool} from '@sanity/themer/tool'

package/dist/tool.d.ts

@@ -26,15 +26,16 @@ interface ThemerToolOptions {
 }
 /**
  * A Studio plugin that adds a themer sidebar for `buildTheme` themes: a
- * navbar toggle opens the sidebar next to the active tool, with a list of
- * themes — the configured theme, the presets and your own — each previewed
- * as a tiny Studio in both color schemes. Picking one applies it live to the
- * whole Studio while you browse around; your own themes can be edited with
+ * navbar toggle opens the sidebar next to the Studio, with a list of themes —
+ * the configured theme, the presets and your own — each previewed as a tiny
+ * Studio in both color schemes. Picking one applies it live to the whole
+ * Studio while you browse around; your own themes can be edited with
  * accent/text/background pickers and a contrast slider per scheme, added,
  * duplicated, given the colors of an image (its palette is read on device),
  * removed and restored, and a dialog shows the `buildTheme` snippet that
  * makes the applied theme permanent. Toggle between light and dark mode with
- * the regular appearance menu — the preview follows it.
+ * the regular appearance menu — the preview follows it — or split the
+ * preview to see the whole Studio in light and dark side by side.
  *
  * ```ts
  * import {themerTool} from '@sanity/themer/tool'

package/dist/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","names":[],"sources":["../src/tool/plugin.tsx"],"mappings":";;;;;;;;;UAeiB;;;;;;;;;;;;;;;EAef,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8BE,6BAAU,cAAA"}
+{"version":3,"file":"tool.d.ts","names":[],"sources":["../src/tool/plugin.tsx"],"mappings":";;;;;;;;;UAciB;;;;;;;;;;;;;;;EAef,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA+BE,6BAAU,cAAA"}