NewCo.Tokens
3.0.28
dotnet add package NewCo.Tokens --version 3.0.28
NuGet\Install-Package NewCo.Tokens -Version 3.0.28
<PackageReference Include="NewCo.Tokens" Version="3.0.28" />
<PackageVersion Include="NewCo.Tokens" Version="3.0.28" />
<PackageReference Include="NewCo.Tokens" />
paket add NewCo.Tokens --version 3.0.28
#r "nuget: NewCo.Tokens, 3.0.28"
#:package NewCo.Tokens@3.0.28
#addin nuget:?package=NewCo.Tokens&version=3.0.28
#tool nuget:?package=NewCo.Tokens&version=3.0.28
NewCo.Tokens (.NET / NuGet)
NewCo design tokens for .NET, built for Blazor and Radzen teams.
Same tokens as the npm package @helloimjolopez-newco/newco-tokens, same Figma
source of truth — just delivered as a NuGet Razor Class Library.
Install
dotnet add package NewCo.Tokens
Use
Reference the stylesheet (served automatically as a static web asset) once, in
App.razor / index.html / _Host.cshtml:
<link rel="stylesheet" href="_content/NewCo.Tokens/newco-tokens.css" />
Then style with the CSS variables — works in Razor markup, component <style>,
and alongside Radzen components:
<div style="background: var(--semantic-color-light-mode-surface-widget-base);
color: var(--semantic-color-light-mode-text-static-primary-base);
border: 1px solid var(--semantic-color-light-mode-stroke-static-neutral-base);">
Hello NewCo
</div>
Avoid magic strings (optional)
A generated NewCoTokens constants class gives you the variable names:
@using NewCo.Tokens
<div style="background: var(@NewCoTokens.SemanticColorLightModeSurfaceWidgetBase)">…</div>
Why this works with Radzen
Radzen components render normal DOM, so they inherit these CSS variables like any other element — you can theme Radzen with NewCo tokens today. The forthcoming Web Components (Lit) will drop in as plain custom elements for cases where you want NewCo's own components rather than Radzen's.
Versioning
Version tracks the npm package 1:1; CI runs dotnet pack -p:Version=<npm version>
so NewCo.Tokens and @helloimjolopez-newco/newco-tokens never drift.
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 was computed. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net8.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 |
|---|---|---|
| 3.0.28 | 78 | 9/28/2026 |
| 3.0.27 | 90 | 9/26/2026 |
| 3.0.26 | 85 | 9/24/2026 |
| 3.0.25 | 84 | 9/24/2026 |
| 3.0.24 | 82 | 9/24/2026 |
| 3.0.23 | 88 | 9/24/2026 |
| 3.0.22 | 84 | 9/24/2026 |
| 3.0.21 | 84 | 9/24/2026 |
| 3.0.20 | 92 | 9/23/2026 |
| 3.0.19 | 96 | 9/21/2026 |
| 3.0.18 | 85 | 9/21/2026 |
| 3.0.17 | 88 | 9/21/2026 |
| 3.0.16 | 83 | 9/21/2026 |
| 3.0.15 | 102 | 9/18/2026 |
| 3.0.14 | 98 | 9/17/2026 |
| 3.0.13 | 101 | 9/17/2026 |
| 3.0.12 | 92 | 9/17/2026 |
| 3.0.11 | 92 | 9/17/2026 |
| 3.0.10 | 88 | 9/17/2026 |
| 3.0.9 | 95 | 9/16/2026 |