UIkit Custom Theme

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

How to create a custom theme with UIkit is https://getuikit.com/docs/lesshere.

I gathered all less variables and hooks in UIkit.

---

Getting started

You have the following options to get UIkit:

• Install with pnpm to get all source files as they are available on GitHub: pnpm add uikit
• Uikit-custom-theme is cloned into the UIkit. https://github.com/bariskrdrl/uikit-custom-theme.git

---

Examples Filex

custom/

    <!-- entry file for Less compiler -->
    my-theme.less

    <!-- folder with single Less files -->
    my-theme/

        <!-- imports all components in this folder -->
        _import.less

        <!-- one file per customized component -->
        accordion.less
        alert.less
        ...

    <!-- custom icons -->
    icons/
        ...

---

Compile

To compile UIkit and your custom theme into CSS, run the pnpm task compile Run once to install all dependencies pnpm install Compile all source files including your theme pnpm compile Watch files and compile automatically everytime a file changes pnpm watch

---

Browser Support

Latest ✔	Latest ✔	Latest ✔	Latest ✔	Latest ✔

Tested With

Copyright and License

Copyright YOOtheme GmbH under the MIT license.