Skip to content

Commit 83e2936

Browse files
mikemcbridemikemcbride
committed
updates
1 parent 0c52a22 commit 83e2936

File tree

7 files changed

+58
-54
lines changed

7 files changed

+58
-54
lines changed

‎src/_includes/default.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
1919
<link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
2020
</head>
21-
<body class="h-full w-screen min-h-screen grid bg-eh-black text-eh-light-gray font-mono overflow-x-hidden layout">
21+
<body class="h-full w-screen min-h-screen grid bg-eh-background text-eh-light-gray font-mono overflow-x-hidden layout">
2222
{% include "header.html" %}
2323

2424
<main class="h-full w-full">

‎src/_includes/footer.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<footer class="bg-eh-light-black bg-opacity-30">
1+
<footer class="bg-eh-bg-dark bg-opacity-30">
22
<div class="mx-auto max-w-7xl px-6 py-12 text-center">
33
<p class="text-eh-light-gray flex items-center justify-center">Made with&nbsp;<span class="text-eh-red h-5 w-5">{% include "heart.svg" %}</span>&nbsp;in St. Louis, Missouri</p>
44
</div>

‎src/_includes/palette.html‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<section class="mx-auto block max-w-7xl w-screen px-6 lg:px-12 pb-12 lg:pb-20 mb-12 lg:mb-20">
2+
<h2 id="palette" class="text-eh-white text-3xl lg:text-4xl font-bold mb-8">Palette</h2>
3+
<h3 class="text-2xl mb-6">Colors</h3>
4+
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 lowercase">
5+
<div class="h-32 bg-eh-red rounded-lg p-2 flex items-end">
6+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#f7768e</span>
7+
</div>
8+
<div class="h-32 bg-eh-orange rounded-lg p-2 flex items-end">
9+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#ffbf7a</span>
10+
</div>
11+
<div class="h-32 bg-eh-yellow rounded-lg p-2 flex items-end">
12+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#fffa9e</span>
13+
</div>
14+
<div class="h-32 bg-eh-green rounded-lg p-2 flex items-end">
15+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#34febb</span>
16+
</div>
17+
<div class="h-32 bg-eh-cyan rounded-lg p-2 flex items-end">
18+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#4ff2f8</span>
19+
</div>
20+
<div class="h-32 bg-eh-blue rounded-lg p-2 flex items-end">
21+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#82aaff</span>
22+
</div>
23+
<div class="h-32 bg-eh-purple rounded-lg p-2 flex items-end">
24+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#c792ea</span>
25+
</div>
26+
</div>
27+
<h3 class="text-2xl mt-12 mb-6">Grays</h3>
28+
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 lowercase">
29+
<div class="h-32 bg-eh-bg-dark rounded-lg p-2 flex items-end">
30+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#141820</span>
31+
</div>
32+
<div class="h-32 bg-eh-background rounded-lg p-2 flex items-end border border-eh-dark-gray">
33+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#24283b</span>
34+
</div>
35+
<div class="h-32 bg-eh-dark-gray rounded-lg p-2 flex items-end">
36+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#506686</span>
37+
</div>
38+
<div class="h-32 bg-eh-gray rounded-lg p-2 flex items-end">
39+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#7c8eac</span>
40+
</div>
41+
<div class="h-32 bg-eh-light-gray rounded-lg p-2 flex items-end">
42+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#a8b5d1</span>
43+
</div>
44+
<div class="h-32 bg-eh-white rounded-lg p-2 flex items-end">
45+
<span class="bg-eh-background rounded-md px-2 py-1 text-eh-light-gray">#c5cee0</span>
46+
</div>
47+
</div>
48+
</section>
49+

‎src/_includes/ports.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<section class="py-12 lg:py-20 my-12 lg:my-20 bg-eh-light-black">
1+
<section class="py-12 lg:py-20 my-12 lg:my-20 bg-eh-bg-dark">
22
<div class="mx-auto block max-w-7xl w-full px-6 lg:px-12">
33
<h2 id="ports" class="text-eh-white text-3xl lg:text-4xl font-bold mb-8">Ports</h2>
44
<p class="mb-8 lg:mb-12 text-base lg:text-xl leading-loose">Electron Highlighter is available for the following platforms:</p>

‎src/index.html‎

Lines changed: 1 addition & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -6,53 +6,8 @@
66

77
<section class="mx-auto block max-w-7xl w-full px-6 lg:px-12">
88
<p class="text-base lg:text-xl my-12 lg:my-20 max-w-3xl">Electron highlighter is a dark syntax theme based off of the iconic One Dark theme from Atom, with a more vibrant color palette.</p>
9-
<h2 id="palette" class="text-eh-white text-3xl lg:text-4xl font-bold mb-8">Palette</h2>
10-
<h3 class="text-2xl mb-6">Colors</h3>
11-
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 lowercase">
12-
<div class="h-32 bg-eh-red rounded-lg p-2 flex items-end">
13-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#f7768e</span>
14-
</div>
15-
<div class="h-32 bg-eh-orange rounded-lg p-2 flex items-end">
16-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#ffbf7a</span>
17-
</div>
18-
<div class="h-32 bg-eh-yellow rounded-lg p-2 flex items-end">
19-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#fffa9e</span>
20-
</div>
21-
<div class="h-32 bg-eh-green rounded-lg p-2 flex items-end">
22-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#34febb</span>
23-
</div>
24-
<div class="h-32 bg-eh-cyan rounded-lg p-2 flex items-end">
25-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#4ff2f8</span>
26-
</div>
27-
<div class="h-32 bg-eh-blue rounded-lg p-2 flex items-end">
28-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#82aaff</span>
29-
</div>
30-
<div class="h-32 bg-eh-purple rounded-lg p-2 flex items-end">
31-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#c792ea</span>
32-
</div>
33-
</div>
34-
<h3 class="text-2xl mt-12 mb-6">Grays</h3>
35-
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 lowercase">
36-
<div class="h-32 bg-eh-black rounded-lg p-2 flex items-end border border-eh-dark-gray">
37-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#141820</span>
38-
</div>
39-
<div class="h-32 bg-eh-light-black rounded-lg p-2 flex items-end">
40-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#24283b</span>
41-
</div>
42-
<div class="h-32 bg-eh-dark-gray rounded-lg p-2 flex items-end">
43-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#506686</span>
44-
</div>
45-
<div class="h-32 bg-eh-gray rounded-lg p-2 flex items-end">
46-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#7c8eac</span>
47-
</div>
48-
<div class="h-32 bg-eh-light-gray rounded-lg p-2 flex items-end">
49-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#a8b5d1</span>
50-
</div>
51-
<div class="h-32 bg-eh-white rounded-lg p-2 flex items-end">
52-
<span class="bg-eh-light-black rounded-md px-2 py-1 text-eh-light-gray">#c5cee0</span>
53-
</div>
54-
</div>
559
</section>
5610

11+
{% include "palette.html" %}
5712
{% include "ports.html" %}
5813
{% include "examples.html" %}

‎src/static/css/tailwind.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
--code-cyan: theme('colors.eh-cyan');
1111
--code-blue: theme('colors.eh-blue');
1212
--code-purple: theme('colors.eh-purple');
13-
--code-bg: theme('colors.eh-black');
13+
--code-bg: theme('colors.eh-background');
1414
--code-comment: theme('colors.eh-dark-gray');
1515
--code-gray: theme('colors.eh-gray');
1616
--code-fg: theme('colors.eh-light-gray');

‎tailwind.config.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@ const colors = {
66
cyan: '#4ff2f8',
77
blue: '#82aaff',
88
purple: '#c792ea',
9-
black: '#141820', // dark background
10-
lightBlack: '#24283B', // background
9+
bgDark: '#141820', // dark background
10+
background: '#24283B', // background
1111
darkGray: '#506686', // comments
1212
gray: '#7c8eac', // text
1313
lightGray: '#a8b5d1', // text
@@ -20,8 +20,8 @@ module.exports = {
2020
theme: {
2121
extend: {
2222
colors: {
23-
'eh-black': colors.black,
24-
'eh-light-black': colors.lightBlack,
23+
'eh-bg-dark': colors.bgDark,
24+
'eh-background': colors.background,
2525
'eh-dark-gray': colors.darkGray,
2626
'eh-gray': colors.gray,
2727
'eh-light-gray': colors.lightGray,

0 commit comments

Comments
 (0)