-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
158 lines (158 loc) · 8.29 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
---
layout: default
js: switch
---
{% include sidebar.html %}
<div class="scroller">
<div class="content" switch-root="home">
<div switch-page="home">
<div class="title">ClearVision</div>
<p>
ClearVision is an automatically updating, easily customizable theme for Discord.
</p>
<p>
ClearVision is built for use with <a href="https://betterdiscord.net">BetterDiscord</a>.
</p>
<p>
For update notifications and theme support, join the <a href="/join">ClearVision Discord server</a>.
</p>
</div>
<div switch-page="v5">
<div class="title">ClearVision v5</div>
<p>
This version has been discontinued.
</p>
<p>
Thank you to <a href="https://github.com/OmgDani">Danielle</a> for maintaining it.
</p>
</div>
<div switch-page="v6">
<div class="title">ClearVision v6</div>
<p>
ClearVision v6 is the current public version of the theme.
</p>
<p>
The ClearVision v6 repository is available here: <a href="https://github.com/ClearVision/ClearVision-v6">ClearVision/v6</a>.
Make sure to join the <a href="/join">ClearVision Discord server</a> for updates about the development process.
</p>
<p>
You may download the latest ClearVision release by <a href="/download/v6/latest">clicking here</a>.
</p>
</div>
<div switch-page="installation">
<div class="title">Installation Instructions</div>
<div class="header">1. Installing BetterDiscord</div>
<p>
You can download BetterDiscord from <a href="https://betterdiscord.app">betterdiscord.app</a>.
</p>
<p>
If you have any questions regarding BetterDiscord, check <a href="https://bd.zerebos.com/">bd.zerebos.com</a> for user guides or join one of the two BetterDiscord support servers: <a href="https://discord.gg/0Tmfo5ZbORCRqbAd" target="_blank">BetterDiscord</a>, <a href="https://discord.gg/sbA3xCJ" target="_blank">BetterDiscord2</a>.
</p>
<div class="header">2. Downloading the theme</div>
<p>
Go to the <a href="https://github.com/ClearVision/ClearVision-v6/releases">Latest GitHub release</a> and download the .css file from the assets dropdown.
</p>
<div class="header">3. Installing the theme</div>
<p>
Move the theme file to your BetterDiscord theme folder:
</p>
<div class="codeblock"><b>Windows:</b> %appdata%\BetterDiscord\themes\
<b>Mac:</b> ~/Library/Preferences/BetterDiscord/themes
</div>
<p>
If you have no idea how to open the according directory:
</p>
<div class="list ordered">
<div>Open Discord</div>
<div>Open your User Settings</div>
<div>Go to the BetterDiscord tab</div>
<div>Go to the Themes tab</div>
<div>Click on the <code class="inline">Open Theme Folder</code> button</div>
</div>
<div class="header">4. Enabling the theme</div>
<p>
Make sure the theme file is placed in the correct folder and the file extension is <code class="inline">.theme.css</code><br>
<i>(If you don't have "Show file extensions" enabled it will only show <code class="inline">.theme</code>!)</i>
</p>
<p>
Head back to the themes tab and check the checkbox next to the Theme you just installed!
</p>
</div>
<div switch-page="images">
<div class="title">Image Credits</div>
<p>
The Background Images used in the ClearVision themes are from external sources, however they are hosted on the ClearVision repository to provide more control and better accessability.
</p>
<p>
If you are the Copyright owner of one of the images and would like your image to be taken down, please submit an <a href="https://github.com/Zerthox/ClearVision/issues/new">Issue</a>.
</p>
<p>
All rights go to their respective owners.
</p>
<div class="header">Sources</div>
<p>
<b>Amber:</b> <a href="https://www.deviantart.com/chromamancer/art/War-March-201045286">War March</a> by <a href="https://www.deviantart.com/chromamancer">Chromamancer</a>
</p>
<p>
<b>Amethyst:</b> <a href="https://wallpapersafari.com/w/TOwPb7">Fantasy Moon Wallpaper</a> by Unkown
</p>
<p>
<b>Emerald:</b> <a href="http://www.kekaiart.com/guild-wars-2.html">Guild Wars 2 Denravi Concept Art</a> by <a href="http://www.kekaiart.com">Kekai Kotaki</a>
</p>
<p>
<b>Ruby:</b> <a href="https://www.deviantart.com/artistmef/art/Follow-the-path-279366207">Follow the path</a> by <a href="https://www.deviantart.com/artistmef/">Ihor Vitkovsky</a>
</p>
<p>
<b>Sapphire:</b> <a href="https://www.deviantart.com/kuldarleement/art/Stellar-collision-397866757">Stellar Collision</a> by <a href="http://kuldarleement.eu">Kuldar Leement</a>
</p>
<p>
<b>Halloween:</b> <a href="https://www.deviantart.com/unidcolor/art/Halloween-2014-491224711">Halloween 2014</a> by <a href="https://www.deviantart.com/unidcolor/">Patrik Hjelm</a>
</p>
<p>
<b>Winter:</b> <a href="https://wall.alphacoders.com/big.php?i=114938">Christmas Wallpaper</a> by Unknown
</p>
</div>
<div switch-page="icons">
<div class="title">Icon Credits</div>
<p>
Most of the Icons used in the ClearVision themes are from external sources, however they are hosted on the ClearVision repository to provide more control and better accessability.
</p>
<p>
If you are the Copyright owner of one of the icons and would like your icon to be taken down, please submit an <a href="https://github.com/ClearVision/ClearVision-v6/issues/new">Issue</a>.
</p>
<p>
All rights go to their respective owners.
</p>
<div class="header">Google Material Icons</div>
<p>
Many of the the icons are from Material icons from Google's Material Design.
They provide high quality Material Design icons with different styles for each icon and are arguably one of the best sources for Material Design icons.
</p>
<div>
<b>Website:</b> <a href="https://material.io/tools/icons">Google Material Icons</a>
</div>
<div>
<b>Github:</b> <a href="https://github.com/google/material-design-icons">google/material-design-icons</a>
</div>
<div>
<b>License:</b> <a href="https://github.com/google/material-design-icons/blob/master/LICENSE">Apache License 2.0</a>
</div>
<div class="header">Material Design Icons</div>
<p>
Material Design Icons is a huge collection of Material Design icons.
It contains icons made by Google, Austin Andrews, 14 other contributors and community submissions.
It is a great resource for icons and icon ideas you would not find otherwise.
Allowing to download as SVG, Vector Drawable, PNG or Webfont you can use their icons on every platform.
</p>
<div>
<b>Website:</b> <a href="https://materialdesignicons.com">Material Design Icons</a>
</div>
<div>
<b>Github:</b> <a href="https://github.com/Templarian/MaterialDesign">Templarian/MaterialDesign</a>
</div>
<div>
<b>License:</b> <a href="https://github.com/Templarian/MaterialDesign/blob/master/LICENSE">SIL Open Font License 1.1</a>
</div>
</div>
</div>
</div>