Is it possible to change the color of inline text in markdown?

[alexjlockwood]

For example, lets say that I wanted to make use of one of the material primary colors like "deep purple" defined here:

Is there a way to have part of markdown text take on this color value? Like:

I want this text to be <span class="...">deep purple</span>

What is the preferred approach at doing something like this with mkdocs-material?

[squidfunk]

AFAIK, there are no explicit constructs to wrap a text with a span in Markdown, which is basically what you're asking for, so you can use span as you would use them in plain HTML. If you already have an inline element, e.g. a link, you can add classes using the Attribute Lists extension:

[Link](#){ .my-css-class }

Now, if you want to use the colors as defined by Material for MkDocs, you can set data-md-color-primary, and then reuse the --md-primary-fg-color etc. variables. For the buttons, we're doing the following:

<button data-md-color-primary="pink"><code>pink</code></button>

button > code
    background-color: var(--md-primary-fg-color);
    color: var(--md-primary-bg-color);
    display: block;

This will use the pink color as defined by the theme for the button's background.