2.7.2 • Published 9 months ago

@mskcc/themes v2.7.2

Weekly downloads
-
License
UNLICENSED
Repository
-
Last release
9 months ago

@mskcc/themes

Dark / light mode theming for MSK digital products.

Installation

npm install @mskcc/themes

Usage

Add the following to your application.

Note: For explicit control on the dark and light theme, turn $system-dark-mode to false. @use '@mskcc/themes' with ($system-dark-mode: false)

@use '@mskcc/themes';
@import '@mskcc/themes/dist/themes.css';
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@mskcc/themes@latest/dist/themes.css"
/>

JavaScript / TypeScript

import { lightTheme, darkTheme } from '@mskcc/themes';

const style = {
  bg: lightTheme.colorBg,
};

Using tokens

You can also use the tokens directly in your scss and css stylesheets.

@use '@mskcc/themes/tokens' as tk;

body {
  background-color: tk.$msk--color-bg;
}
body {
  background-color: var(--msk-color-bg);
}
2.7.2

9 months ago

2.7.0-beta.1

1 year ago

2.7.0

11 months ago

2.6.1

1 year ago

2.7.0-beta.2

11 months ago

2.7.1

11 months ago

2.7.0-beta.0

1 year ago

2.6.0

1 year ago

2.5.0

1 year ago

2.4.5

1 year ago

2.4.4

1 year ago

2.4.3

1 year ago

2.4.3-beta.0

2 years ago

2.4.2

2 years ago

2.4.1

2 years ago

2.4.0

2 years ago

2.3.0

2 years ago