fix: minor color changes (#15616)

Closes #15597

The `color` of `OnBoardingModalCircularIcon` was set to `gray`. Now it
is set to `inverted` and it is displayed properly. I couldn't figure out
how to reach the onboarding screen, so I created a temporary path and
rendered the element there to verify the changes. Attaching screenshots
of the same.
<img width="398" height="393" alt="Screenshot from 2025-11-05 00-11-05"
src="https://github.com/user-attachments/assets/25efc790-92a3-42b5-8298-5128a3f1a466"
/>

<img width="398" height="418" alt="Screenshot from 2025-11-05 00-10-32"
src="https://github.com/user-attachments/assets/af52c695-4b01-40e9-a873-39d491c633cc"
/>

Additionally, a border has been added to the color picker icons.
<img width="573" height="383" alt="Screenshot from 2025-11-05 00-12-23"
src="https://github.com/user-attachments/assets/03d967aa-8c6f-4dfd-be3d-a2e16fe12b9a"
/>

I noticed that the dropdown after clicking on the icon also renders a
bunch of colors. Do let me know if these need the same border as well.
<img width="571" height="366" alt="Screenshot from 2025-11-05 00-12-37"
src="https://github.com/user-attachments/assets/a13bf253-6765-4d7a-9f0f-17cb7375a515"
/>

---------

Co-authored-by: bosiraphael <raphael.bosi@gmail.com>

This commit is contained in:

Balaji Krishnamurthy

2025-11-13 15:30:28 +05:30

committed by

GitHub

parent 3c58ed233b

commit ec7e49c8bb

8 changed files with 78 additions and 11 deletions

									
										packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/SettingsDataModelFieldSelectFormOptionRow.tsx
									
		-1
	
												View File
												
				@@ -78,7 +78,6 @@ export const SettingsDataModelFieldSelectFormOptionRow = ({

				  isNewRow,

				}: SettingsDataModelFieldSelectFormOptionRowProps) => {

				  const theme = useTheme();

				  const SELECT_COLOR_DROPDOWN_ID = `select-color-dropdown-${option.id}`;

				  const SELECT_ACTIONS_DROPDOWN_ID = `select-actions-dropdown-${option.id}`;