text: define([], function () {
    var ThemeComponent = [
      {
        "section_name" : "Core",
        "items" : [
          {
            "key" : "db-background-color",
            "desc" : "Dashboard Background Color"
          },
          {
            "key" : "db-title-color",
            "desc" : "Dashboard Title Foreground Color"
          },
          {
            "key" : "db-title-background-color",
            "desc" : "Dashboard Title Background Color"
          }
        ]
      },
      {
        "section_name" : "Component",
        "items" : [
          {
            "key" : "component-background-color",
            "desc" : "Component Background Color"
          },
          {
            "key" : "component-caption-background-color",
            "desc" : "Component Caption Background Color"
          },
          {
            "key" : "component-title-font-color",
            "desc" : "Component Caption Foreground Color"
          },
          {
            "key" : "component-header-border-color",
            "desc" : "Component Header Border Color"
          }
        ]
      },
      {
        "section_name" : "KPI Component",
        "items" : [
          {
            "key" : "kpi-caption-font-color",
            "desc" : "KPI Caption Foreground Color"
          },
          {
            "key" : "kpi-subcaption-font-color",
            "desc" : "KPI Sub-Caption Foreground Color"
          },
          {
            "key" : "kpi-value-font-color",
            "desc" : "KPI Value Foreground Color"
          }
        ]
      },
      {
        "section_name" : "Table Component",
        "items" : [
          {
            "key" : "table-cell-border-color",
            "desc" : "Table Border Color"
          },
          {
            "key" : "table-background-color",
            "desc" : "Table Background Color"
          },
          {
            "key" : "table-body-even-row-background-color",
            "desc" : "Table Body Even row Background Color"
          },
          {
            "key" : "table-cell-font-color",
            "desc" : "Table Cell Font Color"
          },
          {
            "key" : "pagination-border-color",
            "desc" : "Pagination Border Color"
          },
          {
            "key" : "pagination-info-color",
            "desc" : "Pagination Text Color"
          },
          {
            "key" : "pagination-link-color",
            "desc" : "Pagination Link Color"
          },
          {
            "key" : "pagination-border-color",
            "desc" : "Pagination Active Border Color"
          }
        ]
      },
      {
        "section_name" : "Chart Component",
        "items" : [
          {
            "key" : "rc-series-color-1",
            "desc" : "Chart Color 1"
          },
          {
            "key" : "rc-series-color-2",
            "desc" : "Chart Color 2"
          },
          {
            "key" : "rc-series-color-3",
            "desc" : "Chart Color 3"
          },
          {
            "key" : "rc-series-color-4",
            "desc" : "Chart Color 4"
          },
          {
            "key" : "rc-series-color-5",
            "desc" : "Chart Color 5"
          },
          {
            "key" : "rc-series-color-6",
            "desc" : "Chart Color 6"
          },
          {
            "key" : "rc-series-color-7",
            "desc" : "Chart Color 7"
          },
          {
            "key" : "rc-series-color-8",
            "desc" : "Chart Color 8"
          },
          {
            "key" : "rc-series-color-9",
            "desc" : "Chart Color 9"
          },
          {
            "key" : "chart-grid-color",
            "desc" : "Chart Grid Color"
          },
          {
            "key" : "chart-axis-font-color",
            "desc" : "Chart Axis Font Color"
          },
          {
            "key" : "legend-caption-font-color",
            "desc" : "Legend Caption Font Color"
          },
          {
            "key" : "loading-text-color",
            "desc" : "Loading Text Color"
          },
          {
            "key" : "loading-background-color",
            "desc" : "Loading Background Color"
          },
          {
            "key" : "loading-border-color",
            "desc" : "Loading Border Color"
          },
          {
            "key" : "error-text-color",
            "desc" : "Error Text Color"
          },
          {
            "key" : "error-background-color",
            "desc" : "Error Background Color"
          },
          {
            "key" : "error-border-color",
            "desc" : "Error Border Color"
          }
        ]
      },
      {
        "section_name" : "RazorFlow Modal",
        "items" : [
          {
            "key" : "modal-header-background-color",
            "desc" : "Modal Header Background Color"
          },
          {
            "key" : "modal-header-font-color",
            "desc" : "Modal Header Font Color"
          },
          {
            "key" : "modal-body-background-color",
            "desc" : "Modal Body Background Color"
          }
        ]
      },
      {
        "section_name" : "Form Component",
        "items" : [
          {
            "key" : "Form-label-text-color",
            "desc" : "Form Label Text Color"
          },
          {
            "key" : "k-state-background",
            "desc" : "form Item Background Color"
          },
          {
            "key" : "form-item-border-color",
            "desc" : "form Item Border Color"
          },
          {
            "key" : "form-select-border-color",
            "desc" : "form Select Border Color"
          },
          {
            "key" : "textbox-background",
            "desc" : "Textbox Background Color"
          },
          {
            "key" : "form-header-color",
            "desc" : "form Header Font Color"
          }
        ]
      },
      {
        "section_name" : "Bread Crumb",
        "items" : [
          {
            "key" : "breadcrumb-font-color",
            "desc" : "BreadCrumb Font Color"
          },
          {
            "key" : "breadcrumb-active-color",
            "desc" : "BreadCrumb Active Font Color"
          },
          {
            "key" : "breadcrumb-border-color",
            "desc" : "BreadCrumb Border Color"
          }
        ]
      },
      {
        "section_name" : "Tabs",
        "items" : [
          {
            "key" : "tab-background-color",
            "desc" : "Tab Background Color"
          },
          {
            "key" : "tab-font-color",
            "desc" : "Tab Font Color"
          },
          {
            "key" : "tab-active-border-color",
            "desc" : "Tab Active Border Color"
          },
          {
            "key" : "tab-active-font-color",
            "desc" : "Tab Active Font Color"
          },
          {
            "key" : "tab-active-content-background-color",
            "desc" : "Tab Active Content Background Color"
          },
          {
            "key" : "tab-active-content-border-color",
            "desc" : "Tab Active Content Border Color"
          }
        ]
      }
    ];
  
    return ThemeComponent;
  
  });
  