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

Theme Fields

  • Pop-Over Theme Settings

    The examples in this setting are the default theme's values. arrowHeight CSS variable: --lia-bs-popover-arrow-height "arrowHeight" : "8px", arrowWidth CSS variable: --lia-bs-popover-arrow-width "arrow...

  • Modal Theme Settings

    contentTextClor CSS variable: --lia-bs-modal-content-color "contentTextColor" : "var(--lia-bs-body-color)", contentBg CSS variable: --lia-bs-modal-content-bg "contentBg" : "var(--lia-bs-white)", backg...

  • Link Theme Settings

    The example values of the link theme settings for the default theme are given below. color CSS variable: --lia-bs-link-color "color" : "#0069D4", hoverColor CSS variable: --lia-bs-link-hover-color "ho...

  • Avatar Theme Settings

    The examples in this setting are the default theme's values. includeDefaultSet avatars.includeDefaultAvatarSet "includeDefaultSet" : false, borderRadius CSS variable: --lia-avatar-border-radius "borde...

  • Border Theme Settings

    The examples in this setting are the default theme's values. color CSS variable: --lia-bs-border-color "color" : "hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.08)", main...

  • Animation Theme Settings

    The examples in this setting are the default theme's values. fast CSS variable: --lia-timing-fast "fast" : "150ms", normal CSS variable: --lia-timing-normal "normal" : "250ms", slow CSS variable: --li...

  • Divider Theme Settings

    The examples in this setting are the default theme's values. size CSS variable: --lia-divider-size "size" : "3px", marginLeft CSS variable: --lia-divider-ml "marginLeft" : "4px", marginRight CSS varia...

  • Panel Theme Settings

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

  • Cards Theme Settings

    The examples in this setting are the default theme's values. bgColor CSS variable: --lia-card-bg-color "bgColor" : "var(--lia-panel-bg-color)", borderRadius CSS variable: --lia-card-border-radius "bor...

  • Pager Theme Settings

    The examples in this setting are the default theme's values. textColor CSS variable: --lia-load-text-color "textColor" : "var(--lia-bs-link-color)", textFontWeight CSS variable: --lia-load-text-font-w...