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

Theme Fields

  • Color Theme Settings

    In this guide, you will know the different colors you can use for your theme. black CSS variable: --lia-bs-black black : #000000 white CSS variable: --lia-bs-white white : #FFFFFF, gray100 CSS variabl...

  • Heading Theme Settings

    The examples in this setting are the default theme's values. subHeaderFontSize CSS variable: --lia-subheader-font-size subHeaderFontSize : 11px, subHeaderFontWeight CSS variable: --lia-subheader-font-...

  • Drop-Down Theme Settings

    The examples in this setting are the default theme's values. fontSize CSS variable: --lia-bs-dropdown-font-size fontSize : var(--lia-bs-font-size-sm), borderColor CSS variable: --lia-bs-dropdown-borde...

  • Input Theme Settings

    The examples in this setting are the default theme's values. borderColor CSS variable: --lia-bs-input-border-color borderColor : var(--lia-bs-gray-600), disabledColor CSS variable: --lia-bs-input-disa...

  • List Group Theme Settings

    The examples in this setting are the default theme's values. itemPaddingY CSS variable: --lia-bs-list-group-item-padding-y itemPaddingY : 15px, itemPaddingX CSS variable: --lia-bs-list-group-item-padd...

  • Yiq Theme Settings

    The examples in this setting are the default theme's values. light CSS variable: --lia-yiq-light light : #ffffff, dark CSS variable: --lia-yiq-dark dark : #000000...

  • Prism Theme Settings

    The examples in this setting are the default theme's values. color CSS variable: --lia-prism-color color : #000000, bgColor CSS variable: --lia-prism-bg-color bgColor : #f5f2f0, fontFamily CSS variabl...

  • Loading Theme Settings

    The examples in this setting are the default theme's values. dotDarkColor CSS variable: --lia-load-dot-dark-color dotDarkColor : hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l...

  • Emoji Theme Settings

    The examples in this setting are the default theme's values. skinToneDefault CSS variable: --lia-emoji-skin-tone-default skinToneDefault : #ffcd43, skinToneLight CSS variable: --lia-emoji-skin-tone-li...

  • Unstyled List Item Theme Settings

    The examples in this setting are the default theme's values. marginBottomSm CSS variable: --lia-list-li-mb-sm marginBottomSm : 5px, marginBottomMd CSS variable: --lia-list-li-mb-md marginBottomMd : 10...