Hi
another question regarding the angular coffee example. I have made my own theme. I then added it to the drop-down in the header component link this (I also tried to change the default theme to ocean blue):
public themes: { href: string; text: string }[] = [ { href: 'assets/kendo-theme-default/dist/default-ocean-blue.css', text: 'Kendo default (ocean blue)', }, { href: 'assets/kendo-theme-bootstrap/dist/all.css', text: 'Bootstrap', }, { href: 'assets/kendo-theme-material/dist/all.css', text: 'Material', }, { href: 'assets/light-theme/dist/theme-light.css', text: 'My light theme', }, { href: 'assets/dark-theme/dist/theme-dark.css', text: 'My dark theme', }, ]
and I also updated my angular.json file to include copying the new assets:
"assets": [
"src/favicon.ico",
"src/assets",
{
"glob": "**/*",
"input": "node_modules/@progress/kendo-theme-default/dist",
"output": "/assets/kendo-theme-default/dist"
},
{
"glob": "**/*",
"input": "node_modules/@progress/kendo-theme-bootstrap/dist",
"output": "/assets/kendo-theme-bootstrap/dist"
},
{
"glob": "**/*",
"input": "node_modules/@progress/kendo-theme-material/dist",
"output": "/assets/kendo-theme-material/dist"
},
{
"glob": "**/*",
"input": "src/assets/theme/dark",
"output": "/assets/dark-theme/dist"
},
{
"glob": "**/*",
"input": "src/assets/theme/light",
"output": "/assets/light-theme/dist"
}
],
I thought this was pretty straightforward... I have double checked that the new files are in the assets folder but I am getting two errors:
1. a **404 error** that the themes are not found...this is with my theme
2. a **The resource from ... was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).** with the default-blue-theme.
Any idea what I am missing?
Thank you for any help given