color

src/app/components/dashboard/course/course.component.ts

@@ -129,7 +129,7 @@ export class CourseComponent {
         borderColor: '#f1f1f1',
         strokeDashArray: 3,
       },
-      colors: ['rgb(90,102,241)', 'rgb(203,213,225)'],
+      colors: ['rgb(21,76,156)', 'rgb(203,213,225)'],
       labels: [
         'Jan',
         'Feb',

src/app/components/dashboard/jobs/jobs.component.ts

@@ -139,7 +139,7 @@ export class JobsComponent {
         },
       },
 
-      colors: ['rgb(90,102,241)', '#60a5fa'],
+      colors: ['rgb(21,76,156)', '#60a5fa'],
     };
 
     this.chartOptions = {

src/app/components/dashboard/sales/sales.component.ts

@@ -141,7 +141,7 @@ export class SalesComponent {
   constructor() {
     this.optionsCircle1 = {
       series: [30, 30, 50],
-      colors: ['rgb(90,102,241)', '#60a5fa'],
+      colors: ['rgb(21,76,156)', '#60a5fa'],
       chart: {
         height: 245,
         type: 'donut',

src/app/components/dashboard/stocks/stocks.component.ts

@@ -141,7 +141,7 @@ export class StocksComponent {
       grid: {
         borderColor: 'rgba(107 ,114 ,128,0.1)',
       },
-      colors: ['rgb(90,102,241)', 'rgb(203,213,225)'],
+      colors: ['rgb(21,76,156)', 'rgb(203,213,225)'],
       plotOptions: {
         bar: {
           horizontal: false,

src/assets/css/style.css

@@ -6633,8 +6633,8 @@ select option:active,
 /* End Tailwind Styles */
 /* Start Variables Styles */
 :root {
-  --color-primary: 90 102 241;
-  --color-primary-rgb: 90,102,241;
+  --color-primary: 21 76 156;
+  --color-primary-rgb: 21,76,156;
   --color-secondary: 96 165 250;
   --color-success: 34 197 94;
   --color-info: 76 117 207;
@@ -16109,7 +16109,7 @@ select.tabulator-page-size option{
 #calendar2 .btn-group .btn-primary{
   cursor: pointer;
   --tw-bg-opacity: 1;
-  background-color: rgb(90 102 241 / var(--tw-bg-opacity));
+  background-color: rgb(21 76 156 / var(--tw-bg-opacity));
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
@@ -16925,7 +16925,7 @@ ngx-dropzone-label{
 }
 .ngx-slider .ngx-slider-selection{
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(90 102 241 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(21 76 156 / var(--tw-bg-opacity)) !important;
 }
 .toggle-movements .ngx-slider .ngx-slider-bar-wrapper{
   padding-top: 13px;
@@ -17462,7 +17462,7 @@ div:where(.swal2-container) div:where(.swal2-validation-message){
 }
 .dark .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{
   --tw-bg-opacity: 1;
-  background-color: rgb(90 102 241 / var(--tw-bg-opacity));
+  background-color: rgb(21 76 156 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }

src/assets/scss/_variables.scss

 /* Start Variables Styles */
 :root {
-    --color-primary: 90 102 241;
-    --color-primary-rgb: 90,102,241;
+    --color-primary: 21 76 156;
+    --color-primary-rgb: 21,76,156;
     --color-secondary: 96 165 250;
     --color-success: 34 197 94;
     --color-info: 76 117 207;