Themes

Theme Documentation for Swalekh

Overview

Swalekh offers various themes for keyboard and transliteration indications to enhance the user experience. Below are the details of each theme, accompanied by images to showcase their design.

Available Themes

1. Reverie Red (reverie-red)

    const loadSwalekh = async () => {
    await window.initSwalekh({
        validationKey,
        creds:{
            //necessary credentials
        },
        optional: {
            theme: "reverie-red", // Specify the theme you want to use
        },
    });
};

The Reverie Red theme features vibrant red tones, perfect for users who prefer a bold and energetic look.

Reverie Red Theme - Keyboard
Reverie Red Keyboard
Reverie Red Theme - Transliteration Indication
Reverie Red Transliteration Indication


2. Default (light)

    const loadSwalekh = async () => {
    await window.initSwalekh({
        validationKey,
        creds:{
            //necessary credentials
        },
    });
};

or

    const loadSwalekh = async () => {
    await window.initSwalekh({
        validationKey,
        creds:{
            //necessary credentials
        },
        optional: {
            theme: "light", // Specify the theme you want to use
        },
    });
};

The Default theme offers a classic and clean appearance, making it a versatile choice for all users.

Default Theme - Keyboard
Default Keyboard
Default Theme - Transliteration Indication
Default Transliteration Indication


3. Reverie Dark(dark)

    const loadSwalekh = async () => {
    await window.initSwalekh({
        validationKey,
        creds:{
            //necessary credentials
        },
        optional: {
            theme: "dark", // Specify the theme you want to use
        },
    });
};

The Reverie Dark theme provides a sleek, modern aesthetic with darker tones, ideal for low-light environments.

Reverie Dark Theme - Keyboard
Reverie Dark Keyboard
Reverie Dark Theme - Transliteration Indication
Reverie Dark Transliteration Indication


4. Reverie Blue(fresh)

    const loadSwalekh = async () => {
    await window.initSwalekh({
        validationKey,
        creds:{
            //necessary credentials
        },
        optional: {
            theme: "fresh", // Specify the theme you want to use
        },
    });
};

The Reverie Blue theme showcases calming blue shades, offering a refreshing and tranquil user interface.

Reverie Blue Theme - Keyboard
Reverie Blue Keyboard
Reverie Blue Theme - Transliteration Indication
Reverie Blue Transliteration Indication


Conclusion

Each theme in Swalekh provides a unique visual experience while maintaining functionality. Users can select their preferred theme to enhance their typing experience. For further customization options or inquiries, please refer to the Swalekh API Documentation or contact our support team.