Package Exports

@ultraviolet/themes
@ultraviolet/themes/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ultraviolet/themes) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Ultraviolet Themes

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.