Title: WP_Duotone::get_css_var
Published: August 8, 2023
Last modified: May 20, 2026

---

# WP_Duotone::get_css_var( string $slug ): string

## In this article

 * [Description](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#description)
 * [Parameters](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#parameters)
 * [Return](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#return)
 * [Source](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#source)
 * [Related](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#related)
 * [Changelog](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#changelog)

[ Back to top](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#wp--skip-link--target)

This function’s access is marked private. This means it is not intended for use 
by plugin or theme developers, only by core. It is listed here for completeness.

Get the CSS variable for a duotone preset.

## 󠀁[Description](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#description)󠁿

Example output: var(–wp–preset–duotone–blue-orange)

## 󠀁[Parameters](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#parameters)󠁿

 `$slug`stringrequired

The slug of the duotone preset.

## 󠀁[Return](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#return)󠁿

 string The CSS variable.

## 󠀁[Source](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#source)󠁿

    ```php
    private static function get_css_var( $slug ) {
    	$name = self::get_css_custom_property_name( $slug );
    	return "var($name)";
    }
    ```

[View all references](https://developer.wordpress.org/reference/files/wp-includes/class-wp-duotone.php/)
[View on Trac](https://core.trac.wordpress.org/browser/tags/7.0/src/wp-includes/class-wp-duotone.php#L633)
[View on GitHub](https://github.com/WordPress/wordpress-develop/blob/7.0/src/wp-includes/class-wp-duotone.php#L633-L636)

## 󠀁[Related](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#related)󠁿

| Uses | Description | 
| [WP_Duotone::get_css_custom_property_name()](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_custom_property_name/)`wp-includes/class-wp-duotone.php` |

Gets the CSS variable name for a duotone preset.

  |

| Used by | Description | 
| [WP_Duotone::render_duotone_support()](https://developer.wordpress.org/reference/classes/wp_duotone/render_duotone_support/)`wp-includes/class-wp-duotone.php` |

Render out the duotone CSS styles and SVG.

  |

## 󠀁[Changelog](https://developer.wordpress.org/reference/classes/wp_duotone/get_css_var/?output_format=md#changelog)󠁿

| Version | Description | 
| [6.3.0](https://developer.wordpress.org/reference/since/6.3.0/) | Introduced. |

## User Contributed Notes

You must [log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fdeveloper.wordpress.org%2Freference%2Fclasses%2Fwp_duotone%2Fget_css_var%2F)
before being able to contribute a note or feedback.