change color scheme of app

Author: jigarxp

src/components/Canvas.vue

@@ -48,7 +48,10 @@
         @deactivated="onDeactivated(componentData)"
         @dragstop="finishedDrag"
         @resizestop="finishedResize"
-        :style="{ 'background-color': componentData.color }"
+        :style="{
+          'background-color': componentData.color,
+          color: 'black',
+        }"
         :parent="true"
       >
         <div class="component-title">
@@ -1448,7 +1451,7 @@ li:hover {
     linear-gradient(90deg, rgba(255, 255, 255, 0.8) 1px, transparent 1px),
     linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px);
-    -pie-background: linear-gradient(
+  -pie-background: linear-gradient(
         rgba(255, 255, 255, 0.8) 1px,
         transparent 1px
       ) -2px -2px / 100px,

src/components/left-sidebar/ComponentTab/LibComponents.vue

@@ -2,7 +2,7 @@
   <div class="">
     <q-btn-dropdown
       class="selectLib"
-      color="pink"
+      color=""
       label="Select Element+ Component"
       dropdown-icon="change_history"
     >
@@ -334,5 +334,6 @@ name: "LibComponents",
   margin-top: 20px;
   width: 260px;
   height: 45px;
+  background-color: rgb(101 180 132);
 }
 </style>

src/css/quasar.variables.scss

@@ -25,21 +25,21 @@
 // $warning   : #F2C037;
 
 // **************** Taken from OverVue *******************
-$primary : #737578;
-$secondary : #9744b3;
-$accent : #a1ddc2;
-$subaccent : #0d0d0d;
-$subaccentbtn : #2c384d;
-$subprimary : #202122;
-$subsecondary : #272a2a;
-$menutext : #F0F0F0;
-$menuinput : #4b4b4b;
-$scroll : #4b4b4b;
-$darktext: #34495E;
-
-$positive : #21BA45;
-$negative : #f15567;
-$info : #31CCEC;
-$warning : #F2C037;
-
-// C10015
+$primary: #737578;
+$secondary: #72d096;
+$accent: #a1ddc2;
+$subaccent: #0d0d0d;
+$subaccentbtn: #2c384d;
+$subprimary: #202122;
+$subsecondary: #272a2a;
+$menutext: #f0f0f0;
+$menuinput: #4b4b4b;
+$scroll: #4b4b4b;
+$darktext: #34495e;
+
+$positive: #21ba45;
+$negative: #f15567;
+$info: #31ccec;
+$warning: #f2c037;
+
+// C10015

src/layouts/MyLayout.vue

@@ -19,24 +19,24 @@ Description:
             src="../assets/OverVue_navLogo.png"
             id="nav-logo" />
           <div id="undo-redo">
-            <q-btn>
+            <!-- <q-btn>
               <i
                 v-if="doneAction.length"
                 class="fa fa-undo"
                 aria-hidden="true"
                 @click="clickedUndo"
               ></i>
               <i v-else class="fa fa-undo unavailable" aria-hidden="true"></i>
-            </q-btn>
-            <q-btn>
+            </q-btn> -->
+            <!-- <q-btn>
               <i
                 v-if="undoneAction.length"
                 class="fa fa-redo"
                 aria-hidden="true"
                 @click="clickedRedo"
               ></i>
               <i v-else class="fa fa-redo unavailable" aria-hidden="true"></i>
-            </q-btn>
+            </q-btn> -->
             <GridDensity /></div
         ></q-toolbar-title>
         <div></div>