UI Toolkit: Themes and USS variables

USS variables in UI Toolkit define reusable style values such as colors, spacing, and sizing, which help interfaces share a consistent visual theme. This video will show how custom properties can update the look of an interface from one place, making styles easier to organize and maintain. You’ll see how to structure light and dark themes, swap stylesheets at runtime, and use USS variables to create a scalable theme system in your UI. Learn more about USS variables: https://on.unity.com/USSVariables Learn more about USS selectors: https://on.unity.com/USSSelectors Download the QuizU sample project: https://on.unity.com/QuizUSample [0:00] Introduction [0:40] How the theme system works [2:07] The UXML structure [2:40] Shared styles with USS variables [4:00] Theme stylesheets [4:45] The controller script [5:40] Custom controls and themes [7:28] Theme stylesheets (TSS) [8:28] Wrap-up _______________ Stay connected with us: Games Twitter/X: https://x.com/unitygames Instagram: https://www.instagram.com/unitytechnologies/ Discord: https://discord.com/invite/unity Discussions: https://discussions.unity.com/ LinkedIn: https://www.linkedin.com/company/unity/ Facebook: https://www.facebook.com/unity3d.in/ Bluesky: https://bsky.app/profile/unity.com Company Twitter/X: https://x.com/unity #Unity #UIToolkit #Themes #USSVariables