feat(environment): Add option to assign colors to environments

[jirkavrba]

What is this PR about?

This PR adds an option to assign color to specific environment. This makes it clear that you're working for example on a production environment.

Checklist

Before submitting this PR, please make sure that:

• You created a dedicated branch based on the canary branch.
• You have read the suggestions in the CONTRIBUTING.md file https://github.com/Dokploy/dokploy/blob/canary/CONTRIBUTING.md#pull-request
• You have tested this PR in your local instance. If you have not tested it yet, please do so before submitting. This helps avoid wasting maintainers' time reviewing code that has not been verified by you.

Issues related (if applicable)

Screenshots (if applicable)

Here's a video:
dokploy-environments.webm

---

Environment without a color:

Environment with a red color assigned to it:

Dialog for selecting colors:

Greptile Summary

Adds optional color field to environments with UI selector and visual indicator.

Changes:

• Database schema: Added nullable color text column to environment table
• API: Extended create, update, and duplicate endpoints to accept optional color parameter
• UI: Added ColorSelector component with 7 preset colors (blue, red, yellow, green, teal, purple, pink) and "no color" option
• Display: Environment cards now show colored background when color is assigned
• Router fix: Improved default environment update logic to allow color/description changes without requiring name change

Issue found:

• Duplicate operation missing color field - duplicated environments won't preserve the original's color

Confidence Score: 4/5

• Safe to merge with one bug fix needed for duplicate functionality
• The PR implements a straightforward feature with proper database migration, schema validation, and UI components. One logic bug exists where the duplicate function doesn't copy the color field, and there's a minor UI inconsistency in the color selector. The database migration is simple and safe (adding nullable column). Tests were updated to reflect schema changes.
• apps/dokploy/components/dashboard/project/advanced-environment-selector.tsx - fix missing color in duplicate function

_{Last reviewed commit: b9014cf}

[greptile-apps]

_{9 files reviewed, 2 comments}

_{Edit Code Review Agent Settings | Greptile}

[greptile-apps]

Your free trial has ended. If you'd like to continue receiving code reviews, you can add a payment method here.

[greptile-apps]

Additional Comments (1)

apps/dokploy/components/dashboard/project/advanced-environment-selector.tsx
missing color field in duplicate call - the color won't be copied to the duplicated environment

		const result = await duplicateEnvironment.mutateAsync({
			environmentId: environment.environmentId,
			name: `${environment.name}-copy`,
			description: environment.description || undefined,
			color: environment.color || undefined,
		});