tags

#style

description

d2's default stylesheet — the tokens every page of the website and of every project share. Edit and publish to restyle everything, no build or deploy.

brand

diesel

base

stylesheet-orange1

The default stylesheet¶‹ PreviousNext ›

The colour and font tokens every page shares. Editing this topic and publishing it restyles the website and every project; a project's own Style:* topics layer on top. Values must be colours or font stacks only.

--paper: #fbfaf7
--card: #ffffff
--ink: #1d1d1b
--soft: #6b6a66
--line: #e4e1da
--indigo: #9a4b12
--indigo-bg: #f5e8dc
--slate: #6b6a66
--slate-bg: #f3f1ec
--sun: #d99a2b
--sun-bg: #fbf1dc
--leaf: #3f7d4e
--rose: #b23a48
--rose-bg: #f8e6e6
--god: #7b3fb8
--god-bg: #f2eafb
--admin: #1f7a8c
--admin-bg: #e3f2f5
--attn: #7a7fc9
--display: 'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif
--body: system-ui,-apple-system,'Segoe UI',sans-serif
--mono: ui-monospace,Menlo,Consolas,monospace

--paper: #141413
--card: #1d1d1b
--ink: #ecebe6
--soft: #9c9a93
--line: #33322f
--indigo: #f0a35e
--indigo-bg: #2e2419
--slate: #9c9a93
--slate-bg: #22211f
--sun: #e5b454
--sun-bg: #2c2515
--leaf: #6cc08a
--rose: #f08a92
--rose-bg: #3a2022
--god: #c5a0f5
--god-bg: #2a2038
--admin: #6cc3d5
--admin-bg: #17292d
--attn: #9296f5