Siticone Logo
Siticone UI
DOCS
v2025.12.15
Docs Clock (Fusion)

Siticone Fusion Clock

The SiticoneFusionClock is a visually enhanced timekeeping control that blends modern, flat design with futuristic, glowing aesthetics. It features a 3D-inspired bezel, customizable neon glow effects, and a rich set of color customization options.

Appearance & Styling

Customize the clock's face, rim, and background colors to fit your application's theme.

Property Type Description & Usage Example
BackgroundColor Color clock.BackgroundColor = Color.FromArgb(45, 45, 55); The primary background color of the clock face.
RimColor Color clock.RimColor = Color.FromArgb(70, 70, 80); The color of the outer bezel/rim.
TickColor Color clock.TickColor = Color.LightGray; The color of the minute and hour markers.
CenterCapColor Color clock.CenterCapColor = Color.FromArgb(40, 40, 50); The color of the central pivot cap.

Hands Configuration

Control the colors of the hour, minute, and second hands.

Property Type Description & Usage Example
HourHandColor Color clock.HourHandColor = Color.White; The color of the hour hand.
MinuteHandColor Color clock.MinuteHandColor = Color.White; The color of the minute hand.
SecondHandColor Color clock.SecondHandColor = Color.Cyan; The color of the second hand.

Visual Effects

Add a futuristic touch with neon glow effects.

Property Type Description & Usage Example
EnableNeonGlow bool clock.EnableNeonGlow = true; Enables a soft, glowing aura around the hands and ticks.
NeonGlowColor Color clock.NeonGlowColor = Color.Cyan; The color of the glow effect. Works best with bright, saturated colors on dark backgrounds.

Events

Respond to time updates for application logic.

Event Descriptions & Wiring
// 1. SecondChanged Event
// Fires every second. Useful for UI sync.
clock.SecondChanged += (s, e) => 
{
                Console.WriteLine($"Tick: {e.NewSecond}");
};

// 2. HourChanged Event
// Fires when the hour changes.
clock.HourChanged += (s, e) => 
{
                PlayChime();
};

// 3. TimeChanged Event
// Fires on every visual update tick (approx 40ms).
clock.TimeChanged += (s, e) => 
{
                // High-precision logic
};

Detailed Usage Examples

Example 1: "Cosmic Sapphire" Theme

A deep blue, space-inspired theme perfect for modern dashboards.

C# - Cosmic Sapphire
private void ApplyCosmicTheme()
{
    clock.BackgroundColor = Color.FromArgb(24, 34, 54);
    clock.RimColor = Color.FromArgb(45, 65, 95);
    clock.TickColor = Color.FromArgb(170, 210, 255);
    
    clock.HourHandColor = Color.White;
    clock.MinuteHandColor = Color.White;
    clock.SecondHandColor = Color.FromArgb(0, 191, 255);
    
    clock.CenterCapColor = Color.FromArgb(24, 34, 54);
    
    clock.EnableNeonGlow = true;
    clock.NeonGlowColor = Color.FromArgb(0, 191, 255);
}

Example 2: "Solar Flare" Theme

A warm, energetic theme using reds and oranges.

C# - Solar Flare
private void ApplySolarTheme()
{
    clock.BackgroundColor = Color.FromArgb(60, 20, 20);
    clock.RimColor = Color.FromArgb(90, 40, 40);
    clock.TickColor = Color.FromArgb(255, 220, 180);
    
    clock.HourHandColor = Color.White;
    clock.MinuteHandColor = Color.White;
    clock.SecondHandColor = Color.FromArgb(255, 100, 0);
    
    clock.CenterCapColor = Color.FromArgb(60, 20, 20);
    
    clock.EnableNeonGlow = true;
    clock.NeonGlowColor = Color.FromArgb(255, 100, 0);
}

Example 3: "Emerald Matrix" Theme

A classic hacker-style green-on-black theme.

C# - Emerald Matrix
private void ApplyMatrixTheme()
{
    clock.BackgroundColor = Color.FromArgb(15, 40, 30);
    clock.RimColor = Color.FromArgb(30, 70, 50);
    clock.TickColor = Color.FromArgb(150, 255, 200);
    
    clock.HourHandColor = Color.White;
    clock.MinuteHandColor = Color.White;
    clock.SecondHandColor = Color.FromArgb(0, 255, 127);
    
    clock.CenterCapColor = Color.FromArgb(15, 40, 30);
    
    clock.EnableNeonGlow = true;
    clock.NeonGlowColor = Color.FromArgb(0, 255, 127);
}

Example 4: "Chronos Gold" Theme (No Glow)

A luxurious, classic gold theme without the futuristic glow.

C# - Chronos Gold
private void ApplyGoldTheme()
{
    clock.BackgroundColor = Color.FromArgb(50, 45, 40);
    clock.RimColor = Color.FromArgb(130, 100, 50);
    clock.TickColor = Color.FromArgb(255, 235, 200);
    
    clock.HourHandColor = Color.White;
    clock.MinuteHandColor = Color.White;
    clock.SecondHandColor = Color.FromArgb(218, 165, 32);
    
    clock.CenterCapColor = Color.FromArgb(50, 45, 40);
    
    clock.EnableNeonGlow = false; // Classic look
}