---json
{
    "description": "How to change the color of a text with the text-color attribue",
    "page_id": "bftltloa69fy75prmwhug",
    "title": "ComboStrap - Text color"
}
---
====== ComboStrap Styling - Text color ======

===== About =====
''text-color'' is a [[docs:content:typo|typographic attributes]] that sets the [[docs:styling:color|color]] of a text.


===== Syntax =====

<code dw>
text-color="value"
<!--- or --->
color="value"
</code>
where ''value'' is one of the [[docs:styling:color#value|accepted color values]] and the special text colors value:
  * ''body''
  * ''muted''
  * ''black-50''
  * ''white-50''


===== Example =====

==== Basic ====

Coloring paragraph with the [[docs:block:text|component]] and a couple of words with the [[docs:content:itext|itext component]]
<webcode name="Default" frameborder="0">
  * Input
<code dw>
<text color="steelblue">
Steelblue colored paragraph with a <itext color="blue">couple of words in blue</itext>
</text>
</code>
  * Output
</webcode>

==== Link =====

The ''reset'' color applied on a [[docs:content:link|link]] will take the color of the [[docs:block:text|text]]
<webcode name="Default" frameborder="0">
  * Input
<code dw>
<text color="#6c757d">
Colored text with a [[?color=reset&underline|reset link]]
</text>
</code>
  * Output
</webcode>