Siticone Logo
Siticone UI
DOCS
v2025.12.15
Docs Theming

Theming Guide

Theming in Siticone UI is designed for speed and consistency. Every component exposes a rich set of color and aesthetic properties, with the fastest workflow being through the Visual Studio Designer using Smart Tags and the integrated Clipboard.

Instant Themes via Smart Tags

Apply complete professional themes by clicking the small arrow icon on any Siticone component in the Visual Studio Designer. The Theme Presets menu includes colors, borders, shadows, and interactive states.

Standard Themes
Light, Dark, Primary, Success, Error, Material Design, Flat
Premium Themes
Deep Ocean, Sunset, Emerald, Corporate, Pastel
Specialty Themes
Midnight, Neon, Glass, Elegant
C# - Applying Theme Presets
// Applying the 'Emerald' theme via Smart Tag
siticoneButton1.EmeraldTheme();

// Applying the dark preset to a TextBox
siticoneTextBox1.ApplyDarkTheme();

Sharing Styles with Copy & Paste

To maintain consistency across multiple components, use the Copy & Paste Settings feature. This transfers all visual properties between components of the same type.

Right-click any component or use its Smart Tag menu to access Copy Settings, then apply those settings to other components of the same type using Paste Settings. This ensures pixel-perfect consistency across your UI.

C# - Copy & Paste Workflow
// 1. Copy settings from source component
siticoneButtonSource.CopySettings(); 

// 2. Paste settings to target component
siticoneButtonTarget.PasteSettings(); 

// All visual properties are transferred instantly

Building Custom Palettes

When presets don't fit your needs, manually configure individual color properties. Siticone uses four key colors to define component appearance and interactive states.

Key Color Properties

ButtonBackColor
The resting, static color of the button
HoverBackColor
Color when the mouse is over the button
PressedBackColor
Color when the button is actively clicked
BorderColor
Color of the button's stroke/border
C# - Customizing State Colors
// Configure interactive feedback colors
siticoneButton1.ButtonBackColor = Color.FromArgb(40, 40, 40);
siticoneButton1.TextColor = Color.White;

siticoneButton1.HoverBackColor = Color.FromArgb(60, 60, 60);
siticoneButton1.PressedBackColor = Color.Black;

// Add shadow for depth
siticoneButton1.EnableShadow = true;
siticoneButton1.ShadowColor = Color.FromArgb(60, 0, 0, 0);