@ultraviolet/themes
TypeScript icon, indicating that this package has built-in type declarations

1.11.0 • Public • Published

Ultraviolet Themes

npm version

Ultraviolet Themes is a set of themes for the Ultraviolet UI library.

Note

@ultraviolet/ui is using @ultraviolet/theme under the hood, therefore you don't need to install it if you want to use the default theme (consoleLightTheme and consoleDarkTheme are the default themes).

Installation

$ pnpm add @ultraviolet/ui @ultraviolet/themes @emotion/react @emotion/styled

Usage

import { normalize, Button } from '@ultraviolet/ui'
import { consoleDarkTheme } from '@ultraviolet/themes' // << Here we import the theme we want to use
import { Global, css, ThemeProvider } from '@emotion/react'

const App = () => (
  <ThemeProvider theme={consoleDarkTheme}>
    <Global
      styles={css`
        ${normalize()}
      `}
    />
    <Button variant="primary" onClick={() => console.log('clicked')}>
      Click Me
    </Button>
  </ThemeProvider>
)

Documentation

Checkout our documentation website.

Readme

Keywords

Package Sidebar

Install

npm i @ultraviolet/themes

Weekly Downloads

1,705

Version

1.11.0

License

Apache-2.0

Unpacked Size

314 kB

Total Files

28

Last publish

Collaborators

  • phiphi
  • mprost
  • scaleway-bot