diff --git a/resources/views/components/graph-month.blade.php b/resources/views/components/graph-month.blade.php
index b429f58..c99a21e 100644
--- a/resources/views/components/graph-month.blade.php
+++ b/resources/views/components/graph-month.blade.php
@@ -7,18 +7,21 @@
         let monthly_invoices = {!! $monthly_invoices !!};
         let monthly_incoming = {!! $monthly_incoming !!};
 
-        new Chart(document.getElementById('monthly'),
+        new Chart(
+            document.getElementById('monthly'),
             {
                 type: 'line',
                 data: {
                     datasets: [
                         {
                             label: '{{ __('invoice.Invoices') }}',
-                            data: monthly_invoices
+                            data: monthly_invoices,
+                            backgroundColor: 'rgb(25,48,90)',
                         },
                         {
                             label: '{{ __('incoming.Incoming') }}',
-                            data: monthly_incoming
+                            data: monthly_incoming,
+                            backgroundColor: 'rgb(237,125,35)',
                         }
                     ]
                 }
diff --git a/resources/views/components/graph-year.blade.php b/resources/views/components/graph-year.blade.php
index b8170e7..8deaf09 100644
--- a/resources/views/components/graph-year.blade.php
+++ b/resources/views/components/graph-year.blade.php
@@ -7,18 +7,21 @@
         let yearly_invoices = {!! $yearly_invoices !!};
         let yearly_incoming = {!! $yearly_incoming !!};
 
-        new Chart(document.getElementById('yearly'),
+        new Chart(
+            document.getElementById('yearly'),
             {
                 type: 'bar',
                 data: {
                     datasets: [
                         {
                             label: '{{ __('invoice.Invoices') }}',
-                            data: yearly_invoices
+                            data: yearly_invoices,
+                            backgroundColor: 'rgb(25,48,90)',
                         },
                         {
                             label: '{{ __('incoming.Incoming') }}',
-                            data: yearly_incoming
+                            data: yearly_incoming,
+                            backgroundColor: 'rgb(237,125,35)',
                         }
                     ]
                 }