[Visual Refresh] Update vis colors and palettes (elastic#8112)

mgadewoll · Jan 10, 2025 · e5a7789 · e5a7789
1 parent 4abac5e
commit e5a7789
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 154 deletions.
diff --git a/packages/eui-theme-common/src/global_styling/variables/_colors_vis.scss b/packages/eui-theme-common/src/global_styling/variables/_colors_vis.scss
diff --git a/packages/eui-theme-common/src/global_styling/variables/_colors_vis.ts b/packages/eui-theme-common/src/global_styling/variables/_colors_vis.ts
diff --git a/packages/eui/src-docs/src/components/guide_theme_selector/guide_theme_selector.tsx b/packages/eui/src-docs/src/components/guide_theme_selector/guide_theme_selector.tsx
@@ -1,13 +1,8 @@
 /* eslint-disable no-restricted-globals */
 import React, { useState, useContext } from 'react';
 
-import {
-  EuiThemeProvider,
-  useEuiTheme,
-  useIsWithinBreakpoints,
-} from '../../../../src/services';
+import { EuiThemeProvider, useEuiTheme } from '../../../../src/services';
 import { EUI_THEME } from '../../../../src/themes';
-import { AVAILABLE_THEMES } from '../with_theme/theme_context';
 
 import { ThemeContext } from '../with_theme';
 import {
@@ -19,6 +14,7 @@ import {
   EuiSwitch,
   EuiSwitchEvent,
 } from '../../../../src/components';
+import { AVAILABLE_THEMES } from '../with_theme/theme_context';
 
 export const GuideThemeSelector = () => {
   const context = useContext(ThemeContext);

diff --git a/packages/eui/src-docs/src/components/with_theme/theme_context.tsx b/packages/eui/src-docs/src/components/with_theme/theme_context.tsx
@@ -99,6 +99,10 @@ export class ThemeProvider extends React.Component<PropsWithChildren, State> {
       colorMode
     );
 
+    const colorMode =
+      (localStorage.getItem('colorMode') as EuiThemeColorModeStandard) ||
+      undefined;
+
     const themeLanguage = this.getThemeLanguage();
 
     this.state = {

diff --git a/packages/eui/src-docs/src/theme_new_dark.scss b/packages/eui/src-docs/src/theme_new_dark.scss
diff --git a/packages/eui/src-docs/src/theme_new_light.scss b/packages/eui/src-docs/src/theme_new_light.scss
diff --git a/packages/eui/src/components/avatar/avatar.tsx b/packages/eui/src/components/avatar/avatar.tsx
@@ -136,6 +136,14 @@ export const EuiAvatar: FunctionComponent<EuiAvatarProps> = ({
     [euiTheme]
   );
 
+  const { euiTheme } = useEuiTheme();
+
+  const visColors = useMemo(
+    () => euiPaletteColorBlindBehindText(),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [euiTheme]
+  );
+
   const isPlain = color === 'plain';
   const isSubdued = color === 'subdued';
   const isNamedColor = isPlain || isSubdued || color === null;