Soenneker.Quark.Gen.Tailwind
4.0.162
Prefix Reserved
dotnet add package Soenneker.Quark.Gen.Tailwind --version 4.0.162
NuGet\Install-Package Soenneker.Quark.Gen.Tailwind -Version 4.0.162
<PackageReference Include="Soenneker.Quark.Gen.Tailwind" Version="4.0.162"> <PrivateAssets>all</PrivateAssets> <IncludeAssets>runtime; build; native; contentfiles; analyzers</IncludeAssets> </PackageReference>
<PackageVersion Include="Soenneker.Quark.Gen.Tailwind" Version="4.0.162" />
<PackageReference Include="Soenneker.Quark.Gen.Tailwind"> <PrivateAssets>all</PrivateAssets> <IncludeAssets>runtime; build; native; contentfiles; analyzers</IncludeAssets> </PackageReference>
paket add Soenneker.Quark.Gen.Tailwind --version 4.0.162
#r "nuget: Soenneker.Quark.Gen.Tailwind, 4.0.162"
#:package Soenneker.Quark.Gen.Tailwind@4.0.162
#addin nuget:?package=Soenneker.Quark.Gen.Tailwind&version=4.0.162
#tool nuget:?package=Soenneker.Quark.Gen.Tailwind&version=4.0.162
Soenneker.Quark.Gen.Tailwind
Provides source generation for Quark and Tailwind CLI
Installation
dotnet add package Soenneker.Quark.Gen.Tailwind
Theme configuration
The Tailwind build task seeds tailwind/quark-shadcn.theme.json with shadcn/ui defaults when the file does not exist, then generates tailwind/quark-theme.generated.css from that config. Edit the JSON when the consuming app needs a different shadcn theme:
{
"baseColor": "Neutral",
"theme": "Neutral",
"chartColor": "Neutral",
"radius": "Default"
}
You can also provide additional shadcn v4 design-system settings:
{
"style": "Mira",
"baseColor": "Neutral",
"theme": "Blue",
"chartColor": "Emerald",
"font": "Inter",
"headingFont": "Inter"
}
The generator mirrors shadcn's current baseColor + theme + chartColor merge:
style:vega,nova,maia,lyra,mira,luma,sera,rheabaseColor:neutral,stone,zinc,mauve,olive,mist,taupethemeandchartColor: any shadcn theme available for that base colorchartColor: overrides onlychart-1throughchart-5
You can also provide just a shadcn preset code:
{
"preset": "b1D0dv72"
}
You can override individual CSS variables when a preset needs exact values:
{
"baseColor": "Zinc",
"theme": "Blue",
"chartColor": "Emerald",
"light": {
"primary": "oklch(0.623 0.214 259.815)"
},
"dark": {
"primary": "oklch(0.809 0.105 251.813)"
},
"inline": {
"font-heading": "var(--font-sans)"
}
}
The same settings can be supplied through MSBuild properties:
<PropertyGroup>
<ShadcnThemeStyle>Mira</ShadcnThemeStyle>
<ShadcnThemeBaseColor>Neutral</ShadcnThemeBaseColor>
<ShadcnTheme>Neutral</ShadcnTheme>
<ShadcnThemeChartColor>Neutral</ShadcnThemeChartColor>
<ShadcnThemeFont>Inter</ShadcnThemeFont>
<ShadcnThemeHeadingFont>Inter</ShadcnThemeHeadingFont>
<ShadcnThemePreset>b1D0dv72</ShadcnThemePreset>
</PropertyGroup>
If an external tool already generated the exact theme CSS, set cssFilePath in the JSON or ShadcnThemeCssFile in MSBuild to copy that file into the Tailwind build.
Learn more about Target Frameworks and .NET Standard.
-
.NETStandard 2.0
- No dependencies.
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 4.0.162 | 442 | 6/21/2026 |
| 4.0.161 | 151 | 6/21/2026 |
| 4.0.160 | 415 | 6/20/2026 |
| 4.0.159 | 274 | 6/20/2026 |
| 4.0.158 | 789 | 6/19/2026 |
| 4.0.157 | 403 | 6/19/2026 |
| 4.0.156 | 413 | 6/18/2026 |
| 4.0.155 | 759 | 6/18/2026 |
| 4.0.154 | 175 | 6/17/2026 |
| 4.0.153 | 342 | 6/17/2026 |
| 4.0.152 | 1,072 | 6/14/2026 |
| 4.0.151 | 590 | 6/11/2026 |
| 4.0.150 | 241 | 6/10/2026 |
| 4.0.149 | 155 | 6/10/2026 |
| 4.0.148 | 245 | 6/10/2026 |
| 4.0.147 | 255 | 6/10/2026 |
| 4.0.146 | 154 | 6/10/2026 |
| 4.0.145 | 221 | 6/9/2026 |
| 4.0.144 | 1,178 | 6/8/2026 |
| 4.0.143 | 166 | 6/7/2026 |