JoernT
diff --git a/‎.idea/inspectionProfiles/Project_Default.xml
+6 b/‎.idea/inspectionProfiles/Project_Default.xml
+6
diff --git a/‎demo/hello-fonto.html
+5 b/‎demo/hello-fonto.html
+5
diff --git a/‎karma.bs.config.js
+16 b/‎karma.bs.config.js
+16
diff --git a/‎karma.conf.js
+24 b/‎karma.conf.js
+24
@@ -17,6 +17,11 @@
     </script>
 
     <link rel="stylesheet" href="../resources/vars.css">
+    <style>
+        code *{
+            color:black;
+        }
+    </style>
 </head>
 <body unresolved="unresolved">
 
 
@@ -0,0 +1,16 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const merge = require('deepmerge');
+const { bsSettings } = require('@open-wc/testing-karma-bs');
+const createBaseConfig = require('./karma.conf.js');
+
+module.exports = config => {
+  config.set(
+    merge(bsSettings(config), createBaseConfig(config), {
+      browserStack: {
+        project: 'your-name',
+      },
+    }),
+  );
+
+  return config;
+};
@@ -0,0 +1,24 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const { createDefaultConfig } = require('@open-wc/testing-karma');
+const merge = require('deepmerge');
+
+module.exports = config => {
+  config.set(
+    merge(createDefaultConfig(config), {
+      files: [
+        // runs all files ending with .test in the test folder,
+        // can be overwritten by passing a --grep flag. examples:
+        //
+        // npm run test -- --grep test/foo/bar.test.js
+        // npm run test -- --grep test/bar/*
+        { pattern: config.grep ? config.grep : 'test/**/*.test.js', type: 'module' },
+      ],
+
+      esm: {
+        nodeResolve: true,
+      },
+      // you can overwrite/extend the config further
+    }),
+  );
+  return config;
+};