Custom color of Icon in accordion

[nnolasco]

I am building out an accordion drop down menu and I was able to figure out how to overwrite the Title color but I am stuck getting the icon/chevron to match.  I am guessing I need to the line of code in Bold Italic.  To Over write the default text color I had to use what is in bold in the second line.

<calcite-accordion appearance="transparent" icon-position="start" icon-type="chevron" scale="l" selection-mode="single">

<calcite-accordion-item item-title="Accordion Title" style="background-color:#949494; --calcite-ui-text-2: #ffffff; border-bottom:1px solid #949494">




<ul><li style="background-color: rgb(255, 255, 255); color: rgb(0, 55, 100);">
Accordion body text</li><li style="background-color: rgb(255, 255, 255); color: rgb(0, 55, 100);"><br></li><li style="background-color: rgb(255, 255, 255); color: rgb(0, 55, 100);"><br></li><li style="background-color: rgb(255, 255, 255); color: rgb(0, 55, 100);"><br></li><li style="background-color: rgb(255, 255, 255); color: rgb(0, 55, 100);">
</li></ul>


</calcite-accordion-item>
</calcite-accordion>
</div></div>

[BenLimburn]

I'm stuck on this as well. It would be nice to know how to make the title text bigger too! 

[MuhammadQasim]

This topic might be helpful

How To: Edit the Title, Text, and Chevron Colors of the Accordion Menus in ArcGIS Hub (esri.com)

[Blihack]

I was having the same issue, but with both the title and chevron colour. The instructions in the link posted by @MuhammadQasim seem to be outdated and did not work for me. Posting the solution here in case anyone has the same issue.

<calcite-accordion-item heading="Your Title Here" style="background-color:#0079c1; --calcite-accordion-text-color: #ffffff; --calcite-accordion-item-heading-text-color:#ffffff; border-bottom:1px solid #808080" calcite-hydrated=""></calcite-accordion-item>

The "item-title" has been replaced by "heading". 

"--calcite-accordion-text-color" alters the chevron and "--calcite-accordion-item-heading-color" changes the heading/title.

All of the styles can now be found here: https://developers.arcgis.com/calcite-design-system/components/accordion-item/