Search code examples
intellij-ideastylingbreadcrumbs

Change IntelliJ Breadcrumbs Style

Somehow I have messed up the breadcrumbs color and i can't figure out, how to change the color for the breadcrumbs. Every reference i can find is about how to navigate with them.

I believe they used to be brighter, but I can't figure out, how to change it. Even going back to default Theme and again moving to Darcula didn't change it.

messed up colors

Solution

  • It's under Settings > Editor > Colors & Fonts > HTML. Change the background colors for Tag tree (level x) to change the color both in the editor and the breadcrumbs. Level 1 is your current element, level 2 is the parent element. So in your example, html is level 6.

    enter image description here

    However, the colors do not look exactly as the colors you define. Use this example:

    <div class="c6">
    <div class="c5">
        <div class="c4">
            <div class="c3">
                <div class="c2">
                    <div class="c1"></div>
                </div>
            </div>
        </div>
    </div>
</div>

    and place your cursor within c1. It should look something like this:

    enter image description here

    My color for c1 is #FF0000, but it looks like violet in the editor and brown in the breadcrumbs. When you change the color and click Apply, both places will change the color though.