typography-theme-zacklive/src/index.js

A theme for Typography.js by ZackLive https://zacklive.com.

// @flow
import type { OptionsType } from 'Types'
import gray from 'gray-percentage'

const theme: OptionsType = {
  title: 'ZackLive',
  baseFontSize: '17px',
  baseLineHeight: 1.53,
  scale: 2.35,
  googleFonts: [
    {
      name: 'Raleway',
      styles: ['700', '700i'],
    },
    {
      name: 'Roboto',
      styles: ['400', '400i', '700', '700i'],
    },
  ],
  headerFontFamily: ['Raleway', 'Georgia', 'SourceHanSerifCN-Regular', 'san-serif'],
  bodyFontFamily: ['Roboto', 'Georgia', 'SourceHanSerifCN-Regular', 'san-serif'],
  bodyColor: 'hsla(0,0%,0%,0.7)',
  headerWeight: 700,
  bodyWeight: 400,
  boldWeight: 700,
  overrideStyles: ({ adjustFontSizeTo, scale, rhythm }, options) => ({
    h1: scale(5 / 5),
    h2: scale(3 / 5),
    h3: scale(1 / 5),
    h4: scale(0 / 5),
    h5: scale(-1 / 8),
    h6: {
      ...scale(-2 / 8),
      fontFamily: options.bodyFontFamily.join(','),
      fontWeight: options.bodyWeight,
    },
    a: {
      color: '#0071bc',
      textDecoration: 'none',
    },
    'a:visited': {
      color: '#4c2c92',
      textDecoration: 'none',
    },
    blockquote: {
      ...scale(1 / 4),
      borderLeft: `${rhythm(1 / 6)} solid`,
      borderColor: gray(93),
      paddingTop: rhythm(1 / 3),
      paddingBottom: rhythm(1 / 3),
      paddingLeft: rhythm(2 / 3),
      paddingRight: rhythm(2 / 3),
    },
    'blockquote > :last-child': {
      marginBottom: 0,
    },
    'blockquote cite': {
      ...adjustFontSizeTo(options.baseFontSize),
      color: gray(54, 204),
      fontWeight: options.bodyWeight,
      fontStyle: 'normal',
    },
  }),
}

export default theme