Fixing a few things for legacy dark mode based on not having a provider

elastic · Sep 28, 2021 · 127f12e · 127f12e
1 parent 8db48b9
commit 127f12e
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 0 deletions.
diff --git a/src-docs/src/views/theme/consuming.tsx b/src-docs/src/views/theme/consuming.tsx
@@ -18,6 +18,7 @@ export default () => {
         css={{
           background: euiTheme.colors.lightShade,
           padding: `calc(${euiTheme.size.base} * 2)`,
+          color: euiTheme.colors.text,
         }}
       >
         The padding of this box is created using <EuiCode>calc()</EuiCode>{' '}

diff --git a/src-docs/src/views/theme/consuming_hoc.tsx b/src-docs/src/views/theme/consuming_hoc.tsx
@@ -13,6 +13,7 @@ class Block extends React.Component<WithEuiThemeProps> {
       background: ${theme.euiTheme.colors.lightShade};
       padding: ${theme.euiTheme.size.xl};
       border-radius: ${theme.euiTheme.border.radius.medium};
+      color: ${theme.euiTheme.colors.text};
     `;
 
     return (

diff --git a/src-docs/src/views/theme/override_simple.tsx b/src-docs/src/views/theme/override_simple.tsx
@@ -11,6 +11,7 @@ const Box: FunctionComponent<{ children: ReactNode }> = ({ children }) => {
       css={{
         background: euiTheme.colors.lightShade,
         padding: euiTheme.size.xl,
+        color: euiTheme.colors.text,
       }}
     >
       <p>{children}</p>

diff --git a/src/theme_dark.scss b/src/theme_dark.scss
@@ -4,6 +4,9 @@
 // Global styling
 @import 'global_styling/index';
 
+// The reset file makes use of variables and mixins
+@import 'global_styling/reset/index';
+
 // Components
 @import 'components/index';