LUIS Themes

LUIS comes with several pre-built themes for Lambda9 products. Each theme provides a complete color scheme that can be applied to your application.

Usage

To use a theme, include the CSS file after the main LUIS CSS import in your project.

<!-- Include LUIS CSS -->
<link rel="stylesheet" href="path/to/luis.css">

<!-- Include your chosen theme -->
<link rel="stylesheet" href="path/to/theme.css">

Perso Theme

perso.css

Color palette for the Perso product theme

Primary #7C63CF

Accent #7C63CF

Accent Light #BDB1E7

Accent Lighter #EFECF9

:root {
  --luis-primary: #7C63CF;
  --luis-accent: #7C63CF;
  --luis-accent-light: #BDB1E7;
  --luis-accent-lighter: #EFECF9;
}

Porto Theme

porto.css

Color palette for the Porto product theme

Primary #00A380

Accent #00A380

Accent Light #80D1BF

Accent Lighter #E0F4F0

:root {
  --luis-primary: #00A380;
  --luis-accent: #00A380;
  --luis-accent-light: #80D1BF;
  --luis-accent-lighter: #E0F4F0;
}

Sign Theme

sign.css

Color palette for the Sign product theme

Primary #0092CC

Accent #0092CC

Accent Light #80C9E5

Accent Lighter #E0F2F9

:root {
  --luis-primary: #0092CC;
  --luis-accent: #0092CC;
  --luis-accent-light: #80C9E5;
  --luis-accent-lighter: #E0F2F9;
}

Captis Theme

captis.css

Color palette for the Captis product theme

Primary #C50756

Accent #C50756

Accent Light #E283AA

Accent Lighter #F8E1EB

:root {
  --luis-primary: #C50756;
  --luis-accent: #C50756;
  --luis-accent-light: #E283AA;
  --luis-accent-lighter: #F8E1EB;
}