diff --git a/src/app-config.js b/src/app-config.js
index dc5059be..1a3dfed2 100644
--- a/src/app-config.js
+++ b/src/app-config.js
@@ -2,9 +2,9 @@ export default {
   symbols: {
     filter: {
       type: 'simple-fill',
-      style: 'none',
-      outline: { style: 'dash', width: 1.5 },
-      color: null,
+      style: 'solid',
+      color: 'rgba(255, 255, 0, 0.15)',
+      outline: { color: 'rgb(255, 255, 0)' },
     },
     point: {
       type: 'simple',
@@ -14,7 +14,7 @@ export default {
         color: null, // to be filled in later
         size: 8,
         outline: {
-          color: [0, 0, 0, 255],
+          color: 'rgba(0, 0, 0, 255)',
           width: 1,
         },
       },
@@ -26,24 +26,24 @@ export default {
         style: 'solid',
         color: null, // to be filled in later
         outline: {
-          color: [0, 0, 0, 255],
+          color: 'rgba(0, 0, 0, 255)',
           width: 0.4,
         },
       },
     },
     defaultColors: [
-      [31, 120, 180],
-      [51, 160, 44],
-      [227, 26, 28],
-      [255, 127, 0],
-      [106, 61, 154],
-      [253, 191, 111],
-      [251, 154, 153],
-      [178, 223, 138],
-      [166, 206, 227],
-      [202, 178, 214],
-      [255, 255, 153],
-      [177, 89, 40],
+      'rgb(31, 120, 180)',
+      'rgb(51, 160, 44)',
+      'rgb(227, 26, 28)',
+      'rgb(255, 127, 0)',
+      'rgb(106, 61, 154)',
+      'rgb(253, 191, 111)',
+      'rgb(251, 154, 153)',
+      'rgb(178, 223, 138)',
+      'rgb(166, 206, 227)',
+      'rgb(202, 178, 214)',
+      'rgb(255, 255, 153)',
+      'rgb(177, 89, 40)',
     ],
     defaultOpacity: 0.65,
   },