2.7.2 • Published 9 months ago
@mskcc/themes v2.7.2
@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
tofalse
.@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