@dasa-health/alma-theme NPM

Alma Theme

Welcome to Alma Theme, the versatile utility library designed to optimize the look and feel of your web or mobile application. Our library offers you the convenience to create a consistent theme across your platform with ease.

Installation

To get started with Alma Theme, install the package using the following command in your terminal:

yarn add @dasa-health/alma-theme

Usage

Importing in JavaScript

You can easily import Alma Theme in your JavaScript file with the following code:

import { theme, makeTheme } from '@dasa-health/alma-theme';
import type { Theme } from '@dasa-health/alma-theme';

Extending the Theme

Elevate the default theme by customizing it with your own values. Follow the code below to extend your theme:

import { makeTheme } from '@dasa-health/alma-theme';
import { navJSON, dasJSON } from '@dasa-health/alma-tokens';

const myTheme = makeTheme({
  tokens: dasJSON,
  modes: [
    { name: "nav": tokens: navJSON },
    {name: "das", tokens: dasJSON }
  ],
  theme: {
    colors: {
      primary: "brand.primary.60"
    }
  }
});

console.log(myTheme);