Skip to main content

Configuration

Theme options​

OptionTypeDefault
accentColorSix-digit hex color#191a18
accentColorDarkSix-digit hex color#e9ecef
showCreditBooleantrue

Unknown options and invalid colors fail the build with an explanation.

export default {
themes: [
[
"docusaurus-theme-quiet",
{
accentColor: "#191a18",
accentColorDark: "#e9ecef",
},
],
],
};

The footer shows Powered by Quiet, linked to quiet.techdocs.studio, by default. It also appears when your site has no configured footer. Your existing footer links, logo and copyright are preserved.

To remove the credit:

docusaurus.config.js
themes: [["docusaurus-theme-quiet", { showCredit: false }]];

CSS tokens​

TokenDefaultUse
--quiet-font-bodyInter, system fallbackReading text and controls
--quiet-font-headingInter Tight, body fallbackHeadings
--quiet-font-logoHeading fontNavbar brand title
--quiet-font-codeSystem monospaceCode
--quiet-content-width48remMaximum article width
--quiet-radius8pxPanels and controls
--quiet-paperWhite / near blackPage background
--quiet-surfaceLight / dark graySupporting surfaces
--quiet-inkNear black / near whiteMain text
--quiet-mutedGraySecondary text
--quiet-lineLight / dark borderDividers

Use Docusaurus configuration for logos, navigation, sidebars, locales, versions, metadata and the footer. Quiet does not duplicate those settings.