diff --git a/packages/cli/src/ui/components/ColorsDisplay.tsx b/packages/cli/src/ui/components/ColorsDisplay.tsx index abea75e2e0..598915ec81 100644 --- a/packages/cli/src/ui/components/ColorsDisplay.tsx +++ b/packages/cli/src/ui/components/ColorsDisplay.tsx @@ -31,7 +31,6 @@ interface BackgroundColorRow { type ColorRow = StandardColorRow | GradientColorRow | BackgroundColorRow; const VALUE_COLUMN_WIDTH = 10; -const NAME_COLUMN_WIDTH = '30%'; interface ColorsDisplayProps { activeTheme: Theme; @@ -155,7 +154,7 @@ export const ColorsDisplay: React.FC = ({ Value - + Name @@ -184,7 +183,7 @@ function renderStandardRow({ name, value }: StandardColorRow) { {value || '(blank)'} - + {name} @@ -201,7 +200,7 @@ function renderGradientRow({ name, value }: GradientColorRow) { ))} - + {name} @@ -223,7 +222,7 @@ function renderBackgroundRow({ name, value }: BackgroundColorRow) { {value || 'default'} - + {name} diff --git a/packages/cli/src/ui/components/__snapshots__/ThemeDialog.test.tsx.snap b/packages/cli/src/ui/components/__snapshots__/ThemeDialog.test.tsx.snap index 4b382e461c..80a169ef04 100644 --- a/packages/cli/src/ui/components/__snapshots__/ThemeDialog.test.tsx.snap +++ b/packages/cli/src/ui/components/__snapshots__/ThemeDialog.test.tsx.snap @@ -32,31 +32,21 @@ exports[`Initial Theme Selection > should default to a dark theme when terminal │ │ mapped to your terminal app's palette. │ │ │ │ │ │ │ │ Value Name │ │ -│ │ #1E1E2E background.p │ │ -│ │ rimary │ │ -│ │ #2a2b3c background.m │ │ -│ │ essage │ │ -│ │ #313243 background.i │ │ -│ │ nput │ │ -│ │ #28350B background.d │ │ -│ │ iff.added │ │ -│ │ #430000 background.d │ │ -│ │ iff.removed │ │ +│ │ #1E1E2E background.primary │ │ +│ │ #2a2b3c background.message │ │ +│ │ #313243 background.input │ │ +│ │ #28350B background.diff.added │ │ +│ │ #430000 background.diff.removed │ │ │ │ (blank) text.primary │ │ -│ │ #6C7086 text.secondar │ │ -│ │ y │ │ +│ │ #6C7086 text.secondary │ │ │ │ #89B4FA text.link │ │ │ │ #CBA6F7 text.accent │ │ │ │ (blank) text.response │ │ -│ │ #3d3f51 border.defaul │ │ -│ │ t │ │ -│ │ #89B4FA border.focuse │ │ -│ │ d │ │ +│ │ #3d3f51 border.default │ │ +│ │ #89B4FA border.focused │ │ │ │ #F38BA8 status.error │ │ -│ │ #A6E3A1 status.succes │ │ -│ │ s │ │ -│ │ #F9E2AF status.warnin │ │ -│ │ g │ │ +│ │ #A6E3A1 status.success │ │ +│ │ #F9E2AF status.warning │ │ │ │ #4796E4 ui.gradient │ │ │ │ #847ACE │ │ │ │ #C3677F │ │ @@ -100,31 +90,21 @@ exports[`Initial Theme Selection > should default to a light theme when terminal │ │ mapped to your terminal app's palette. │ │ │ │ │ │ │ │ Value Name │ │ -│ │ #FAFAFA background.p │ │ -│ │ rimary │ │ -│ │ #eaecee background.m │ │ -│ │ essage │ │ -│ │ #e2e4e8 background.i │ │ -│ │ nput │ │ -│ │ #C6EAD8 background.d │ │ -│ │ iff.added │ │ -│ │ #FFCCCC background.d │ │ -│ │ iff.removed │ │ +│ │ #FAFAFA background.primary │ │ +│ │ #eaecee background.message │ │ +│ │ #e2e4e8 background.input │ │ +│ │ #C6EAD8 background.diff.added │ │ +│ │ #FFCCCC background.diff.removed │ │ │ │ (blank) text.primary │ │ -│ │ #97a0b0 text.secondar │ │ -│ │ y │ │ +│ │ #97a0b0 text.secondary │ │ │ │ #3B82F6 text.link │ │ │ │ #8B5CF6 text.accent │ │ │ │ (blank) text.response │ │ -│ │ #d2d6dc border.defaul │ │ -│ │ t │ │ -│ │ #3B82F6 border.focuse │ │ -│ │ d │ │ +│ │ #d2d6dc border.default │ │ +│ │ #3B82F6 border.focused │ │ │ │ #DD4C4C status.error │ │ -│ │ #3CA84B status.succes │ │ -│ │ s │ │ -│ │ #D5A40A status.warnin │ │ -│ │ g │ │ +│ │ #3CA84B status.success │ │ +│ │ #D5A40A status.warning │ │ │ │ #4796E4 ui.gradient │ │ │ │ #847ACE │ │ │ │ #C3677F │ │ @@ -168,31 +148,21 @@ exports[`Initial Theme Selection > should use the theme from settings even if te │ │ mapped to your terminal app's palette. │ │ │ │ │ │ │ │ Value Name │ │ -│ │ #1E1E2E background.p │ │ -│ │ rimary │ │ -│ │ #2a2b3c background.m │ │ -│ │ essage │ │ -│ │ #313243 background.i │ │ -│ │ nput │ │ -│ │ #28350B background.d │ │ -│ │ iff.added │ │ -│ │ #430000 background.d │ │ -│ │ iff.removed │ │ +│ │ #1E1E2E background.primary │ │ +│ │ #2a2b3c background.message │ │ +│ │ #313243 background.input │ │ +│ │ #28350B background.diff.added │ │ +│ │ #430000 background.diff.removed │ │ │ │ (blank) text.primary │ │ -│ │ #6C7086 text.secondar │ │ -│ │ y │ │ +│ │ #6C7086 text.secondary │ │ │ │ #89B4FA text.link │ │ │ │ #CBA6F7 text.accent │ │ │ │ (blank) text.response │ │ -│ │ #3d3f51 border.defaul │ │ -│ │ t │ │ -│ │ #89B4FA border.focuse │ │ -│ │ d │ │ +│ │ #3d3f51 border.default │ │ +│ │ #89B4FA border.focused │ │ │ │ #F38BA8 status.error │ │ -│ │ #A6E3A1 status.succes │ │ -│ │ s │ │ -│ │ #F9E2AF status.warnin │ │ -│ │ g │ │ +│ │ #A6E3A1 status.success │ │ +│ │ #F9E2AF status.warning │ │ │ │ #4796E4 ui.gradient │ │ │ │ #847ACE │ │ │ │ #C3677F │ │ @@ -250,31 +220,21 @@ exports[`ThemeDialog Snapshots > should render correctly in theme selection mode │ │ mapped to your terminal app's palette. │ │ │ │ │ │ │ │ Value Name │ │ -│ │ #1E1E2E background.p │ │ -│ │ rimary │ │ -│ │ #2a2b3c background.m │ │ -│ │ essage │ │ -│ │ #313243 background.i │ │ -│ │ nput │ │ -│ │ #28350B background.d │ │ -│ │ iff.added │ │ -│ │ #430000 background.d │ │ -│ │ iff.removed │ │ +│ │ #1E1E2E background.primary │ │ +│ │ #2a2b3c background.message │ │ +│ │ #313243 background.input │ │ +│ │ #28350B background.diff.added │ │ +│ │ #430000 background.diff.removed │ │ │ │ (blank) text.primary │ │ -│ │ #6C7086 text.secondar │ │ -│ │ y │ │ +│ │ #6C7086 text.secondary │ │ │ │ #89B4FA text.link │ │ │ │ #CBA6F7 text.accent │ │ │ │ (blank) text.response │ │ -│ │ #3d3f51 border.defaul │ │ -│ │ t │ │ -│ │ #89B4FA border.focuse │ │ -│ │ d │ │ +│ │ #3d3f51 border.default │ │ +│ │ #89B4FA border.focused │ │ │ │ #F38BA8 status.error │ │ -│ │ #A6E3A1 status.succes │ │ -│ │ s │ │ -│ │ #F9E2AF status.warnin │ │ -│ │ g │ │ +│ │ #A6E3A1 status.success │ │ +│ │ #F9E2AF status.warning │ │ │ │ #4796E4 ui.gradient │ │ │ │ #847ACE │ │ │ │ #C3677F │ │