From 0ca5cb7c14eb3b38796c892fa0878793fb3e3f38 Mon Sep 17 00:00:00 2001 From: Eric Olkowski Date: Wed, 6 May 2026 08:54:17 -0400 Subject: [PATCH 1/3] feat(ThemeSwitcher): replaced unified/redhat with felt --- .../components/themeSelector/themeSelector.js | 6 +++--- packages/documentation-framework/hooks/useTheme.js | 14 ++++++++++---- 2 files changed, 13 insertions(+), 7 deletions(-) diff --git a/packages/documentation-framework/components/themeSelector/themeSelector.js b/packages/documentation-framework/components/themeSelector/themeSelector.js index 1d86e86152..022ef06528 100644 --- a/packages/documentation-framework/components/themeSelector/themeSelector.js +++ b/packages/documentation-framework/components/themeSelector/themeSelector.js @@ -150,9 +150,9 @@ export const ThemeSelector = ({ id }) => { onChange={handleThemeVariantChange} /> diff --git a/packages/documentation-framework/hooks/useTheme.js b/packages/documentation-framework/hooks/useTheme.js index b9551474d3..2473987e3d 100644 --- a/packages/documentation-framework/hooks/useTheme.js +++ b/packages/documentation-framework/hooks/useTheme.js @@ -15,7 +15,7 @@ const CONTRAST_MODES = { const THEME_VARIANT_MODES = { DEFAULT: 'theme-default', - UNIFIED: 'theme-redhat' + FELT: 'theme-felt' }; export const THEME_TYPES = { @@ -46,7 +46,13 @@ class ThemeManager { if (!this.isBrowser) { return; } - const storedValue = localStorage.getItem(this.storageKey); + + let storedValue = localStorage.getItem(this.storageKey); + if (storedValue === 'theme-redhat') { + storedValue = 'theme-felt'; + localStorage.setItem(this.storageKey, storedValue); + } + return storedValue || this.defaultMode; } @@ -190,8 +196,8 @@ const themeVariantManager = new ThemeManager({ storageKey: 'theme-variant-preference', modes: THEME_VARIANT_MODES, defaultMode: THEME_VARIANT_MODES.DEFAULT, - cssClass: 'pf-v6-theme-redhat', - classEnabledMode: THEME_VARIANT_MODES.UNIFIED, + cssClass: 'pf-v6-theme-felt', + classEnabledMode: THEME_VARIANT_MODES.FELT, mediaQueryString: '(prefers-color-scheme: dark)' // Not used for variant, but required }); From 5f2c8a54d84c4f61bb0b1fc79df35be99898efef Mon Sep 17 00:00:00 2001 From: Eric Olkowski Date: Wed, 6 May 2026 09:00:18 -0400 Subject: [PATCH 2/3] Updated switcher text to Project Felt --- .../components/themeSelector/themeSelector.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/documentation-framework/components/themeSelector/themeSelector.js b/packages/documentation-framework/components/themeSelector/themeSelector.js index 022ef06528..91f0f4fd0c 100644 --- a/packages/documentation-framework/components/themeSelector/themeSelector.js +++ b/packages/documentation-framework/components/themeSelector/themeSelector.js @@ -150,7 +150,7 @@ export const ThemeSelector = ({ id }) => { onChange={handleThemeVariantChange} /> Date: Wed, 6 May 2026 11:35:58 -0400 Subject: [PATCH 3/3] Dang whitespace --- .../components/themeSelector/themeSelector.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/documentation-framework/components/themeSelector/themeSelector.js b/packages/documentation-framework/components/themeSelector/themeSelector.js index 91f0f4fd0c..32c40e907b 100644 --- a/packages/documentation-framework/components/themeSelector/themeSelector.js +++ b/packages/documentation-framework/components/themeSelector/themeSelector.js @@ -150,7 +150,7 @@ export const ThemeSelector = ({ id }) => { onChange={handleThemeVariantChange} />