color schema

[osama2kabdullah]

Read this full page - https://getbootstrap.com/
for the bootstrap color scheme.

{
    "name": "Color",
    "settings": [
      {
        "type": "color",
        "id": "primary",
        "label": "Primary",
        "default": "#007bff",
        "info": "Main theme color, used for hyperlinks, focus styles, and component and form active states."
      },
      {
        "type": "color",
        "id": "secondary",
        "label": "Secondary",
        "default": "#6c757d",
        "info": "Use the color option for lighter text. Use the bg option for dividers and to indicate disabled component states."
      },
      {
        "type": "color",
        "id": "success",
        "label": "Success",
        "default": "#28a745",
        "info": "Theme color used for positive or successful actions and information."
      },
      {
        "type": "color",
        "id": "danger",
        "label": "Danger",
        "default": "#dc3545",
        "info": "Theme color used for errors and dangerous actions."
      },
      {
        "type": "color",
        "id": "warning",
        "label": "Warning",
        "default": "#ffc107",
        "info": "Theme color used for non-destructive warning messages."
      },
      {
        "type": "color",
        "id": "info",
        "label": "Info",
        "default": "#17a2b8",
        "info": "Theme color used for neutral and informative content."
      },
      {
        "type": "color",
        "id": "light",
        "label": "Light",
        "default": "#f8f9fa",
        "info": "Additional theme option for less contrasting colors."
      },
      {
        "type": "color",
        "id": "dark",
        "label": "Dark",
        "default": "#343a40",
        "info": "Additional theme option for higher contrasting colors."
      }
    ]
  }