[FEATURE] First test of alternative colors

in2code-de · Aug 9, 2023 · 02b9525 · 02b9525
1 parent 83c9f44
commit 02b9525
Show file tree

Hide file tree

Showing 9 changed files with 25 additions and 25 deletions.
diff --git a/Resources/Private/Build/JavaScript/Backend/Diagram.js b/Resources/Private/Build/JavaScript/Backend/Diagram.js
@@ -45,16 +45,16 @@ define(['jquery', 'TYPO3/CMS/Lux/Vendor/Chart.min'], function($) {
  datasets: [{
  data: element.getAttribute('data-chart-data').split(','),
  backgroundColor: [
- 'rgba(77, 231, 255, 1)',
+ 'rgba(0, 124, 143, 1)',
  'rgba(221, 221, 221, 1)',
- 'rgba(255, 233, 51, 1)',
- 'rgba(77, 231, 255, 0.6)',
- 'rgba(255, 233, 51, 0.6)',
- 'rgba(77, 231, 255, 0.4)',
- 'rgba(255, 233, 51, 0.4)',
- 'rgba(77, 231, 255, 0.2)',
- 'rgba(255, 233, 51, 0.2)',
- 'rgba(77, 231, 255, 0.1)'
+ 'rgba(231, 156, 60, 1)',
+ 'rgba(0, 124, 143, 0.6)',
+ 'rgba(231, 156, 60, 0.6)',
+ 'rgba(0, 124, 143, 0.4)',
+ 'rgba(231, 156, 60, 0.4)',
+ 'rgba(0, 124, 143, 0.2)',
+ 'rgba(231, 156, 60, 0.2)',
+ 'rgba(0, 124, 143, 0.1)'
  ]
  }],
  labels: element.getAttribute('data-chart-labels').split(',')
@@ -82,7 +82,7 @@ define(['jquery', 'TYPO3/CMS/Lux/Vendor/Chart.min'], function($) {
  label: element.getAttribute('data-chart-label') || 'Leads',
  data: element.getAttribute('data-chart-data').split(','),
  backgroundColor: [
- 'rgba(77, 231, 255, 1)',
+ 'rgba(0, 124, 143, 1)',
  'rgba(221, 221, 221, 1)'
  ]
  }],
@@ -119,8 +119,8 @@ define(['jquery', 'TYPO3/CMS/Lux/Vendor/Chart.min'], function($) {
  label: element.getAttribute('data-chart-labelbottom'),
  data: element.getAttribute('data-chart-databottom').split(','),
  backgroundColor: [
- 'rgba(77, 231, 255, 1)',
- 'rgba(77, 231, 255, 1)'
+ 'rgba(0, 124, 143, 1)',
+ 'rgba(0, 124, 143, 1)'
  ]
  },
  {
@@ -167,15 +167,15 @@ define(['jquery', 'TYPO3/CMS/Lux/Vendor/Chart.min'], function($) {
  var datasets = [{
  label: element.getAttribute('data-chart-label'),
  data: element.getAttribute('data-chart-data').split(','),
- borderColor: 'rgb(77, 231, 255)',
+ borderColor: 'rgba(0, 124, 143, 1)',
  "lineTension": 0.5
  }];
  for (var i = 2; i < 7; i++) {
  if (element.hasAttribute('data-chart-data' + i) && element.hasAttribute('data-chart-label' + i)) {
  datasets.push({
  label: element.getAttribute('data-chart-label' + i),
  data: element.getAttribute('data-chart-data' + i).split(','),
- borderColor: '#FFE933'
+ borderColor: '#e79c3c'
  });
  }
  }

diff --git a/Resources/Private/Sass/_Settings.scss b/Resources/Private/Sass/_Settings.scss
@@ -1,8 +1,8 @@
-$colorMain: #4DE7FF;
+$colorMain: #007C8F;
 $colorSoft: #A5E7FF;
-$colorAlternative: #08E7FF;
+$colorAlternative: #004B57;
 
-$colorSecondary: #FFE933;
+$colorSecondary: #e79c3c;
 
 $white: #ffffff;
 $colorGrey: #DDDDDD;

diff --git a/Resources/Public/Css/Modules.min.css b/Resources/Public/Css/Modules.min.css
diff --git a/Resources/Public/Css/PageOverview.min.css b/Resources/Public/Css/PageOverview.min.css
diff --git a/Resources/Public/Icons/Extension.svg b/Resources/Public/Icons/Extension.svg
diff --git a/Resources/Public/Icons/lux_module_analysis.svg b/Resources/Public/Icons/lux_module_analysis.svg
diff --git a/Resources/Public/Icons/lux_module_lead.svg b/Resources/Public/Icons/lux_module_lead.svg
diff --git a/Resources/Public/Icons/lux_module_workflow.svg b/Resources/Public/Icons/lux_module_workflow.svg
diff --git a/Resources/Public/JavaScript/Lux/Diagram.min.js b/Resources/Public/JavaScript/Lux/Diagram.min.js