-
Notifications
You must be signed in to change notification settings - Fork 19
/
Copy pathindex.html
151 lines (118 loc) · 9.37 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Gist Syntax Themes</title>
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
*, *::before, *::after {
box-sizing: border-box;
}
html {
font: 18px/1.4 'Open Sans', sans-serif;
}
body {
max-width: 1100px;
margin: 40px auto 80px;
padding: 0 40px;
color: #495057;
background-color: #f8f9fa;
}
a {
color: #1098ad;
text-decoration: none;
}
a:hover {
color: #0c8599;
}
.source {
display: inline-block;
padding: 10px 30px;
border: 1px solid #fff;
border-radius: 5px;
color: #f8f9fa;
background-color: #1098ad;
}
.source:hover {
color: #f8f9fa;
background-color: #0c8599;
}
section {
margin-top: 40px;
}
</style>
</head>
<body>
<h1>Gist Syntax Themes</h1>
<p>
Previews of all the gist syntax themes in this project. Click any theme name to get its stylesheet.
</p>
<p>
Stylesheets were adapted from <a href="https://github.com/StylishThemes/GitHub-Dark">GitHub-Dark</a> by <a href="https://github.com/StylishThemes">StylishThemes</a>.
This project retains the same <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA-4.0</a> license.
</p>
<p>
<a href="https://github.com/lonekorean/gist-syntax-themes" class="source">Go to GitHub repo</a>
<a href="https://www.npmjs.com/package/gist-syntax-themes" class="source">Go to npm package</a>
</p>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/chaos.css">Chaos</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="xqwMRe" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Chaos" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/xqwMRe/">Customizing GitHub Gists: Chaos</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/cobalt.css">Cobalt</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="jYYpqx" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Cobalt" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/jYYpqx/">Customizing GitHub Gists: Cobalt</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/idle-fingers.css">Idle Fingers</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="KZZBMe" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Idle Fingers" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/KZZBMe/">Customizing GitHub Gists: Idle Fingers</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/monokai.css">Monokai</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="jBbXGr" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Monokai" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/jBbXGr/">Customizing GitHub Gists: Monokai</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/obsidian.css">Obsidian</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="OpydWW" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Obsidian" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/OpydWW/">Customizing GitHub Gists: Obsidian</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/one-dark.css">One Dark</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="ZvvjOV" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: One Dark" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/ZvvjOV/">Customizing GitHub Gists: One Dark</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/pastel-on-dark.css">Pastel On Dark</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="jBbdBY" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Pastel On Dark" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/jBbdBY/">Customizing GitHub Gists: Pastel On Dark</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/solarized-dark.css">Solarized Dark</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="zZveZy" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Solarized Dark" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/zZveZy/">Customizing GitHub Gists: Solarized Dark</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/solarized-light.css">Solarized Light</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="zppLBQ" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Solarized Light" class="codepen">See the Pen <a href="https://codepen.io/lonekorean/pen/zppLBQ/">Customizing GitHub Gists: Solarized Light</a> by Will Boyd (<a href="https://codepen.io/lonekorean">@lonekorean</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script> </section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/terminal.css">Terminal</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="BWoMZR" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Terminal" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/BWoMZR/">Customizing GitHub Gists: Terminal</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/tomorrow-night.css">Tomorrow Night</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="KWdJqo" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Tomorrow Night" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/KWdJqo/">Customizing GitHub Gists: Tomorrow Night</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
<section>
<h2><a href="https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/twilight.css">Twilight</a></h2>
<p data-height="518" data-theme-id="0" data-slug-hash="ryOPwQ" data-default-tab="result" data-user="lonekorean" data-embed-version="2" data-pen-title="Customizing GitHub Gists: Twilight" class="codepen">See the Pen <a href="http://codepen.io/lonekorean/pen/ryOPwQ/">Customizing GitHub Gists: Twilight</a> by Will Boyd (<a href="http://codepen.io/lonekorean">@lonekorean</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</section>
</body>
</html>