🖌️Additional Colors

Paradigm supports customizing text color, border color of the website.

To customize text color:

• Access the Settings > Code Injection from the admin menu.

• Click Open

• In the provided space, specify the desired background-colors using the appropriate CSS variable. For example:

  <style>
      :root {
          --main-color: #F4F4F4;
      }
  </style>

  
• Click Save

If the variable --main-color is not defined, the default color is #212121

---

To customize border color:

To customize border color:

• Access the Settings > Code Injection from the admin menu.

• Click Open

• In the provided space, specify the desired border color using the appropriate CSS variable. For example:

  <style>   
      :root {
          --main-border-color: #CCCCCC;
      }
  </style>

  
• Click Save

If the variable --main-border-color is not defined, the default color is #dedede

In dark mode, you can set the border color using the --main-border-color-dark-mode variable.

Menu colors

To customize menu background-color and border-color:

• Access the Settings > Code Injection from the admin menu.

• Click Open

• In the provided space, specify the desired border color using the appropriate CSS variable. For example:

  <style>   
      :root {
          --menu-border-color: #CCCCCC;
          --menu-background-color: #f5f5f5;
      }
  </style>

  
• Click Save

If the variable --menu-background-color is not defined, it defaults to the color specified by the variable --main-color

If the variable --menu-border-color is not defined, the default color is #3c3c3c