fix: bundled material theme indigo-pink.css

src/atlasViewer/atlasViewer.component.ts

@@ -12,6 +12,7 @@ import { ModalUnit } from "./modalUnit/modalUnit.component";
 import { AtlasViewerURLService } from "./atlasViewer.urlService.service";
 import { AtlasViewerAPIServices } from "./atlasViewer.apiService.service";
 
+import '@angular/material/prebuilt-themes/indigo-pink.css'
 import '../res/css/extra_styles.css'
 import { NehubaContainer } from "../ui/nehubaContainer/nehubaContainer.component";
 import { colorAnimation } from "./atlasViewer.animation"

src/index.html

@@ -8,7 +8,7 @@
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
   <link rel = "stylesheet" href = "extra_styles.css">
   <link rel = "stylesheet" href = "plugin_styles.css">
-  <link rel = "stylesheet" href = "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css">
+  <link rel = "stylesheet" href = "indigo-pink.css">
 
   <title>Interactive Atlas Viewer</title>
 </head>

webpack.staticassets.js

@@ -36,6 +36,15 @@ module.exports = {
             context : 'src'
           }
         }]
+      },
+      {
+        test: /indigo-pink\.css/,
+        use: {
+          loader: 'file-loader',
+          options: {
+            name: '[name].[ext]'
+          }
+        }
       }
     ]
   },