sidian.app

Branding & Theming

2 min read
DescriptionCustomise the look of your Sidian site.

Appearance settings are in the Appearance tab of your site dashboard.

Logo & Favicon

Logo — replaces the site name in the navigation bar. Upload a PNG, SVG, or WebP image (recommended: transparent background, max 200px tall).

Favicon — shown in the browser tab. Square images work best; 32×32px PNG is ideal.

Both are uploaded directly in the dashboard and served from Sidian's CDN.

Accent colour

Sets the link and highlight colour across your site. Enter any valid CSS colour:

#7c3aed       (violet)
rgb(59,130,246)
hsl(221, 83%, 53%)

The default accent colour is violet (#7c3aed).

Custom CSS

Inject CSS into every page of your site. Use this to override fonts, spacing, colours, or layout.

/* Example: use a serif body font */
body {
  font-family: Georgia, serif;
}

/* Example: wider content column */
article {
  max-width: 80ch;
}

Custom CSS is limited to 50 KB.

No

<style> tags
Enter plain CSS only — do not wrap it in <style> tags.

Custom JS

Inject a JavaScript snippet into every page. Useful for analytics, chat widgets, or custom interactivity.

// Example: simple page view tracking
console.log('Viewed:', window.location.pathname);
Security

Custom JS runs on your visitors' browsers. Only add scripts you trust.

Table of contents

When Show table of contents is enabled, notes with two or more headings display a sticky sidebar TOC on desktop. The TOC links to each heading and highlights the current section as the reader scrolls.

Enable or disable this in Settings → SEO & Sharing.

Updated 16 May 2026

Linked from