# Liturgia Colors
[](https://github.com/unicolored/liturgia-colors/actions/workflows/publish.yml)
[](https://github.com/unicolored/liturgia-colors/actions/workflows/mkdocs.yml)
[](https://www.npmjs.com/liturgia-colors)
A vibrant CSS theme infused with the timeless hues of the Roman Church’s liturgical seasons. From the radiant white of Easter joy to the solemn red of martyrs’ blood, Liturgia brings sacred tradition to modern web design, blending elegance and meaning into every shade.
* Standalone: liturgia-colors.css (3.6KB) — pure CSS vars, themes, and tokens.
* Tailwind: liturgia.tailwind.css (21KB) — includes Tailwind utilities and typography.
## Installation
### Via NPM
```bash
npm install liturgia-theme
```
In your CSS:
```css
/* project’s styles.css */
@import 'liturgia-colors'; /* from node_modules */
@import './custom.css'; /* for overrides */
```
### Via CDN
```html
```
> Fonts: The CDN version assumes fonts are loaded (e.g., via Google Fonts).
Add tags if needed:
```html
```
## Usage
Apply a mode class to your or a container:
* .albus-mode (default): White, purity, joy
* .ruber-mode: Red, martyrdom, passion
* .viridis-mode: Green, hope, growth
* .violaceus-mode: Violet, penance
* .tenebrae-mode: Black, mourning
* .roseus-mode: Rose, subtle joy
Example:
```html
Love this colors!
```
## Customization
Let's override the fonts via CDN.
```html
```