[#610] Fixes correct way to import chart css

Author: karesti

package-lock.json

@@ -82,6 +82,7 @@
     "webpack-merge": "^6.0.1"
   },
   "dependencies": {
+    "@patternfly/patternfly": "^6.3.0",
     "@patternfly/react-charts": "^8.3.0",
     "@patternfly/react-code-editor": "^6.3.0",
     "@patternfly/react-component-groups": "^6.3.0",

package.json

@@ -2,8 +2,6 @@ html,
 body,
 #root {
   height: 100%;
-  --pf-v6-chart-axis--tick-label--Fill: var(--pf-v6-c-content--Color);
-  --pf-v6-chart-global--label--Fill: var(--pf-v6-c-content--Color);
 }
 
 .caches-table {

src/app/app.css

@@ -1,5 +1,6 @@
 import React from 'react';
 import '@patternfly/react-core/dist/styles/base.css';
+import '@patternfly/patternfly/patternfly-charts.css';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { AppLayout } from '@app/AppLayout/AppLayout';
 import { AppRoutes } from '@app/routes';