Skip to content

Design System

It's possible to define custom color palettes for each application using Eitri, ensuring that your Design System is respected across all Eitri-apps and utilizing pre-configured components to speed up the creation of your screens.

Eitri Luminus

Eitri Luminus is Eitri's basic components library for building Eitri-app screens. With it, you can create more complex components for your Eitri-app experiences and further extend Eitri's possibilities in your app.

Tip

Eitri Luminus now includes Tailwind 3 and DaisyUI 4

Previous Versions

For documentation of previous versions click here

Luminus Daisy Documentation ( 2.x.x )

Theme

A theme is a set of CSS-based style tokens that allows for the visual customization of Eitri-apps. It facilitates the creation and modification of designs, ensuring that the application meets the specific needs of users and brands.

Themes in Eitri are integrated into the application, allowing customizations directly in the Console. Designers and developers can quickly create or adjust the look of an application, with changes consistently reflected across all environments.

Attention

The theme is valid for all Eitri environments and is included at the time of version generation of Eitri-apps. Therefore, to apply a theme change to an Eitri-app, publish the theme change and generate a new version of your Eitri-app.

Theme Configuration

To customize your theme in Eitri, simply access the Console and follow the steps below. You can define colors, fonts, sizes, and other styles, ensuring the visual harmony of the application.

  1. Access the Console and log in with your account.

  2. Click on "Applications" in the top menu.

  3. Choose the application you want to customize.

  4. In the contextual menu on the left, click on "Application Theme."

  5. Customize your theme by clicking on "Edit Theme."

  6. Once you finish editing, click on "Update Theme."

  7. A new version of your theme will be created (by default, it will be created as a "draft").

  8. Click on "Publish" so that the changes are incorporated into the next versions generated of your Eitri-apps.