-
Notifications
You must be signed in to change notification settings - Fork 54
Adding extension SkinStyles
alistair3149 edited this page Oct 25, 2023
·
11 revisions
Please see here for current status of SkinStyles.
- Go to the extension's repository
- Set the branch to
REL1_39
(if none exists usemaster
ormain
) - Open
extension.json
(root directory) - Copy the value of
"name"
and create a folder with that name under theskinStyles/extensions/
folder in Citizen's repo - Find
"ResourceModules"
inextension.json
- For each of the ResourceModules that contains a
"styles"
object:- Create a LESS file using the name of the ResourceModule (e.g.
ext.tabberNeue.less
) and place it inside the folder that you created - Place and fill in the below documentation header on the top of the file (example):
/* * Citizen * * SkinStyles for <EXTENSION NAME> * Module: <MODULE NAME> * Version: <BRANCH> <COMMIT> * * Date: <LAST UPDATED DATE, in YYYY-MM-DD> */
- Open the CSS/LESS files defined in the
"styles"
object inextension.json
- Copy the styles and only keep and add rules that you need (if there are multiple files, please prepend the styles with a comment containing the name of the file (example))
- Open
skin.json
in Citizen (root directory) - Find
ResourceModuleSkinStyles
inskin.json
- Edit and add the line below (example):
"+<MODULE NAME>": "<RELATIVE PATH TO LESS FILE>",
- Create a LESS file using the name of the ResourceModule (e.g.
- Submit a Pull Request on GitHub
See Common conversion for tips on styles.