Kt Themes

Kimtools Modern themes inspired by Taiwlind and DaisyUI themes

🟣 PREMIUM

This component is only available in the Premium version of KimTools.

Get KimTools

kt-themes-light kt-themes-dark

Cupcake-light Cupcake-dark

Bumblebee-light Bumblebee-dark

Emerald-light Emerald-dark

Corporate-light Corporate-dark

Synthwave-light Synthwave-dark

Retro-light Retro-dark

Cyberpunk-light Cyberpunk-dark

Valentine-light Valentine-dark

Halloween-light Halloween-dark

Garden-light Garden-dark

Forest-light Forest-dark

Aqua-light Aqua-dark

Lofi-light Lofi-dark

Pastel-light Pastel-dark

Fantasy-light Fantasy-dark

Wireframe-light Wireframe-dark

Black-light Black-dark

Luxury-light Luxury-dark

Dracula-light Dracula-dark

CMYK-light CMYK-dark

Autumn-light Autumn-dark

Business-light Business-dark

Acid-light Acid-dark

Lemonade-light Lemonade-dark

Night-light Night-dark

Coffee-light Coffee-dark

Winter-light Winter-dark

Dim-light Dim-dark

Nord-light Nord-dark

Sunset-light Sunset-dark

CaramelLatte-light CaramelLatte-dark

Abyss-light Abyss-dark

Silk-light Silk-dark

GLOBAL THEMING

KimTools theming is currently global, meaning the active theme applies across the application.

Use KtColor.@default() to override semantic color variables in the current global theme.

🔴 🟡 🟢
// KtColor.@default() to change semantic variables of your current theme
KtColor.@default("Base_1", Color.WhiteSmoke);
KtColor.@default("Base_2", Color.FromArgb(226, 232, 240));
KtColor.@default("Base_3", Color.FromArgb(202, 213, 226));
KtColor.@default("Content", Color.FromArgb(51, 51, 56));
KtColor.@default("Primary", Color.FromArgb(99, 102, 241));
KtColor.@default("PrimaryContent", Color.FromArgb(237, 237, 242));
KtColor.@default("Secondary", Color.FromArgb(244, 114, 182));
KtColor.@default("SecondaryContent", Color.FromArgb(242, 239, 241));
KtColor.@default("Accent", Color.FromArgb(55, 219, 204));
KtColor.@default("AccentContent", Color.FromArgb(72, 94, 97));
KtColor.@default("Neutral", Color.FromArgb(33, 33, 38));
KtColor.@default("NeutralContent", Color.FromArgb(235, 235, 235));
KtColor.@default("Info", Color.FromArgb(102, 166, 255));
KtColor.@default("InfoContent", Color.FromArgb(54, 64, 89));
KtColor.@default("Success", Color.FromArgb(54, 211, 153));
KtColor.@default("SuccessContent", Color.FromArgb(63, 92, 79));
KtColor.@default("Warning", Color.FromArgb(251, 189, 35));
KtColor.@default("WarningContent", Color.FromArgb(102, 77, 3));
KtColor.@default("Error", Color.FromArgb(239, 105, 80));
KtColor.@default("ErrorContent", Color.FromArgb(71, 37, 33));
	
// Call Render to invoke global theme change event handler
// Pass true , false to set mode [dark | light]
// Pass null to inherit current mode.
KtColor.Render(null);

35 INCLUDED THEMES

The configuration below shows the colors and semantic roles used by this theme.

Cupcake

Cupcake theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Cupcake();
Auto
Light
Dark

Cupcake-light Cupcake-dark

Cupcake-light

Cupcake-dark

Bumblebee

Bumblebee theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Bumblebee();
Auto
Light
Dark

Bumblebee-light Bumblebee-dark

Bumblebee-light

Bumblebee-dark

Emerald

Emerald theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Emerald();
Auto
Light
Dark

Emerald-light Emerald-dark

Emerald-light

Emerald-dark

Corporate

Corporate theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Corporate();
Auto
Light
Dark

Corporate-light Corporate-dark

Corporate-light

Corporate-dark

Synthwave

Synthwave theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Synthwave();
Auto
Light
Dark

Synthwave-light Synthwave-dark

Synthwave-light

Synthwave-dark

Retro

Retro theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Retro();
Auto
Light
Dark

Retro-light Retro-dark

Retro-light

Retro-dark

Cyberpunk

Cyberpunk theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Cyberpunk();
Auto
Light
Dark

Cyberpunk-light Cyberpunk-dark

Cyberpunk-light

Cyberpunk-dark

Valentine

Valentine theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Valentine();
Auto
Light
Dark

Valentine-light Valentine-dark

Valentine-light

Valentine-dark

Halloween

Halloween theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Halloween();
Auto
Light
Dark

Halloween-light Halloween-dark

Halloween-light

Halloween-dark

Garden

Garden theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Garden();
Auto
Light
Dark

Garden-light Garden-dark

Garden-light

Garden-dark

Forest

Forest theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Forest();
Auto
Light
Dark

Forest-light Forest-dark

Forest-light

Forest-dark

Aqua

Aqua theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Aqua();
Auto
Light
Dark

Aqua-light Aqua-dark

Aqua-light

Aqua-dark

Lofi

Lofi theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Lofi();
Auto
Light
Dark

Lofi-light Lofi-dark

Lofi-light

Lofi-dark

Pastel

Pastel theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Pastel();
Auto
Light
Dark

Pastel-light Pastel-dark

Pastel-light

Pastel-dark

Fantasy

Fantasy theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Fantasy();
Auto
Light
Dark

Fantasy-light Fantasy-dark

Fantasy-light

Fantasy-dark

Wireframe

Wireframe theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Wireframe();
Auto
Light
Dark

Wireframe-light Wireframe-dark

Wireframe-light

Wireframe-dark

Black

Black theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Black();
Auto
Light
Dark

Black-light Black-dark

Black-light

Black-dark

Luxury

Luxury theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Luxury();
Auto
Light
Dark

Luxury-light Luxury-dark

Luxury-light

Luxury-dark

Dracula

Dracula theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Dracula();
Auto
Light
Dark

Dracula-light Dracula-dark

Dracula-light

Dracula-dark

CMYK

CMYK theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.CMYK();
Auto
Light
Dark

CMYK-light CMYK-dark

CMYK-light

CMYK-dark

Autumn

Autumn theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Autumn();
Auto
Light
Dark

Autumn-light Autumn-dark

Autumn-light

Autumn-dark

Business

Business theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Business();
Auto
Light
Dark

Business-light Business-dark

Business-light

Business-dark

Acid

Acid theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Acid();
Auto
Light
Dark

Acid-light Acid-dark

Acid-light

Acid-dark

Lemonade

Lemonade theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Lemonade();
Auto
Light
Dark

Lemonade-light Lemonade-dark

Lemonade-light

Lemonade-dark

Night

Night theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Night();
Auto
Light
Dark

Night-light Night-dark

Night-light

Night-dark

Coffee

Coffee theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Coffee();
Auto
Light
Dark

Coffee-light Coffee-dark

Coffee-light

Coffee-dark

Winter

Winter theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Winter();
Auto
Light
Dark

Winter-light Winter-dark

Winter-light

Winter-dark

Dim

Dim theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Dim();
Auto
Light
Dark

Dim-light Dim-dark

Dim-light

Dim-dark

Nord

Nord theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Nord();
Auto
Light
Dark

Nord-light Nord-dark

Nord-light

Nord-dark

Sunset

Sunset theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Sunset();
Auto
Light
Dark

Sunset-light Sunset-dark

Sunset-light

Sunset-dark

CaramelLatte

CaramelLatte theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.CaramelLatte();
Auto
Light
Dark

CaramelLatte-light CaramelLatte-dark

CaramelLatte-light

CaramelLatte-dark

Abyss

Abyss theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Abyss();
Auto
Light
Dark

Abyss-light Abyss-dark

Abyss-light

Abyss-dark

Silk

Silk theme is built into KtColor Presets and provides a complete semantic color system.

🔴 🟡 🟢
KtColor.Presets.Silk();
Auto
Light
Dark

Silk-light Silk-dark

Silk-light

Silk-dark

SCOPED THEMING COMING SOON

Upcoming updates will introduce scoped themes, allowing controls to inherit themes from their parent context and define custom themes for specific controls or containers.

API Reference