Colours and tokens Every --newt-* token with its dark and light value and the Tailwind utility it generates.
Click any row to copy its var(--newt-*) reference. Override a token in your
own stylesheet and every component that reads it follows — see
Theming . The list is read from the registry rather than
restated here, so a token added to tokens.css appears on this page as soon as
the registry is regenerated.
Surfaces --newt-bg-base #1e1f22 #e3e5e8 bg-newt-bg-base --newt-bg-surface #2b2d31 #f2f3f5 bg-newt-bg-surface --newt-bg-elevated #313338 #ffffff bg-newt-bg-elevated --newt-bg-floating #1e1f22 #ffffff bg-newt-bg-floating --newt-bg-input #1e1f22 #ebedef bg-newt-bg-input --newt-bg-input-elevated #383a40 #ffffff bg-newt-bg-input-elevated --newt-bg-hover rgba(78, 80, 88, 0.4) rgba(6, 6, 7, 0.08) bg-newt-bg-hover --newt-bg-active rgba(78, 80, 88, 0.6) rgba(6, 6, 7, 0.12) bg-newt-bg-active --newt-border #3f4147 #d3d5d9 bg-newt-border Text --newt-text-primary #f2f3f5 #060607 text-newt-text-primary --newt-text-secondary #b5bac1 #4e5058 text-newt-text-secondary --newt-text-muted #949ba4 #5c5e66 text-newt-text-muted --newt-text-link #00a8fc #006ce7 text-newt-text-link Brand --newt-brand #5865f2 #5865f2 bg-newt-brand --newt-brand-hover #4752c4 #4752c4 bg-newt-brand-hover --newt-brand-active #3c45a5 #3c45a5 bg-newt-brand-active Status --newt-online #23a55a #248046 bg-newt-online --newt-idle #f0b232 #b58500 bg-newt-idle --newt-dnd #f23f42 #d83a3e bg-newt-dnd --newt-offline #80848e #80848e bg-newt-offline --newt-danger #da373c #d83a3e bg-newt-danger --newt-danger-hover #a12828 #a12828 bg-newt-danger-hover --newt-mention-text #b3baff #505cdc bg-newt-mention-text --newt-mention-role #f3b95f #a06a00 bg-newt-mention-role Shape --newt-radius-sm 4px 4px --newt-radius-md 8px 8px --newt-radius-lg 12px 12px --newt-radius-full 9999px 9999px --newt-embed-max-width 520px 520px Type --newt-font-sans "Inter", "gg sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif "Inter", "gg sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif --newt-font-mono "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace --newt-font-display "Inter", sans-serif "Inter", sans-serif Elevation --newt-shadow-elevation-low 0 1px 0 rgba(0,0,0,0.2), 0 1.5px 0 rgba(0,0,0,0.05), 0 2px 0 rgba(0,0,0,0.05) 0 1px 0 rgba(6,6,7,0.1), 0 1.5px 0 rgba(6,6,7,0.025), 0 2px 0 rgba(6,6,7,0.025) --newt-shadow-elevation-high 0 8px 16px rgba(0,0,0,0.24) 0 8px 16px rgba(6,6,7,0.16) Motion --newt-ease cubic-bezier(0.3, 0.7, 0.4, 1) cubic-bezier(0.3, 0.7, 0.4, 1) --newt-duration-fast 100ms 100ms --newt-duration-base 150ms 150ms