Source: https://faq.remarkbox.com/be47258e-bfca-11f0-bd88-040140774501/how-do-i-enable-dark-mode-for-remarkbox
Snapshot: 2026-05-08T11:59:37Z
Generator: Remarkbox 763cacb

This is a thread snapshot. The living document lives at the source URI above — it may have been edited, extended, or replied-to since.
Scan for living source

Remarkbox embed mode defaults to light mode, but you can simply change the query string parameter to control the appearance.

"&mode=dark"

Basic Usage

Light mode (default):

var rb_src = "https://my.remarkbox.com/embed" +
    "?rb_owner_key=" + rb_owner_key +
    "&thread_title=" + encodeURI(thread_title) +
    "&thread_uri=" + encodeURIComponent(thread_uri) +
    "&mode=light" +
    thread_fragment;

Dark mode:

var rb_src = "https://my.remarkbox.com/embed" +
    "?rb_owner_key=" + rb_owner_key +
    "&thread_title=" + encodeURI(thread_title) +
    "&thread_uri=" + encodeURIComponent(thread_uri) +
    "&mode=dark" +
     thread_fragment;

Dynamic Toggle Based on User Preference

Match system preference:

var mode_param = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
    ? "&mode=dark"
    : "&mode=light";

var rb_src = "https://my.remarkbox.com/embed" +
    "?rb_owner_key=" + rb_owner_key +
    "&thread_title=" + encodeURI(thread_title) +
    "&thread_uri=" + encodeURIComponent(thread_uri) +
    mode_param +
    thread_fragment;

Match your site's dark mode class:

// Example: if your site has a 'dark-mode' class on the body element
var mode_param = document.body.classList.contains('dark-mode')
    ? "&mode=dark"
    : "&mode=light";

var rb_src = "https://my.remarkbox.com/embed" +
    "?rb_owner_key=" + rb_owner_key +
    "&thread_title=" + encodeURI(thread_title) +
    "&thread_uri=" + encodeURIComponent(thread_uri) +
    mode_param +
    thread_fragment;

Example Sites:

Source: https://faq.remarkbox.com/be47258e-bfca-11f0-bd88-040140774501/how-do-i-enable-dark-mode-for-remarkbox
Snapshot: 2026-05-08T11:59:37Z
Generator: Remarkbox 763cacb