¯\_(ツ)_/¯

src/App.vue

@@ -6,13 +6,21 @@
 </template>
 <script>
 
+// const jsyaml = require("js-yaml");
 import Footer from '@/components/Footer.vue';
+// import defaultConfig from '../src/data/conf.yml';
 
 export default {
   name: 'app',
   components: {
     Footer,
   },
+  // methods: {
+  //   getConfig: async function () {
+  //     // const defaults = jsyaml.load(defaultConfig);
+
+  //   },
+  // }
 };
 </script>
 

src/components/Item.vue

@@ -145,7 +145,7 @@ export default {
 
 .tile-icon {
     width: 60px;
-    filter: drop-shadow(2px 4px 6px $transparent-black);
+    filter: drop-shadow(2px 4px 6px $transparent-black) saturate(0.65);
 }
 
 .item:hover {