To post a comment register a SkylinesCity account or us Disqus, social media logins, Steam or Twitch.
Contribute and submit news, guides, maps and mods directly to the site

Sapphire – UI skin framework

Author: nlight
Share on FacebookTweet about this on TwitterShare on RedditShare on Google+
Sapphire is a framework that enables complete re-skinning of the game’s UI using a language similar to HTML and CSS.
Download your favorite Sapphire skins from the workshop!

FEATURED SKINS

Silicon by kokonut
Blue UI by Unknown Soldier
Emerald by me

If you are a player:

– Subscribe to Sapphire.
– Subscribe to your favorite skins from the workshop.
– Use the Sapphire icon on the top-left of your screen to choose and activate a skin.

If you want to create skins yourself:

– Making Sapphire skins is kind of like writing HTML and CSS.

Beginner’s guide[github.com]
Skin module reference[github.com]
Frequently asked questions[github.com]
Code examples[github.com]
Fully working example skin[github.com]
– It is strongly recommended that you subscribe to and learn how to use ModTools

– Please contact me using the contact details below for any questions, suggestions, feedback or just to show me your progress! I will do my best to help anyone who wishes to make skins with Sapphire.

Report any bugs on the GitHub repo[github.com] or in the comments. Skin authors can contact me on reddit (/u/nlight) or on IRC #skylines-modders @ irc.esper.net for questions or suggestions.

Note: This mod is in active development, which means that new features are added all the time and you will still encounter some bugs. Please don’t rate it down if you have issues, rather report them so they get fixed.
Once the feature-set is considered complete and almost bug-free the workshop release cycle will slow down significantly and new features will undergo a separate beta-release so we don’t break existing skins.

HOW TO REPORT AN ISSUE

– Gather your output_log.txt after you have reproduced the issue you are reporting. Your output_log.txt is located in Cities_Data, e.g. on Windows – C:\Program Files (x86)\Steam\steamapps\common\Cities_Skylines\Cities_Data.
– Copy the contents of the file and paste them to http://dpaste.com or another pastebin website.
– Provide a list of all mods that you have running.
– Gather relevant screenshots and upload them to http://imgur.com.
– Link all the information as well as a detailed report on how to reproduce the problem and a link to the skin which has/ produces this issue. If you have not provided a log, your mods list or enough information to reproduce the issue I will probably not look into it.
– Stick around and semi-frequently check for a developer reply (may take several days) and answer any questions. If you disappear after posting your bug report when I have additional questions I will treat your issue as solved.

ANY COMMENT WHICH IS NOT A QUESTION OR SUGGESTION DIRECTLY RELATED TO SAPPHIRE, IS NOT LEGIBLE ENGLISH OR DOES NOT QUALIFY AS A VALID ISSUE REPORT WILL BE DELETED ON SIGHT. PLEASE UNDERSTAND THAT THIS IS A COMPLEX TOOL AND WE HAVE TO KEEP THE DISCUSSION NON-POLLUTED WITH USELESS COMMENTS AND SPAM SO THE GOOD REPORTS AND FEEDBACK CAN BE HEARD..

BETA RELEASES OF THE GAME ARE NOT SUPPORTED

Make sure that you have not selected to participate in any Cities: Skylines beta versions.

If you are a C:S modder or have interest in modding or talking to other modders – join ourSteam group and IRC channel – #skylines-modders @ irc.esper.net
If you like what I do and you’re feeling generous – https://www.patreon.com/nlight
 
You're not logged in but you can still comment below.
Register a SkylinesCity account to post comments.
You can also post through a social network or without logging in.