Widget config

Tune the embed for devforth/adminforth

Adjust the public widget snippet

Theme

Adjust to website theme (e.g. Docusaurus, Tailwind etc), falls back to OS theme

Brand color

Balanced default for docs, products, and developer tooling.

Button position

Default placement for most docs and marketing sites.

Edge padding

Valid CSS length, like 16px or 1.5rem.

Welcome pulse Pulses the launcher after 2 seconds when it first appears Auto-open panel Opens chat immediately after the widget script loads Desktop fullscreen by default Floating widgets open expanded on desktop first. On mobile they always open fullscreen and hide the resize toggle.

Widget snippet

Paste this into your site HTML

<script>
window.tlumaConfig = {
  source: "devforth/adminforth", // required: project source, use GitHub "owner/repo" or website "web:id"
  theme: "auto", // "dark" | "light" | "auto"
  brandColor: "blue", // "blue" | "red" | "orange" | "green" | "slate"
  button: "bottom-right", // "bottom-right" | "bottom-left" | "top-right" | "top-left" | "hidden"
  welcomePulse: true, // true | false
  edgePadding: "1rem", // any CSS length, e.g. "16px" or "1rem"
  autoOpen: false, // true | false
  desktopFullscreenByDefault: false // true | false; floating widget only, mobile always opens fullscreen
};
</script>
<script src="https://127.0.0.1:3000/widget.js" async></script>

Live preview

Parent theme