Scaleway Themes

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

Note

@scaleway/ui is using @scaleway/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 @scaleway/ui @scaleway/themes @emotion/react @emotion/styled

Usage

import { normalize, Button } from '@scaleway/ui'
import { consoleDarkTheme } from '@scaleway/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.