diff --git a/src/App.vue b/src/App.vue
index 807e8d1..7851bbb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,11 +12,26 @@ export default {
   components: {
     SideBar,
   },
-    provide() {
-    return {
-      colors: colorsData,
-    };
-  }
+  provide() {
+    if (colorsData) {
+      return {
+        colors: colorsData,
+      };
+    } else {
+      return {
+        colors: {
+          primary: '#3498db',
+          secondary: '#2ecc71',
+          downClick: '#e74c3c',
+          clicked: 'e',
+          hover: '#383444',
+          text: 'white',
+          background: '#343541',
+          sidebar: '#000000',
+        },
+      };
+    }
+  },
 };
 </script>
 
diff --git a/src/assets/colors.json b/src/assets/colors.json
index 21cf0bf..8adc860 100644
--- a/src/assets/colors.json
+++ b/src/assets/colors.json
@@ -6,5 +6,5 @@
     "hover": "#383444",
     "text": "white",
     "background": "#343541",
-    "sidebar": "#000000"
+    "sideBar": "black"
   }
\ No newline at end of file