# Colors

When you import a design into Monday Hero, it identifies all the colors used in the design and saves them in HEX and RGB formats, along with their opacity values. It also removes duplicates to ensure your app has no redundant colors.

Navigate to the 'Theme/Colors' tab to review and rename the colors in your project. Please note that all colors are automatically downloaded when you sync the code with your project.

<figure><img src="/files/YDqnwX24jYj7pGjWon3p" alt=""><figcaption><p>Monday Hero Color Screen</p></figcaption></figure>

#### Generated Code Example:

{% tabs %}
{% tab title="Flutter" %}

```dart
import 'package:flutter/material.dart';

abstract class MHAppColors {
  Color get anchor => const Color(0xff3a434f);
  Color get cloud => const Color(0xffb3bfd0);
  Color get daisy => const Color(0xffffffff);
  Color get pewter => const Color(0xff5c6979);
  Color get salt => const Color(0xffe6e6e6);
  Color get silver => const Color(0xffa8b6c8);
  Color get spruce => const Color(0xff323b45);
}

```

Check out the following directory to access the colors file generated by Monday Hero:

```
/ProjectName/lib/theme/mh_generated/mh_app_colors.dart
```

{% endtab %}
{% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://learn.mondayhero.io/design-to-flutter/colors.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.