@openremote/theme
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
npm i @openremote/theme
yarn add @openremote/themeUsage
Using 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.
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);