Skip to content

highlighted text colors#1119

Merged
pngwn merged 2 commits into
mainfrom
hl-text-cols
May 2, 2022
Merged

highlighted text colors#1119
pngwn merged 2 commits into
mainfrom
hl-text-cols

Conversation

@pngwn
Copy link
Copy Markdown
Member

@pngwn pngwn commented Apr 28, 2022

Adds nicer default colors for HighlightText. The colors are named, so if users pass these names, we will map it to the supported shade (with both a light + dark variant when needed). Users will ahve better results with these named colours, so we should document them. When colours are chosen automatically, they are selected in the following order. I tried to make sure adjacnet colours are not too similar which is important in certain visualisations. Custom colours are still suported.

name primary sceondary
red #dc2626 #fca5a5
green #16a34a #86efac
blue #2563eb #93c5fd
yellow #eab308 #fef08a
purple #9333ea #d8b4fe
teal #0d9488 #5eead4
orange #ea580c #fdba74
cyan #0891b2 #7dd3fc
lime #84cc16 #d9f99d
pink #db2777 #f9a8d4

https://play.tailwindcss.com/ZubQYya0aN

@pngwn pngwn merged commit 1032313 into main May 2, 2022
@pngwn pngwn deleted the hl-text-cols branch May 2, 2022 08:41
@pngwn pngwn mentioned this pull request May 2, 2022
31 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant