This repository has been archived by the owner on Oct 22, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
192 lines (192 loc) · 10.9 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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>themer</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata" />
<link rel="stylesheet" href="basicGrid.min.css" />
<link rel="stylesheet" href="index.css" />
<link rel="icon" href="favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header class="row">
<div class="column small-12 header-content">
<img class="header-content__logo" src="logo.png" alt="themer logo" />
<h1>themer</h1>
<nav>
<span class="nav-section nav-section--gui">
<span class="nav-section__label">GUI</span>
<a class="link" href="https://github.com/mjswensen/themer-gui/releases/latest">Download</a>
<a class="link" href="https://github.com/mjswensen/themer-gui">GitHub</a>
</span>
<span class="nav-section nav-section--cli">
<span class="nav-section__label">CLI</span>
<a class="link" href="https://www.npmjs.com/package/themer">npm</a>
<a class="link" href="https://github.com/mjswensen/themer">GitHub</a>
</span>
</nav>
</div>
</header>
<main>
<section class="intro">
<div class="row">
<div class="column medium-8 medium-offset-2 small-12 small-offset-0">
<h2>themer takes a set of colors and generates text editor themes, terminal themes, and desktop/device wallpapers.</h2>
</div>
<div class="column small-12">
<video
src="intro.mp4"
autoplay
loop
></video>
</div>
<div class="column small-12 button-wrapper">
<a
class="button"
href="https://github.com/mjswensen/themer-gui/releases/latest"
>Download for macOS, Linux, or Windows</a>
</div>
<div class="column small-12 medium-10 medium-offset-1">
<div class="product-hunt-well">
<span>Themer on Product Hunt:</span>
<script type="text/javascript" id="embedhunt-107012" class="embedhunt-async-script-loader">
(function() {
function async_load(){
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
var theUrl = '//embedhunt.com/products/107012/widget';
s.src = theUrl;
var embedder = document.getElementById('embedhunt-107012');
embedder.parentNode.insertBefore(s, embedder);
}
if (window.attachEvent)
window.attachEvent('onload', async_load);
else
window.addEventListener('load', async_load, false);
})();
</script>
</div>
</div>
</div>
</section>
<section class="feature feature--themes">
<div class="row middle-on-small">
<div class="column small-12 medium-10 medium-offset-1">
<h3>Remix built-in themes or create your own from scratch.</h3>
</div>
<div class="column small-12 medium-6 feature__notes">
<div>
<h4>Built-in themes:</h4>
<ul>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-colors-default">Default</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-colors-night-sky">Night Sky</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-colors-one">One</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-colors-polar-ice">Polar Ice</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-colors-lucid">Lucid</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-colors-finger-paint">Finger Paint</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-colors-solarized">Solarized</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-colors-github-universe">GitHub Universe</a></li>
<li>More coming soon...</li>
</ul>
</div>
</div>
<div class="column small-12 medium-6">
<img src="themes.jpg" alt="Creating themes with themer" />
</div>
</div>
</section>
<section class="feature feature--apps">
<div class="row middle-on-small">
<div class="column small-12 medium-10 medium-offset-1">
<h3>Use your favorite theme across all your apps.</h3>
</div>
<div class="column small-12 medium-6">
<img src="apps.jpg" alt="Theming multiple apps with themer" />
</div>
<div class="column small-12 medium-6 feature__notes">
<div>
<h4>Supported apps so far:</h4>
<ul>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-hyper">Hyper.app</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-iterm">iTerm</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-terminal">Terminal.app</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-atom-syntax">Atom Syntax</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-atom-ui">Atom UI</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-sublime-text">Sublime Text</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-vim">Vim</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-vim-lightline">lightline.vim</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-vscode">VS Code</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-xcode">Xcode</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-bbedit">BBEdit</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-slack">Slack (sidebar)</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-chrome">Chrome</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-alfred">Alfred.app</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-conemu">ConEmu</a></li>
<li><a class="link" href="https://github.com/agarrharr/themer-gnome-terminal">GNOME terminal</a></li>
<li><a class="link" href="https://github.com/0x52a1/themer-termite">Termite</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-cmd">CMD.exe</a></li>
<li><a class="link" href="https://github.com/PDDStudio/themer-android">Android</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-sketch-palettes">Sketch.app (color palette)</a></li>
<li><a class="link" href="https://github.com/tomselvi/themer-jetbrains">JetBrains suite of IDEs</a></li>
<li><a class="link" href="https://github.com/tomselvi/themer-tmux">tmux</a></li>
</ul>
</div>
</div>
</div>
</section>
<section class="feature feature--wallpaper">
<div class="row middle-on-small">
<div class="column small-12 medium-10 medium-offset-1">
<h3>Generate beautiful desktop wallpapers that match your theme.</h3>
</div>
<div class="column small-12 medium-6 feature__notes">
<ul>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-wallpaper-block-wave">“Block Wave”</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-wallpaper-octagon">“Octagon”</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-wallpaper-triangles">“Triangles”</a></li>
<li><a class="link" href="https://github.com/mjswensen/themer/tree/master/cli/packages/themer-wallpaper-trianglify">“Trianglify”</a></li>
<li>More coming soon...</li>
</ul>
</div>
<div class="column small-12 medium-6">
<img src="wallpaper.jpg" alt="Generating wallpaper with themer" />
</div>
</div>
</section>
<section class="feature feature--cli">
<div class="row middle-on-small">
<div class="column small-12 medium-10 medium-offset-1">
<h3>Prefer the command line? Integrate themer's CLI into your dotfiles repository to programmatically generate themes.</h3>
</div>
<div class="column small-12 medium-6">
<img src="cli.jpg" alt="Using themer programmatically" />
</div>
<div class="column small-12 medium-6 feature__notes">
<a class="button button--secondary" href="https://github.com/mjswensen/themer#installation">Install CLI</a>
</div>
</div>
</section>
<div class="feature feature--download">
<div class="row">
<div class="column small-12 button-wrapper">
<a
class="button"
href="https://github.com/mjswensen/themer-gui/releases/latest"
>Download for macOS, Linux, or Windows</a>
</div>
</div>
</div>
</main>
<footer>
<div class="row">
<div class="column small-12 footer--text--container">
<span>themer is free and open source software, made by <a href="https://mjswensen.com">mjswensen</a></span>
<span class="legal">© 2018 Matt Swensen // themer is released under the MIT license</span>
</div>
</div>
</footer>
</body>
</html>