diff --git a/angular.json b/angular.json
index b45a3cc..e0630a1 100644
--- a/angular.json
+++ b/angular.json
@@ -27,7 +27,8 @@
               "src/assets"
             ],
             "styles": [
-              "src/styles.scss"
+              "src/styles.scss",
+              // "src/scss/style.scss"
             ],
             "scripts": []
           },
diff --git a/src/assets/scss/_custom.scss b/src/assets/scss/_custom.scss
new file mode 100644
index 0000000..15d367a
--- /dev/null
+++ b/src/assets/scss/_custom.scss
@@ -0,0 +1 @@
+// Here you can add other styles
diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss
new file mode 100644
index 0000000..3ee3142
--- /dev/null
+++ b/src/assets/scss/_variables.scss
@@ -0,0 +1 @@
+// Variable overrides
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
new file mode 100644
index 0000000..cae9816
--- /dev/null
+++ b/src/assets/scss/style.scss
@@ -0,0 +1,8 @@
+// If you want to override variables do it here
+@import "variables";
+
+// Import styles
+@import "~@coreui/coreui/scss/coreui";
+
+// If you want to add something do it here
+@import "custom";
diff --git a/src/assets/scss/vendors/_variables.scss b/src/assets/scss/vendors/_variables.scss
new file mode 100644
index 0000000..3d8464b
--- /dev/null
+++ b/src/assets/scss/vendors/_variables.scss
@@ -0,0 +1,4 @@
+// Override Boostrap variables
+@import "../variables";
+@import "~bootstrap/scss/mixins";
+@import "~@coreui/coreui/scss/variables";
diff --git a/src/assets/scss/vendors/chart.js/chart.scss b/src/assets/scss/vendors/chart.js/chart.scss
new file mode 100644
index 0000000..7e99cca
--- /dev/null
+++ b/src/assets/scss/vendors/chart.js/chart.scss
@@ -0,0 +1,48 @@
+// Import variables
+@import '../variables';
+
+.chart-legend,
+.bar-legend,
+.line-legend,
+.pie-legend,
+.radar-legend,
+.polararea-legend,
+.doughnut-legend {
+  list-style-type: none;
+  margin-top: 5px;
+  text-align: center;
+  -webkit-padding-start: 0;
+  -moz-padding-start: 0;
+  padding-left: 0;
+}
+.chart-legend li,
+.bar-legend li,
+.line-legend li,
+.pie-legend li,
+.radar-legend li,
+.polararea-legend li,
+.doughnut-legend li {
+  display: inline-block;
+  white-space: nowrap;
+  position: relative;
+  margin-bottom: 4px;
+  @include border-radius($border-radius);
+  padding: 2px 8px 2px 28px;
+  font-size: smaller;
+  cursor: default;
+}
+.chart-legend li span,
+.bar-legend li span,
+.line-legend li span,
+.pie-legend li span,
+.radar-legend li span,
+.polararea-legend li span,
+.doughnut-legend li span {
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 20px;
+  height: 20px;
+  @include border-radius($border-radius);
+}