import { Meta } from '@storybook/blocks';
import { parameters } from '../../../utils/docsPage.js';
import CopyTable from '../../../docs-components/CopyTable/Table.jsx';
import { cssStringToTableArray } from '../../../utils/parseCss';

import backgroundColor from '../../../../scss/tokens/backgrounds/_background-color.scss?inline';

<Meta title="Styles/Tokens/Backgrounds" parameters={{ ...parameters }} />

![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)

# Background tokens

<CopyTable
  title="Background colour"
  mdnLink="background-color"
  header={['Class', 'Include', 'Properties']}
  body={cssStringToTableArray(backgroundColor, true)}
  copyable={[true, (t) => `@include ${t};`, false]}
/>