Docs Settings & Configuration Color & UI Customization

Color & UI Customization

Color Settings

Go to Settings → Colors to customize the frontend appearance. Available color options:

  • Primary — buttons, links, and interactive elements (default: #1890ff)
  • Primary Hover — hover state for primary elements
  • Success — success message color
  • Error — error message color
  • Text — body text color
  • Shortcode Icon — file type icon color in shortcodes

Colors are injected as CSS custom properties on the frontend (e.g., --td-primary), so they automatically apply to all ToolDocs™ elements. Derived colors (lighter backgrounds and borders for info/error boxes) are computed automatically.

Use the Reset button to restore defaults.

UI Text Overrides

Every user-facing text string in ToolDocs™ can be customized via PHP filter hooks — login form headings, button labels, verification messages, privacy text, and more. This lets you match your brand voice without editing template files. See Text Override Filters for the complete list with examples.

Related Articles

Was this article helpful?