# Breadcrumb specific style Properties

## Overview

<figure><img src="/files/dBQwE6EgjPJQNJmC3iDB" alt=""><figcaption><p>Breadcrumb specific style Properties</p></figcaption></figure>

The **Breadcrumb specific style Properties** section is dedicated to customizing the appearance of breadcrumb navigation elements in your application. Breadcrumbs help users understand and navigate the hierarchical structure of your application.

## Properties

{% hint style="info" %}
All properties have an additional button: `Select Color`, which opens the [color chooser](/reference/servoy-developer/object-editors/color-chooser.md) wizard.
{% endhint %}

Here's an in-depth look at each property:

### Breadcrumb bg

This property sets the background color for the breadcrumb navigation bar. It ensures that the breadcrumb area visually stands out from the rest of the content, making it easy for users to locate and use the navigation.\
Value: Hex color code or CSS variable (e.g., `@body-bg`).

### Breadcrumb color

This property defines the text color of the breadcrumb links. It’s important for ensuring that the breadcrumb text is readable against its background.\
Value: Hex color code or CSS variable (e.g., `@main-color`).

### Breadcrumb selected color

This property sets the color of the breadcrumb item that represents the current page or selection. It helps users identify their current location within the application’s hierarchy.\
Value: Hex color code or CSS variable (e.g., `@text-color`).


---

# 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://docs.servoy.com/reference/servoy-developer/object-editors/theme-editor/breadcrumb-properties.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.