How to use the react-syntax-highlighter/dist/cjs/styles/hljs.tomorrowNightEighties function in react-syntax-highlighter

To help you get started, we’ve selected a few react-syntax-highlighter 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.

github mucsi96 / nightwatch-api / packages / website / src / theme.js View on Github external
import { css } from 'styled-components';
import * as HighlighJs from 'react-syntax-highlighter/dist/cjs/styles/hljs';

const syntaxHighlight = HighlighJs.tomorrowNightEighties;

const theme = {
  base: css`
    color: #000;
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,
      Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  `,
  syntaxHighlight,
  code: css`
    font-size: 14px;
    line-height: 20px;
    background-color: ${syntaxHighlight.hljs.background};
  `,
  inlineCode: css`
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;