What problem does it solve? Developers using the Singapore Government Design System (SGDS) need to retheme applications with their own brand colours, enable dark mode, or change fonts without breaking component styling, and this Skill provides the exact CSS token override patterns to do so. ## Core Features & Use Cases - Brand Colour Overrides: Replace the default purple primary colour by overriding the --sgds-product-primary-100 through --sgds-product-primary-900 primitive token scale. - GovTech Colour Palettes: Apply one of six pre-approved GovTech colours from themes/gt/ by mapping --gt-color-* variables onto the product primary scale. - Night Mode Support: Enable dark mode by importing themes/night.css and toggling the sgds-night-theme class on the <html> element. - Font Customization: Change the default Inter typeface by overriding --sgds-font-family-brand and loading your own font assets. - Use Case: A GovTech team building a new portal needs the official blue brand colour and optional dark mode; this Skill guides them to import themes/gt/blue.css, map the GT tokens, and add the night theme class. ## Quick Start Ask the AI to change your SGDS app's primary brand colour to your custom hex palette and explain the correct CSS import order.
