sgds-theming

Name: sgds-theming
Availability: InStock
Author: GovTechSG

Official

Theming SGDS with branding and use of dark mode.

Design & Creative #branding #theming #dark-mode #css-tokens #font #govtech

AuthorGovTechSG

Version1.0.0

Installs0

System Documentation

What problem does it solve?

Enable consistent branding and theming across SGDS apps by centralising color tokens, fonts, and theme modes.

Core Features & Use Cases

Override brand colours via CSS tokens for a unified look.
Switch between day and night modes with a simple class toggle and theme files.
Apply GovTech branding using pre-defined themes to ensure consistency across products.

Quick Start

Import day theme first, then add your custom CSS overrides and optional night theme.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: sgds-theming
Download link: https://github.com/GovTechSG/sgds-web-component/archive/main.zip#sgds-theming

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.

View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.