diff --git a/.changeset/readme-sign-and-tagline.md b/.changeset/readme-sign-and-tagline.md new file mode 100644 index 0000000..421319b --- /dev/null +++ b/.changeset/readme-sign-and-tagline.md @@ -0,0 +1,5 @@ +--- +"@variablelab/theme-toggle": patch +--- + +Put the Sign and the Tagline at the top of the README, and set the author to `rcrd `. diff --git a/README.md b/README.md index e38d372..c34b71b 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,10 @@ -# @variablelab/theme-toggle +

+ +

+ +

theme-toggle

+ +

The theme is set before first paint.

Light/dark/system color-mode toggle for React apps, with a tiny inline script that sets the theme **before first paint** to avoid the flash of the wrong theme (FOUC). diff --git a/brand/README.md b/brand/README.md new file mode 100644 index 0000000..46c8272 --- /dev/null +++ b/brand/README.md @@ -0,0 +1,12 @@ +# theme-toggle brand + +The Sign of theme-toggle: an edge and a block, with a gap between them. It isn't a sun and a moon. + +| File | Use | +| --- | --- | +| `sign.svg` | The Sign, 24×24, in `currentColor`. Sites and images use this file. | +| `sign-readme.svg` | The Sign on a `ground` square, for READMEs. | + +How a Sign is drawn and used: [vlab-brand › Project brand](https://github.com/withvariablelab/brand/blob/main/skills/vlab-brand/project-brand.md). + +These files aren't covered by this repository's license. Their use is set by [BRAND-USE.md](https://github.com/withvariablelab/brand/blob/main/BRAND-USE.md). diff --git a/brand/sign-readme.svg b/brand/sign-readme.svg new file mode 100644 index 0000000..c1bbccc --- /dev/null +++ b/brand/sign-readme.svg @@ -0,0 +1 @@ + diff --git a/brand/sign.svg b/brand/sign.svg new file mode 100644 index 0000000..f72ef3c --- /dev/null +++ b/brand/sign.svg @@ -0,0 +1 @@ + diff --git a/package.json b/package.json index 1614f77..847b1a6 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,7 @@ "url": "git+https://github.com/withvariablelab/theme-toggle.git" }, "license": "MIT", - "author": "rcrd ", + "author": "rcrd ", "type": "module", "exports": { ".": {