Snapshot
Search…
Add a skin
Skins are optional.
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 a few hours.
Last modified 1mo ago
Copy link