update theme

greenbone · Jul 30, 2019 · aee582a · aee582a
1 parent 67e4975
commit aee582a
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/gsa/src/web/components/bar/__tests__/__snapshots__/compliancestatusbar.js.snap b/gsa/src/web/components/bar/__tests__/__snapshots__/compliancestatusbar.js.snap
@@ -25,7 +25,7 @@ exports[`ComplianceStatusBar tests should render 1`] = `
 .c1 {
   height: 13px;
   width: 75%;
-  background: #f0a519;
+  background: #fdc300;
 }
 
 @media print {

diff --git a/gsa/src/web/components/bar/__tests__/compliancestatusbar.js b/gsa/src/web/components/bar/__tests__/compliancestatusbar.js
@@ -82,7 +82,7 @@ describe('ComplianceStatusBar tests', () => {
     const {getByTestId} = render(<ComplianceStatusBar complianceStatus={75} />);
     const progress = getByTestId('progress');
 
-    expect(progress).toHaveStyleRule('background', Theme.warnYellow);
+    expect(progress).toHaveStyleRule('background', Theme.goldYellow);
   });
 
   test('should render background for low compliance', () => {

diff --git a/gsa/src/web/components/bar/compliancestatusbar.js b/gsa/src/web/components/bar/compliancestatusbar.js
@@ -41,7 +41,7 @@ const ComplianceStatusBar = ({complianceStatus}) => {
   } else if (complianceStatus <= 50) {
     type = Theme.errorRed;
   } else {
-    type = Theme.warnYellow;
+    type = Theme.goldYellow;
   }
   return (
     <ProgressBar title={text} progress={complianceStatus} background={type}>

diff --git a/gsa/src/web/utils/theme.js b/gsa/src/web/utils/theme.js
@@ -21,14 +21,12 @@ const Theme = {
   /* source styleguide */
   lightGreen: '#87d050',
   green: '#66c430',
-  paleGreen: '#99BE48',
 
   lightGray: '#c8d3d9', // used by: disabled inputs
   mediumGray: '#787878',
   darkGray: '#393637',
 
   goldYellow: '#fdc300',
-  warnYellow: '#f0a519',
   redBrown: '#a54317',
 
   /* source own */
@@ -48,6 +46,8 @@ const Theme = {
   mediumBlue: '#5897fb', // used by active/hovered items in Select
   blue: '#0000ff', // used by: links
 
+  paleGreen: '#99BE48', // used by: compliance status bar
+
   /* source ? */
   darkGreen: '#519032', // RGB: 81, 144, 50
   darkGreenTransparent: 'rgba(81, 144, 50, 0.8)', // corresponds to darkGreen