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.