⚙️Full Configuration Breakdown

Notification Settings

Default Position

DefaultPosition: 'bottom-middle', // Position options: top-left, top-middle, top-right, middle-left, center, middle-right, bottom-left, bottom-middle, bottom-right

Position Percentages

PositionPercentages: {
    top: 20, // % from top (when using top positions)
    bottom: 7, // % from bottom (when using bottom positions)
    left: 5, // % from left (when using left positions)
    right: 5, // % from right (when using right positions)
},

Default Scale

DefaultScale: 1.0, // Scale of the notification (1.0 is default)

Animation Settings

Animation

Animation: {
    enabled: true,
    type: 'slide', // Options: 'fade', 'slide', 'scale'
    direction: 'up', // Options: 'up', 'down', 'left', 'right' (only for slide animation)
    duration: 300, // Duration in milliseconds
    easing: 'ease-out' // CSS easing function
},

Pulse Effect

PulseEffect: {
    enabled: false,
    intensity: 1.1, // Max scale during pulse
    speed: 1000, // Duration of one pulse cycle in milliseconds
},

Shine Effect (Reflection)

ShineEffect: {
    enabled: true,
    duration: 1250, // Duration of one shine cycle in milliseconds
    angle: 45, // Angle of the shine in degrees
    opacity: 0.2, // Opacity of the shine effect (0.0 to 1.0)
    size: 5, // Size of the shine in % (100 = full element width)
    travel: 2500, // How far the shine travels in % (higher value = longer travel distance)
    cooldown: 5000 // Time to wait between shine effects (milliseconds)
},

Sound Settings

Sound: {
    enabled: true, // Play sound when UI opens
    file: 'sound1.mp3', // Options: sound1.mp3, sound2.mp3, sound3.mp3, sound4.mp3, sound5.mp3
    volume: 0.5, // Volume level (0.0 to 1.0)
    playOnClose: true, // Play sound when UI closes
    closeFile: 'sound3.mp3' // Sound file to play when closing UI
},

Appearance

Background Color

BackgroundColor: {r: 0, g: 0, b: 0, a: 0.4}, // Background color with opacity (RGBA format)

Text Color

TextColor: {r: 255, g: 255, b: 255, a: 1.0}, // Text color (RGBA format)

Button Color

ButtonColor: {r: 0, g: 255, b: 0, a: 0.1}, // Bright green button color with transparency (RGBA format)

Border Radius

BorderRadius: '8px', // Rounded corners

Font Family

FontFamily: 'Poppins, sans-serif', // Font family

Button Size

ButtonSize: {
    width: 50, // Width in pixels
    height: 50, // Height in pixels
    fontSize: 26 // Font size in pixels
},

Glass Effect

GlassEffect: true, // Enable/disable glass effect
GlassBlur: 4, // Blur amount in px
GlassOpacity: 0.6, // Opacity of the glass effect

Glow Effect

GlowEffect: true, // Enable/disable glow effect
GlowColor: {r: 0, g: 255, b: 0, a: 0.7}, // Bright green glow color with intensity (RGBA format)
GlowSpread: '10px', // Glow spread