# @openremote/theme

> CSS themes for OpenRemote components

Latest version **1.30.0** (published 2026-09-02) · AGPL-3.0-or-later license · 0 weekly downloads

## Install

```sh
npm install @openremote/theme
pnpm add @openremote/theme
yarn add @openremote/theme
bun add @openremote/theme
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.30.0 |
| Published | 2026-09-02 |
| First published | 2026-01-14 |
| Weekly downloads | 0 |
| License | AGPL-3.0-or-later |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 45.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1905 |
| Author | OpenRemote |
| Maintainers | openremotedeveloper, wborn |

## Links

- npm: https://www.npmjs.com/package/@openremote/theme
- Repository: https://github.com/openremote/openremote
- npm.io page: https://npm.io/package/@openremote/theme

## Dependencies (2)

- [inter-ui](https://npm.io/package/inter-ui.md) ^4.1.1
- [@vaadin/vaadin-lumo-styles](https://npm.io/package/@vaadin/vaadin-lumo-styles.md) ~25.2.8

## Recent versions

- 1.30.0 (latest) — 2026-09-02
- 1.31.0-snapshot.20260916144308 (snapshot) — 2026-09-16
- 1.31.0-snapshot.20260916130646 — 2026-09-16
- 1.31.0-snapshot.20260915122244 — 2026-09-15
- 1.31.0-snapshot.20260911091633 — 2026-09-11
- 1.31.0-snapshot.20260910125057 — 2026-09-10
- 1.31.0-snapshot.20260910120754 — 2026-09-10
- 1.31.0-snapshot.20260908130403 — 2026-09-08
- 1.31.0-snapshot.20260907094218 — 2026-09-07
- 1.31.0-snapshot.20260904133325 — 2026-09-04
- 1.31.0-snapshot.20260904115341 — 2026-09-04
- 1.31.0-snapshot.20260904102436 — 2026-09-04
- 1.31.0-snapshot.20260903144735 — 2026-09-03
- 1.31.0-snapshot.20260903135821 — 2026-09-03
- 1.31.0-snapshot.20260903081447 — 2026-09-03
- … 420 more at https://npm.io/package/@openremote/theme/versions

## README

# @openremote/theme

[![NPM Version][npm-image]][npm-url]

This is a package that contains CSS files used for styling OpenRemote components and apps.
Defined CSS variables like `--or-color-primary` and `--or-color-text-primary` can be used to customize the look and feel of the OpenRemote components.
Currently, only 1 theme ("default") is provided, but can be expanded upon in the future.
Every theme is expected to have a light and dark counterpart.

## Install

```bash
npm i @openremote/theme
yarn add @openremote/theme
```

## Usage

### Using CSS

```css
@import "@openremote/theme/default.css";
```

### Using JavaScript / TypeScript:

Note: using the `<style>` tag is an example here. Please check the documentation of your JavaScript bundler for proper installation of CSS files.

```typescript
import themeCss from "@openremote/theme";

// Apply theme to the app
const style = document.createElement("style");
style.id = "orDefaultTheme";
style.textContent = themeCss;
document.head.appendChild(style);
```

## License

[GNU AGPL](https://www.gnu.org/licenses/agpl-3.0.en.html)

[npm-image]: https://img.shields.io/npm/v/@openremote/theme.svg
[npm-url]: https://www.npmjs.com/package/@openremote/theme

---
_Source: https://npm.io/package/@openremote/theme · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._