Ignite Global Support Home Start a conversation Sign in
Start a conversation
  1. Khoros Aurora
  2. Working with themes

Theme Fields

  • Typography Theme Settings

    The examples in this setting are the default theme's values. fontFamilyBase CSS variable: --lia-bs-font-family-base fontFamilyBase : 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif,...

  • Buttons Theme Settings

    The examples in this setting are the default theme's values. fillStyle Possible values are: FILLED, OUTLINED fillStyle : OUTLINED, borderRadiusSm CSS variable: --lia-bs-btn-border-radius-sm borderRadi...

  • Core Types Theme Settings

    In this guide, you will know the core types of theme settings field names, their descriptions, and its example. defaultMessageLinkColor CSS variable: --lia-default-message-link-color defaultMessageLin...

  • Icons Theme Settings

    The examples in this setting are the default theme's values. size12 CSS variable: --lia-icon-size-12 size12 : 12px, size14 CSS variable: --lia-icon-size-14 size14 : 14px, size16 CSS variable: --lia-ic...

  • Box Shadow Theme Settings

    The examples in this setting are the default theme's values. xs CSS variable: --lia-box-shadow-xs xs : 0 0 0 1px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.08...

  • Toasts Theme Settings

    The examples in this setting are the default theme's values. borderRadius CSS variable: --lia-bs-toast-border-radius borderRadius : var(--lia-bs-border-radius), paddingX CSS variable: --lia-bs-toast-p...

  • Image Preview Theme Settings

    The examples in this setting are the default theme's values. bgColor CSS variable: --lia-img-preview-content-bg-color bgColor : var(--lia-bs-gray-900), titleColor CSS variable: --lia-img-preview-title...

  • Navigation Bar Theme Settings

    The examples in this setting are the default theme's values. position CSS variable: --lia-nav-position position : sticky, background CSS variable: --lia-nav-bg See the background fields table for more...

  • Rich Text Editor Theme Settings

    The examples in this setting are the default theme's values. bgColor CSS variable: --lia-rte-bg-color bgColor : var(--lia-bs-white), borderRadius CSS variable: --lia-rte-border-radius borderRadius : v...

  • Basics Theme Settings

    The examples in this setting are the default theme's values. pageWidthStyle Possible values are: WIDTH_OF_BROWSER, WIDTH_OF_PAGE_CONTENT pageWidthStyle : WIDTH_OF_BROWSER, maximumWidthOfPageContent ba...