forked from ClearVision/ClearVision-v5
-
Notifications
You must be signed in to change notification settings - Fork 1
Customization
Zerthox edited this page Sep 25, 2016
·
13 revisions
###1. Locating :root
Open the .theme.css file you downloaded and locate :root.
(If you did not download the theme file yet, visit the Installation Wiki page to learn how to install)
It should be at the bottom of the file (or top if you use an old version).
:root {
--main-color: #2780e6;
--hover-color: #1e63b3;
--background-image: url(https://cdn.rawgit.com/Zerthox/ClearVision/master/images/sapphire.jpg);
}###2.a) Changing Colors
Change both color values to change the color accent of the theme.
You can use hex, rgb(a) or hsl(a) color values.
(I suggest using this tool to pick your colors: http://www.hexcolortool.com)
--main-color: #yourmaincolorhere;
--hover-color: #yourhovercolorhere;
###2.b) Changing the background image
Change the image link to change the background image of the theme.
Make sure the link starts with https:// instead of http://.
(You can use Imgur if your image hosting service doesnt support HTTPS connections)
--background-image: url(https://i.imgur.com/yourimagehere.png);