Pathfora has two basic built-in color themes: light (default if no theme is set) and dark. Furthermore, the user can set their own custom colors for any element of the module within the javascript configuration. For more advanced color and style customization you can add your own CSS.

theme

Set the color scheme of the module. This can be a predefined theme or indicate that the module should have custom colors.

theme string
Value Behavior
light default default light color scheme
dark a predefined darker color scheme
custom the user should define custom colors using colors

Dark Theme - Live Preview

Dark Theme Module




colors


Define a set of custom colors for each element of the module.



  
    

      colors object
    

    

      Key
      Type
      Behavior
    

  

  

    background
    string
    optional hex color code for the background of the module
  

  

    text
    string
    optional hex color code for the msg text
  

  

    headline
    string
    optional hex color code for the headline text
  

  

    close
    string
    optional hex color code for close button ("X" in the corner)
  

  

    actionBackground
    string
    optional hex color code for the background of the "confirm" button
  

  

    actionText
    string
    optional hex color code for the text of the "confirm" button
  

  

    cancelBackground
    string
    optional hex color code for the background of the "cancel" button
  

  

    cancelText
    string
    optional hex color code for the text of the "cancel" button
  

  

    fieldBackground
    string
    optional hex color code for the background of field elements
  

  

    required
    string
    optional hex color code for the flag and/outline on required form fields
  

  

    requiredText
    string
    optional hex color code for the flag text on required form fields
  





Custom Theme - Live Preview



Custom Theme Module