syncfusion-blazor-themes — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited syncfusion-blazor-themes (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Complete guidance for applying and customizing Syncfusion Blazor component themes using Theme Studio, SCSS overrides, and production-ready best practices.
Use this skill when you need to:
@use and CSS custom propertiessettings.json)Do NOT use for:
syncfusion-blazor-commonsyncfusion-blazor-commonsyncfusion-blazor-security| Theme | Description |
|---|---|
| Material 3 | Google Material Design 3 (recommended default) |
| Bootstrap 5 | Bootstrap 5 design system |
| Fluent / Fluent 2 | Microsoft Fluent Design System |
| Tailwind CSS | Tailwind CSS design tokens |
| Bootstrap 4 | Bootstrap 4 design system |
| Material | Original Material Design |
| High Contrast | WCAG-compliant accessible theme |
Lightweight variants (e.g., fluent2-lite.css) exclude web fonts — ideal for offline or bandwidth-constrained environments.Add to <head> in ~/Components/App.razor:
<link href="_content/Syncfusion.Blazor.Themes/material3.css" rel="stylesheet" />Add to <head> in wwwroot/index.html:
<link href="_content/Syncfusion.Blazor.Themes/material3.css" rel="stylesheet" />⚠️ Important: Only reference one Syncfusion base theme at a time to avoid style conflicts.
.css, .scss, and settings.json~/wwwroot/styles/ and reference it in your host pagesettings.json to version control for future updates/* Custom.scss */
:root {
--color-primary-override: 54, 34, 89;
}
@use 'material3.scss' with (
$primary: var(#{--color-primary-override})
);~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.