Client Theme
Date:
- June 25, 2025
Authors:
VorobeyLead Developer
Topics:
- Unity
Other:
Implementation of the client's theme.
Theme
For the past couple of weeks or approximately a month, I have been working on implementing the Client's theme. That includes the implementation of the basic components based on Unity's UI Toolkit and porting some CSS styles from the website to Unity Style Sheet (USS) format.
Components
UI elements are implemented based on the UI Toolkit which works almost similar to the HTML components but with the less features. Because of that, I was working on adding some missing features that the project will require. Such as scalable font icons, outside and inside shadows for elements with blur support, additional outline style similar to the CSS one, basic implementation of media queries, a fake background blur (there are plans for real background blur in the future), and other utilities to work with UI Toolkit elements. I may write a post later with more details about the implementation of shadows, outlines, and scalable icons.
Showcase
Here are screenshots with a showcase of the most implemented elements for the Light and Dark theme. Also, I've added support for basic style based on the Bootstrap one.
Light Theme. Click to see full image.
Dark Theme. Click to see full image.
Bootstrap Light Theme. Click to see full image.
Bootstrap Light Theme. Click to see full image.
Next
The next phase of the development is dedicated to the 3D graphics part of the project, and there will be more to show. Until the next time!
We use essential cookies to make our site work. With your consent, we may also use non-essential cookies to improve user experience and analyze website traffic. By clicking “Accept,” you agree to our website's cookie use as described in our Cookie Policy.