Added thumbnail image for polygon and updated CHANGELOG

Author: nandac

.github/workflows/release.yml

@@ -7,7 +7,7 @@ env:
   # the repository to which to push the release version
   # usually a fork of typst/packages (https://github.com/typst/packages/)
   # that you have push privileges to
-  REGISTRY_REPO: author/typst-packages
+  REGISTRY_REPO: nandac/typst-packages
   # the path within that repo where the "<name>/<version>" directory should be put
   # for the Typst package registry, keep this as is
   PATH_PREFIX: packages/preview

CHANGELOG.md

@@ -26,14 +26,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Security
 
-## [0.1.0] - 2025-01-01
+## [0.1.0] - 2025-06-06
 
 ### Added
 
 <!-- Describe the feature set of the initial release here -->
--
--
--
+- Initial version of this package
 
 <!--
 Below are the target URLs for each version

Justfile

@@ -11,6 +11,8 @@ doc:
   typst compile docs/manual.typ docs/manual.pdf
   typst compile docs/thumbnail.typ thumbnail-light.svg
   typst compile --input theme=dark docs/thumbnail.typ thumbnail-dark.svg
+  typst compile docs/thumbnail-2.typ thumbnail-2-light.svg
+  typst compile --input theme=dark docs/thumbnail-2.typ thumbnail-2-dark.svg
 
 # run test suite
 test *args:

README.md

@@ -104,22 +104,23 @@ The following examples demonstrate the usage of the `css-colors` package in vari
 ```typ
 #import "@preview/css-colors:0.1.0": *
 
-(a) saddlebrown: #box(width: 30mm, height: 1em, fill: css("saddlebrown"))
-
-(b) SaddleBrown: #box(width: 30mm, height: 1em, fill: css("SaddleBrown"))
-
 #align(center)[
   #polygon.regular(
     fill: css("darkgoldenrod").lighten(60%),
     stroke: (paint: css("darkgoldenrod"), thickness: 4pt, cap: "round"),
-    size: 80mm,
+    size: 60mm,
     vertices: 6,
   )
 ]
 ```
 
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="./thumbnail-2-dark.svg">
+  <img src="./thumbnail-2-light.svg" alt="">
+</picture>
+
 For additional examples, detailed explanations and the actual PDF output refer to the project manual.
 
 ## Acknowledgments
 
-We would like to thank the Typst community on Discord for giving invaluable support during the development of this package.
+I would like to thank the Typst community on [Discord](https://discord.com/channels/1054443721975922748/1069937650125000807) for giving invaluable support during the development of this package.

docs/manual.pdf

@@ -154,7 +154,7 @@ The following examples demonstrate the usage of the `css-colors` package in vari
 
   #rect(width: 100%, height: auto, fill: css("darkorchid"))
 
-+ CSS color names are case-insensitive so both `saddlebrown` and `SaddleBrown` are valid.
++ CSS color names can be specified in lowercase or CamelCase so both `saddlebrown` and `SaddleBrown` are valid.
 
   ```typ
   #import "@preview/css-colors:0.1.0": *
@@ -201,7 +201,7 @@ The following examples demonstrate the usage of the `css-colors` package in vari
     #polygon.regular(
       fill: css("darkgoldenrod").lighten(60%),
       stroke: (paint: css("darkgoldenrod"), thickness: 4pt, cap: "round"),
-      size: 80mm,
+      size: 60mm,
       vertices: 6,
     )
   ]

docs/manual.typ

@@ -0,0 +1,16 @@
+#import "@preview/css-colors:0.1.0": *
+
+#set page(height: auto, margin: 5mm, fill: none)
+
+// style thumbnail for light and dark theme
+#let theme = sys.inputs.at("theme", default: "light")
+#set text(white) if theme == "dark"
+
+#align(center)[
+  #polygon.regular(
+    fill: css("darkgoldenrod").lighten(60%),
+    stroke: (paint: css("darkgoldenrod"), thickness: 4pt, cap: "round"),
+    size: 60mm,
+    vertices: 6,
+  )
+]