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.
// 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.
// 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
// 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);