Package exporting Newskit compatible themes 🎨 for Newskit Website
Use your favourite package manager to install @newskit-themes/newskit-website
npm install @newskit-themes/newskit-website
yarn add @newskit-themes/newskit-website
Documentation-dark-accessibility.json Documentation-dark-foundations.json Documentation-dark-patterns.json Documentation-dark.json Documentation-light-accessibility.json Documentation-light-foundations.json Documentation-light-patterns.json Documentation-light.json
// To import themes in json format
import {newskitLightTheme} from 'newskit';
import DocumentationDarkAccessibility from '@newskit-themes/newskit-website/Documentation-dark-accessibility.json'
// compiling and merging it with a base theme
export const newskitWebsiteTheme = createTheme({
name: 'newskit-website-theme',
baseTheme: newskitLightTheme,
overrides: DocumentationDarkAccessibility,
});
...
< ThemeProvider theme={newskitWebsiteTheme}>
< Container>{children}< /Container>
< /ThemeProvider>
// To import themes in CSS variables format to CSS files (Currently only the sun & talktv are supported)
@import '@newskit-themes/the-sun/thesun-light.css'
@import '@newskit-themes/talktv/talktv-light.css';