INTLY-4337: Updated the font color for the component names on Services tab (#532)

* INTLY-4337: Updated the color of the font for app name

* Updated version.

* Fixed linting error.

Author: dlabaj

package.json

@@ -1,6 +1,6 @@
 {
   "name": "integreatly-web-app",
-  "version": "2.20.2",
+  "version": "2.20.3",
   "private": true,
   "proxy": "http://localhost:5001/",
   "dependencies": {

src/components/installedAppsView/InstalledAppsView.js

@@ -142,7 +142,9 @@ class InstalledAppsView extends React.Component {
                   </Expandable>
                 </DataListCell>,
                 <DataListCell key="primary content">
-                  <span id="Red Hat OpenShift">Red Hat OpenShift</span>
+                  <span className="integr8ly-pretty-name" id="Red Hat OpenShift">
+                    Red Hat OpenShift
+                  </span>
                 </DataListCell>,
                 <DataListCell
                   key="cell one"
@@ -310,7 +312,7 @@ class InstalledAppsView extends React.Component {
                       </span>
                     </DataListCell>,
                     <DataListCell key="primary content">
-                      <span id={`appName-${prettyName}`}>
+                      <span className="integr8ly-pretty-name" id={`appName-${prettyName}`}>
                         {' '}
                         {prettyName}{' '}
                         {gaStatus && (gaStatus === 'preview' || gaStatus === 'community') ? (

src/styles/application/components/_installedAppsView.scss

@@ -46,3 +46,7 @@
 .integr8ly-panel-title {
   background-color: $pf-color-white !important; /* stylelint-disable-line declaration-no-important */
 }
+
+.integr8ly-pretty-name {
+  color: var(--pf-global--Color--200);
+}