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

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

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

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

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

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

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

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

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