Theming Issue after Update

I use the "default" theme on my app and have applied several customizations to the theme. This has been working fine, but since one of the last updates of Radzen, the "funnel" icon form the headers of data grid columns appears twice. The functionality is ok, but somehow the icons is shown twice in all my data grids.

Unbenannt

When I remove the "themeSettings" from the app.json file, it is again shown correctly but of course my theme customizations are all gone. I was not able to find any specific customization setting that causes this behaviour. Only removing the entire "themeSettings" section fices the problem.

Can you please look into this since I would like to keep my customizations. Here is the "themeSettings" of my app.json:

 "themeSettings": {
    "$accordion-border-radius": "4px",
    "$accordion-hover-color": "#479cc8",
    "$accordion-item-background-color": "#ffffff",
    "$accordion-item-color": "#212529",
    "$accordion-selected-color": "#479cc8",
    "$body-bg": "#EFF0F1",
    "$body-color": "#212529",
    "$button-border-radius": "4px",
    "$card-background-color": "#ffffff",
    "$card-border-radius": "4px",
    "$chart-axis-color": "rgba(65,65,65,.2)",
    "$chart-axis-label-color": "rgba(65,65,65,.5)",
    "$checkbox-border-radius": "2px",
    "$checkbox-checked-background-color": "#3f8cb3",
    "$checkbox-checked-color": "#ffffff",
    "$checkbox-checked-hover-background-color": "#59a6cd",
    "$danger": "#f9777f",
    "$datalist-background-color": "#ffffff",
    "$datalist-border": "1px solid #e6ecef ",
    "$datalist-item-background-color": "#ffffff",
    "$datalist-item-border": "1px solid #e6ecef",
    "$datepicker-calendar-border": "1px solid #979797",
    "$datepicker-calendar-color": "#212529",
    "$datepicker-calendar-selected-background-color": "#479cc8",
    "$datepicker-calendar-selected-color": "#ffffff",
    "$datepicker-header-background-color": "#e6ecef",
    "$datepicker-header-border": "none",
    "$datepicker-header-color": "#88989b",
    "$datepicker-panel-background-color": "#ffffff",
    "$datepicker-panel-border": "1px solid #cecece",
    "$datepicker-trigger-icon-color": "#88989b",
    "$datepicker-trigger-icon-hover-color": "#479cc8",
    "$dialog-background-color": "#f7f7f7",
    "$dialog-border-radius": "4px",
    "$dialog-close-color": "#88989b",
    "$dialog-mask-background-color": "#3a474d",
    "$dialog-title-background-color": "rgba(243,245,247,.56)",
    "$dialog-title-color": "#212529",
    "$dropdown-filter-border": "1px solid #979797",
    "$dropdown-item-hover-background-color": "#59a6cd",
    "$dropdown-item-hover-color": "#ffffff",
    "$dropdown-item-selected-background-color": "#479cc8",
    "$dropdown-open-background-color": "#ffffff",
    "$dropdown-open-border": "1px solid #dadfe2",
    "$editor-button-background-color": "#ffffff",
    "$editor-button-color": "#212529",
    "$editor-button-disabled-color": "rgba(58, 58, 58, 0.4)",
    "$editor-button-selected-background-color": "#479cc8",
    "$editor-button-selected-color": "#ffffff",
    "$editor-separator-background-color": "#dadfe2",
    "$editor-toolbar-background-color": "#ffffff",
    "$fieldset-border": "1px solid #dadfe2",
    "$fieldset-legend-color": "#88989b",
    "$fieldset-toggle-background-color": "#e6ecef",
    "$fieldset-toggle-color": "#88989b",
    "$font-family-sans-serif": "'Segoe UI','Source Sans Pro', sans-serif",
    "$font-size": "14px",
    "$footer-background-color": "#ffffff",
    "$footer-border": "1px solid #eaeef0",
    "$gauge-arc-scale-color": "#e6ecef",
    "$gauge-arc-scale-label-color": "#808080",
    "$gauge-arc-value-color": "#479cc8",
    "$gauge-pointer-color": "#414141",
    "$gauge-scale-color": "#808080",
    "$gauge-scale-label-color": "#808080",
    "$gravatar-border-radius": "50%",
    "$grid-apply-filter-button-background-color": "#479cc8",
    "$grid-background-color": "#ffffff",
    "$grid-border": "1px solid #e6ecef",
    "$grid-cell-border": "1px solid #dfe7eb",
    "$grid-cell-color": "#48606c",
    "$grid-clear-filter-button-background-color": "#e6ecef",
    "$grid-clear-filter-button-color": "#88989b",
    "$grid-column-resizer-helper-background-color": "#479cc8",
    "$grid-detail-template-background-color": "#ffffff",
    "$grid-detail-template-border": "1px solid rgba(71, 156, 200, 0.2)",
    "$grid-detail-template-border-radius": "2px",
    "$grid-filter-background-color": "#f6f8f9",
    "$grid-filter-border": "1px solid #dfe7eb",
    "$grid-filter-buttons-background-color": "#ffffff",
    "$grid-filter-buttons-border": "1px solid hsla(0,0%,59%,.2)",
    "$grid-filter-color": "#88989b",
    "$grid-filter-focus-color": "#479cc8",
    "$grid-header-background-color": "#dddddd",
    "$grid-header-color": "#3a474d",
    "$grid-header-sorted-background-color": "#e2e9ee",
    "$grid-hover-background-color": "rgba(212,236,248,.5)",
    "$grid-hover-color": "#479cc8",
    "$grid-loading-indicator-background-color": "rgba(136, 152, 155, 0.5)",
    "$grid-loading-indicator-color": "currentColor",
    "$grid-selected-background-color": "#8baec3",
    "$grid-selected-color": "#ffffff",
    "$grid-stripe-background-color": "#f7f9fa",
    "$grid-toolbar-background-color": "#ffffff",
    "$header-background-color": "#ffffff",
    "$header-border": "1px solid #eaeef0",
    "$info": "#89bee2",
    "$input-background-color": "#ffffff",
    "$input-border": "1px solid #dadfe2",
    "$input-border-radius": "4px",
    "$input-disabled-background-color": "rgba(255, 255, 255, 0.7)",
    "$input-disabled-border": "1px solid #eaeaea",
    "$input-disabled-color": "rgba(58, 58, 58, 0.4)",
    "$input-hover-border": "1px solid #cecece",
    "$input-placeholder-color": "#3a3a3a",
    "$listbox-background-color": "#ffffff",
    "$listbox-border": "1px solid #dadfe2",
    "$listbox-border-radius": "4px",
    "$listbox-filter-border": "1px solid #dadfe2",
    "$login-register-background-color": "#ffffff",
    "$menu-background-color": "#ffffff",
    "$menu-border-radius": "2px",
    "$menu-item-color": "#3a474d",
    "$menu-item-hover-background-color": "#479cc8",
    "$menu-item-hover-color": "#ffffff",
    "$menu-item-selected-color": "#3a474d",
    "$menu-top-item-hover-color": "#479cc8",
    "$numeric-button-background-color": "#479cc8",
    "$numeric-button-border-radius": "2px",
    "$numeric-button-disabled-background-color": "#dadfe2",
    "$numeric-button-disabled-color": "#88989b",
    "$paginator-back-button-background-color": "#e6ecef",
    "$paginator-back-button-color": "#6d787d",
    "$paginator-background-color": "#ffffff",
    "$paginator-next-button-background-color": "#479cc8",
    "$paginator-next-button-color": "#ffffff",
    "$paginator-numeric-button-background-color": "#e6ecef",
    "$paginator-numeric-button-color": "#6d787d",
    "$paginator-numeric-button-selected-background-color": "#ffffff",
    "$paginator-numeric-button-selected-border": "1px solid #e6ecef",
    "$paginator-numeric-button-selected-color": "#d23b3c",
    "$paginator-summary-color": "#6d787d",
    "$panel-background-color": "#ffffff",
    "$panel-border-radius": "4px",
    "$panel-hover-color": "#d23b3c",
    "$panel-menu-background-color": "#3a474d",
    "$panel-menu-hover-background-color": "#28363c",
    "$panel-menu-icon-color": "#88989b",
    "$panel-menu-item-2nd-level-hover-background-color": "#1f2b31",
    "$panel-menu-item-2nd-level-hover-color": "#ffffff",
    "$panel-menu-item-active-background-color": "#28363c",
    "$panel-menu-item-border": "1px solid #363d40",
    "$panel-toggle-icon-background-color": "#e6ecef",
    "$panel-toggle-icon-border-radius": "2px",
    "$picklist-background-color": "#ee6ecef",
    "$picklist-button-background-color": "#ffffff",
    "$picklist-button-color": "#88989b",
    "$picklist-header-border": "1px solid #dadfe2",
    "$picklist-header-color": "#479cc8",
    "$picklist-item-background-color": "transparent",
    "$picklist-item-border": "1px solid #dadfe2",
    "$picklist-item-border-radius": "2px",
    "$picklist-list-background-color": "#ffffff",
    "$picklist-list-border": "1px solid #dadfe2",
    "$picklist-list-border-radius": "4px",
    "$primary": "#d23b3c",
    "$profile-menu-background-color": "#ffffff",
    "$profile-menu-border": "1px solid #eaeef0",
    "$profile-menu-toggle-button-color": "#479cc8",
    "$progressbar-background-color": "#e6ecef",
    "$progressbar-border-radius": "4px",
    "$progressbar-value-background-color": "#479cc8",
    "$radio-active-background-color": "#3f8cb3",
    "$radio-border-radius": "50%",
    "$radio-checked-background-color": "#3f8cb3",
    "$radio-checked-color": "#ffffff",
    "$radio-checked-hover-background-color": "#59a6cd",
    "$radio-circle-background-color": "#ffffff",
    "$radio-circle-hover-background-color": "#fafafa",
    "$rating-color": "#479cc8",
    "$rating-disabled-color": "#88989b",
    "$rating-selected-color": "#d23b3c",
    "$schedular-border-radius": "4px",
    "$scheduler-background-color": "#ffffff",
    "$scheduler-border": "1px solid #cecece",
    "$scheduler-color": "#6a6a6a",
    "$scheduler-event-background-color": "#68d5c8",
    "$scheduler-event-color": "#ffffff",
    "$scheduler-header-background-color": "rgba(230,236,239,.4)",
    "$scheduler-header-border": "1px solid #dfe7ec",
    "$scheduler-header-color": "#544848",
    "$scheduler-toolbar-background-color": "#e6ecef",
    "$scheduler-toolbar-button-background-color": "#479cc8",
    "$scheduler-toolbar-color": "#88989b",
    "$scheduler-view-button-background-color": "#ffffff",
    "$scheduler-view-button-border": "1px solid #dadfe2",
    "$scheduler-view-button-color": "#88989b",
    "$scheduler-view-selected-background-color": "#479cc8",
    "$scheduler-view-selected-color": "#ffffff",
    "$scrollbar-background-color": "#ffffff",
    "$scrollbar-border-radius": "8px",
    "$scrollbar-color": "#479cc8",
    "$secondary": "#0099ff",
    "$selectbar-background-color": "#ffffff",
    "$selectbar-border": "1px solid #dadfe2",
    "$selectbar-border-radius": "4px",
    "$selectbar-color": "#3a3a3a",
    "$selectbar-selected-background-color": "#479cc8",
    "$selectbar-selected-border": "1px solid #459cca",
    "$selectbar-selected-color": "#ffffff",
    "$sidebar-background-color": "#3a474d",
    "$sidebar-border-right": "1px solid #eaeef0",
    "$sidebar-toggle-background-color": "#ffffff",
    "$sidebar-toggle-border": "1px solid #eaeef0",
    "$sidebar-toggle-color": "#040404",
    "$sidebar-toggle-hover-background-color": "#ffffff",
    "$sidebar-toggle-hover-color": "#479cc8",
    "$signature-clear-background-color": "#dadfe2",
    "$signature-clear-color": "#3a474d",
    "$slider-background-color": "#ffffff",
    "$slider-border": "1px solid #dadfe2",
    "$slider-border-radius": "4px",
    "$slider-disabled-background-color": "rgba(211, 217, 219, 0.1)",
    "$slider-disabled-border": "1px solid #dadfe2",
    "$slider-disabled-handle-background-color": "#d3d9db",
    "$slider-disabled-range-background-color": "rgba(211, 217, 219, 0.5)",
    "$slider-disabled-range-border": "1px solid rgba(211, 217, 219, 0.3)",
    "$slider-handle-background-color": "#479cc8",
    "$slider-handle-border-radius": "2px",
    "$slider-handle-color": "#ffffff",
    "$slider-handle-hover-background-color": "#59a6cd",
    "$slider-range-background-color": "rgba(71,156,200,.3)",
    "$slider-range-border": "1px solid #459cca",
    "$splitbutton-background-color": "#d23b3c",
    "$splitbutton-border-radius": "4px",
    "$splitbutton-menu-button-border": "1px solid #d23b3c",
    "$splitter-bar-background-color": "#E6ECEF",
    "$splitter-bar-background-color-active": "#479CC8",
    "$splitter-bar-color": "#6A6A6A",
    "$splitter-bar-color-active": "#fff",
    "$splitter-bar-hover-opacity": "1",
    "$steps-number-background-color": "#e6ecef",
    "$steps-number-border-radius": "50%",
    "$steps-number-selected-background": "#479cc8",
    "$steps-number-selected-color": "#ffffff",
    "$steps-title-selected-color": "#479cc8",
    "$success": "#5dbf74",
    "$switch-background-color": "#ced4da",
    "$switch-checked-background-color": "#479cc8",
    "$switch-width": "48px",
    "$tabs-background-color": "#ffffff",
    "$tabs-border": "1px solid #dfe7ec",
    "$tabs-border-radius": "4px",
    "$tabs-hover-background-color": "#dfdfdf",
    "$tabs-hover-color": "#4a4a4a",
    "$tabs-tab-background-color": "#e6ecef",
    "$tabs-tab-color": "rgba(58,71,77,.5)",
    "$tabs-tab-selected-top-border-color": "#d23b3c",
    "$timepicker-background-color": "#e6ecef",
    "$timepicker-border": "none",
    "$timepicker-button-background-color": "#479cc8",
    "$timepicker-button-border-radius": "2px",
    "$timepicker-button-color": "#ffffff",
    "$timepicker-color": "#212529",
    "$tree-node-hover-background-color": "#59a6cd",
    "$tree-node-hover-color": "#ffffff",
    "$tree-node-selected-background-color": "#479cc8",
    "$tree-node-selected-border-radius": "2px",
    "$tree-node-selected-color": "#ffffff",
    "$upload-button-background-color": "#d23b3c",
    "$upload-button-bar-background-color": "rgba(#e6ecef, 0.5)",
    "$upload-cancel-background-color": "#dadfe2",
    "$upload-cancel-color": "#3a474d",
    "$upload-choose-background-color": "#479cc8",
    "$upload-choose-color": "#ffffff",
    "$upload-files-background-color": "#ffffff",
    "$upload-files-remove-background-color": "#dadfe2",
    "$upload-files-remove-color": "#3a474d",
    "$warning": "#e6c54f",
    "upgraded": true,
    "version": 4.1
  },

Thanks for your help!

You can regenerate your custom theme if you open application settings and press Save button.

Yes, that did the trick! Maybe Radzen should auto regenerate the themes if an update requires this.... Thanks anyway!

I had the same problem. thanks.