presets

To help you get started, we’ve selected a few @theme-ui/presets examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

jxnblk / contrast-swatch / www / src / gatsby-theme-ui / index.js View on Github

import { base } from '@theme-ui/presets'

export default {
  ...base,
  initialColorMode: 'light',
  styles: {
    ...base.styles,
    th: {
      ...base.styles.th,
      borderWidth: 1,
    },
    td: {
      ...base.styles.td,
      borderWidth: 1,
      borderColor: 'muted',
    },
    code: {
      fontFamily: 'monospace',
      fontSize: '87.5%',
      color: 'secondary',
      bg: 'muted',
    },
    pre: {

jxnblk / contrast-swatch / www / src / gatsby-theme-ui / index.js View on Github

import { base } from '@theme-ui/presets'

export default {
  ...base,
  initialColorMode: 'light',
  styles: {
    ...base.styles,
    th: {
      ...base.styles.th,
      borderWidth: 1,
    },
    td: {
      ...base.styles.td,
      borderWidth: 1,
      borderColor: 'muted',
    },
    code: {
      fontFamily: 'monospace',
      fontSize: '87.5%',
      color: 'secondary',
      bg: 'muted',
    },
    pre: {
      p: 3,
      fontFamily: 'monospace',

How to use the @theme-ui/presets.base.styles function in @theme-ui/presets

To help you get started, we’ve selected a few @theme-ui/presets examples, based on popular ways it is used in public projects.

@theme-ui/presets

Package Health Score

Popular @theme-ui/presets functions

Similar packages