fuckin with colors

Author: jeisele2

src/components/Tree.vue

@@ -21,9 +21,6 @@ export default {
   },
   computed: {
     ...mapState(['componentMap']),
-    // getComponentMap () {
-    //   return this.$store.state.componentMap
-    // },
     computedTree () {
       return this.buildTree()
     }
@@ -66,14 +63,11 @@ export default {
       let build = this.transformToTree(this.componentMap)
       return build['App']
     }
-  },
-  mounted () {
-    this.buildTree()
   }
 }
 </script>
 
-<style>
+<style lang="stylus">
 .container {
   height: 100%;
   width: 100%;
@@ -92,12 +86,12 @@ export default {
 }
   /* changes the circle node color */
 .treeclass .nodetree circle {
-  fill: rgb(232, 225, 16);
+  fill: #A2D9FF;
 }
 /* changes the stroke color */
 .treeclass .linktree {
-  stroke: rgb(232, 225, 16) !important;
-  stroke-opacity: .4;
-  stroke-width: 2px;
+  stroke: $secondary !important;
+  stroke-opacity: 1;
+  stroke-width: 8px;
 }
 </style>

src/css/quasar.variables.styl

@@ -10,7 +10,7 @@
 // Tip: Use the "Theme Builder" on Quasar's documentation website.
 
 $primary   = #737578
-$secondary = #fd5f00
+$secondary = #2D95CD
 $accent    = #9C27B0
 $subaccent = #454d66
 $subaccentbtn = #2c384d