Khoros 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-ser...

  • 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 "borde...

  • 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 "defaultMessageLi...

  • 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: ...

  • 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...

  • 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-toa...

  • 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-t...

  • 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 ...

  • 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 "borderRadiu...

  • 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", maximumWidthOfPageConten...