snapshot
Search…
Add a skin
Skins are optional.
What is a skin ?
A skin allows you to define a color scheme for your space using a custom domain. It won't effect your space on Snapshot.org
Prerequisite: Add a custom domain
Create a pull request
To create your own skin you need to do a pull request on this repository:
GitHub - snapshot-labs/snapshot-spaces
GitHub
Follow the Snapshot skins directory tree
1
└── skins
2
└── my-space.scss
Copied!
Add your skin
To add your skin you will need to create a "my-space.scss" file in the "skins" directory.
1
.my-space {
2
--primary-color: #384aff;
3
--bg-color: white;
4
--text-color: #586069;
5
--link-color: #111111;
6
--heading-color: #111111;
7
--border-color: #d1d5da;
8
--header-bg: white;
9
--block-bg: transparent;
10
}
Copied!
Change the file name my-space.scss and css selector .my-space with your space name.
Then you will also need to list your skin on this file: https://github.com/snapshot-labs/snapshot-spaces/blob/master/skins/index.js
Select then your skin in the Skin field in your space settings.
Snapshot skin selector.
After committing your PR, you will have to wait for the merge and the deployment of your PR to be able to select your skin available. This process can take up to a couple of days.
Last modified 1mo ago
Copy link