fix: enable CssVariables

dhis2 · Oct 11, 2023 · 4adbb19 · 4adbb19
1 parent 271178e
commit 4adbb19
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/PluginWrapper.js b/src/PluginWrapper.js
@@ -1,5 +1,5 @@
 import { useCacheableSection, CacheableSection } from '@dhis2/app-runtime'
-import { CenteredContent, CircularLoader, Layer } from '@dhis2/ui'
+import { CenteredContent, CircularLoader, CssVariables, Layer } from '@dhis2/ui'
 import postRobot from '@krakenjs/post-robot'
 import PropTypes from 'prop-types'
 import React, { useEffect, useState } from 'react'
@@ -114,6 +114,7 @@ const PluginWrapper = () => {
             >
                 <Visualization {...propsFromParent} />
             </CacheableSectionWrapper>
+            <CssVariables colors spacers elevations />
         </div>
     ) : null
 }

diff --git a/src/components/Visualization/styles/Visualization.module.css b/src/components/Visualization/styles/Visualization.module.css
@@ -6,7 +6,7 @@
 }
 
 .legendKeyWrapper {
-    border: 1px solid #d5dde5; /* FIXME: should use var(--colors-grey400) but the color is not being parsed */
+    border: 1px solid var(--colors-grey400);
     overflow: auto;
     height: 100%;
 }
@@ -28,7 +28,7 @@
 .pluginContainer {
     display: flex;
     justify-content: space-between;
-    gap: 4px; /* FIXME: should use var(--spacers-dp4) but the spacer is not being parsed */
+    gap: var(--spacers-dp4);
     min-width: 0;
     flex-grow: 1;
 }