Ignite 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 arrowWidth...

  • 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), backgroundBg ...

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

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

  • 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), mainCont...

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

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

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

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

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