# Dynamic Tints with CSS and Kotlin/JS

DevFeed: [Dynamic Tints with CSS and Kotlin/JS](<https://devfeed.tech/articles/dynamic-tints-with-css-and-kotlin-js-32248.md>)

Original publisher: [Read original article](<https://publicobject.com/2026/01/30/css-tints/>)

Author: Jesse Wilson

Published: 2026-01-30T23:12:23Z

Content type: tutorial

Language: en

Sources: [Public Object](<https://devfeed.tech/sources/public-object.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [ui](<https://devfeed.tech/topics/ui.md>), [color](<https://devfeed.tech/topics/color.md>), [Kotlin](<https://devfeed.tech/topics/kotlin.md>), [SVG](<https://devfeed.tech/topics/svg.md>)

Tags: [animate](<https://devfeed.tech/tags/animate.md>), [color](<https://devfeed.tech/tags/color.md>), [css](<https://devfeed.tech/tags/css.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [svg](<https://devfeed.tech/tags/svg.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

A developer describes adding dynamic color tints to a game-scoring UI using CSS classes, transitions, and Kotlin/JS. The article also explains recoloring single-color SVG icons with CSS masks and dynamically inserted stylesheet rules.

## Source excerpt

I've been trying to build a remarkable UI for Rounds.app. One feature that turned out quite well is tinting the game name & menu bar icons when the winner changes. In this recording you can see colors change when I toggle the win condition: The title color changes