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

cchaos · cchaos · commit 127f12eebd33 · 2021-09-28T15:07:11.000-04:00
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';
 

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,7 @@ export default () => {`
`18`	`18`	`css={{`
`19`	`19`	`background: euiTheme.colors.lightShade,`
`20`	`20`	padding: `calc(${euiTheme.size.base} * 2)`,
	`21`	`+ color: euiTheme.colors.text,`
`21`	`22`	`}}`
`22`	`23`	`>`
`23`	`24`	`The padding of this box is created using <EuiCode>calc()</EuiCode>{' '}`
Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ const Box: FunctionComponent<{ children: ReactNode }> = ({ children }) => {`
`11`	`11`	`css={{`
`12`	`12`	`background: euiTheme.colors.lightShade,`
`13`	`13`	`padding: euiTheme.size.xl,`
	`14`	`+ color: euiTheme.colors.text,`
`14`	`15`	`}}`
`15`	`16`	`>`
`16`	`17`	`<p>{children}</p>`