Skip to content

Commit af218d4

Browse files
nick1udwignick1udwig
authored
Merge pull request #277 from hyperware-ai/new-themes
new themes
2 parents 2e7994e + f2a6083 commit af218d4

10 files changed

Lines changed: 160 additions & 16 deletions

File tree

‎.gitignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,3 +11,5 @@ code/**/*.wasm
1111
code/**/*.zip
1212
code/**/wasi_snapshot_preview1.wasm
1313
**/home
14+
15+
**/.claude/settings.local.json

‎src/getting_started/getting_started.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# The Hyperware Book
1+
# Hyperware Book
22

33
Hyperware is AI and Dapp development infrastructure for building at lightspeed.
44
Hyperware aims to provide a comprehensive suite of tools and infrastructure to simplify the creation and deployment of decentralized applications, including those leveraging AI.

‎theme/css/chrome.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -133,9 +133,9 @@ a>.hljs {
133133
overflow: hidden;
134134
text-overflow: ellipsis;
135135

136-
font-family: "Futura", sans-serif;
137-
text-transform: uppercase;
138-
letter-spacing: 0.3em;
136+
font-family: "chaneyextended", sans-serif;
137+
/* text-transform: uppercase; */
138+
letter-spacing: 1px;
139139
}
140140

141141
.js .menu-title {
@@ -267,7 +267,7 @@ a>.hljs {
267267
}
268268

269269
a code.hljs {
270-
color: var(--links) !important;
270+
color: var(--links) !important;
271271
}
272272

273273
a:hover>.hljs {
@@ -477,7 +477,7 @@ ul#searchresults span.teaser em {
477477
background-color: var(--sidebar-bg);
478478
color: var(--sidebar-fg);
479479
border-radius: 2em;
480-
font-family: "OpenSans", sans-serif;
480+
/* font-family: "OpenSans", sans-serif; */
481481
}
482482

483483
[dir=rtl] .sidebar {

‎theme/css/general.css‎

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
}
1010

1111
html {
12-
font-family: "Barlow", sans-serif;
12+
font-family: "Clash Display", sans-serif;
1313
color: var(--fg);
1414
background-color: var(--bg-bg);
1515
text-size-adjust: none;
@@ -84,7 +84,8 @@ h5 {
8484
}
8585

8686
.header {
87-
font-family: "OpenSans", sans-serif;
87+
/* font-family: "chaneyextended", sans-serif; */
88+
font-weight: 600;
8889
}
8990

9091
.header+.header h3,
@@ -112,7 +113,7 @@ h3,
112113
h4,
113114
h5,
114115
h6 {
115-
font-family: "OpenSans", sans-serif;
116+
/* font-family: "OpenSans", sans-serif; */
116117
font-weight: bold;
117118
margin-bottom: 0;
118119
line-height: 0.9;
@@ -240,6 +241,11 @@ h1::before {
240241
display: flex;
241242
}
242243

244+
strong {
245+
/* Tone it down a bit. Chaney bold is super fat */
246+
font-weight: 600;
247+
}
248+
243249
table {
244250
margin: 0 auto;
245251
border-collapse: collapse;
@@ -349,7 +355,6 @@ kbd {
349355
padding: 5px 8px;
350356
margin: 5px;
351357
z-index: 1000;
352-
font-family: "OpenSans", sans-serif;
353358
font-style: normal;
354359
}
355360

@@ -370,4 +375,4 @@ kbd {
370375
.chapter>.chapter-item a {
371376
color: var(--fg);
372377
opacity: 1;
373-
}
378+
}

‎theme/css/variables.css‎

Lines changed: 123 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,133 @@
1818
--k-honey: #ffd4ae;
1919
--k-white: #fff5d9;
2020
--k-beige: #e2dac4;
21+
22+
/*
23+
neon: '#dcff71',
24+
iris: '#004fff',
25+
stone: '#353534',
26+
black: '#111111',
27+
white: '#f6f6f6',
28+
*/
29+
--h-black: #111111;
30+
--h-blacktr: #111111aa;
31+
--h-blackxtr: #11111111;
32+
--h-darkgray: #353534;
33+
--h-neon: #dcff71;
34+
--h-neonlight: #e5f8ad;
35+
--h-neonxlight: #f5ffd9;
36+
--h-white: #f6f6f6;
37+
--h-iris: #004fff;
38+
--h-irislight: #3c7aff;
39+
--h-irisxlight: #76a1ff;
40+
--h-irisxxlight: #d5e3ff;
41+
--h-stone: #353534;
42+
--h-stonelight: #626260;
2143
}
2244

2345
/* Themes */
2446

2547
.light {
48+
--bg: var(--h-neonxlight);
49+
--page-bg: var(--h-white);
50+
--bg-bg: var(--h-white);
51+
--fg: var(--h-black);
52+
53+
--sidebar-bg: var(--h-neonxlight);
54+
--sidebar-fg: var(--h-black);
55+
--sidebar-non-existant: var(--h-stonelight);
56+
--sidebar-active: var(--h-iris);
57+
--sidebar-spacer: var(--h-irisxxlight);
58+
59+
--scrollbar: var(--bg);
60+
61+
--icons: var(--h-black);
62+
--icons-hover: var(--h-iris);
63+
64+
--links: var(--h-iris);
65+
66+
--inline-code-color: var(--h-black);
67+
--inline-code-bg: var(--h-blackxtr);
68+
69+
--code-box-bg: var(--h-irisxxlight);
70+
--code-box-color: var(--h-black);
71+
72+
--theme-popup-bg: var(--h-neonxlight);
73+
--theme-popup-border: var(--h-stonelight);
74+
--theme-hover: var(--h-neonlight);
75+
76+
--quote-bg: var(--h-irisxlight);
77+
--quote-border: var(--h-stonelight);
78+
79+
--warning-border: var(--h-iris);
80+
81+
--table-border-color: var(--h-stonelight);
82+
--table-header-bg: var(--h-irisxxlight);
83+
--table-alternate-bg: var(--h-irisxxlight);
84+
85+
--searchbar-border-color: var(--k-black);
86+
--searchbar-bg: var(--h-neonxlight);
87+
--searchbar-fg: var(--h-black);
88+
--searchbar-shadow-color: transparent;
89+
--searchresults-header-fg: var(--h-black);
90+
--searchresults-border-color: var(--h-stonelight);
91+
--searchresults-li-bg: var(--h-neonxlight);
92+
--search-mark-bg: var(--h-iris);
93+
94+
--color-scheme: light;
95+
}
96+
97+
.dark {
98+
--bg: var(--h-stone);
99+
--page-bg: var(--h-black);
100+
--bg-bg: var(--h-black);
101+
--fg: var(--h-white);
102+
103+
--sidebar-bg: var(--h-black);
104+
--sidebar-fg: var(--h-white);
105+
--sidebar-non-existant: var(--h-neon);
106+
--sidebar-active: var(--h-neon);
107+
--sidebar-spacer: var(--h-stonelight);
108+
109+
--scrollbar: var(--bg);
110+
111+
--icons: var(--h-white);
112+
--icons-hover: var(--h-neon);
113+
114+
--links: var(--h-neon);
115+
116+
--inline-code-color: var(--h-white);
117+
--inline-code-bg: var(--h-darkgray);
118+
119+
--code-box-color: var(--h-irisxxlight);
120+
--code-box-bg: var(--h-darkgray);
121+
122+
--theme-popup-bg: var(--h-darkgray);
123+
--theme-popup-border: var(--h-stonelight);
124+
--theme-hover: var(--h-darkgray);
125+
126+
--quote-bg: var(--h-darkgray);
127+
--quote-border: var(--h-stonelight);
128+
129+
--warning-border: var(--h-neon);
130+
131+
--table-border-color: var(--h-stonelight);
132+
--table-header-bg: var(--h-darkgray);
133+
--table-alternate-bg: var(--h-darkgray);
134+
135+
--searchbar-border-color: var(--k-beige);
136+
--searchbar-bg: var(--h-darkgray);
137+
--searchbar-fg: var(--h-white);
138+
--searchbar-shadow-color: transparent;
139+
--searchresults-header-fg: var(--h-white);
140+
--searchresults-border-color: var(--h-stonelight);
141+
--searchresults-li-bg: var(--h-darkgray);
142+
--search-mark-bg: var(--h-neon);
143+
144+
--color-scheme: dark;
145+
}
146+
147+
.light-original {
26148
--bg: var(--k-white);
27149
--page-bg: var(--k-beige);
28150
--bg-bg: var(--k-beige);
@@ -72,7 +194,7 @@
72194
--color-scheme: light;
73195
}
74196

75-
.dark {
197+
.dark-original {
76198
--bg: var(--k-darkgray);
77199
--page-bg: var(--k-black);
78200
--bg-bg: var(--k-black);

‎theme/fonts/ClashDisplay-Variable.woff2‎

28.7 KB
Binary file not shown.

‎theme/fonts/chaneyextended.woff2‎

13.4 KB
Binary file not shown.

‎theme/fonts/chaneywide.woff2‎

13.2 KB
Binary file not shown.

‎theme/fonts/fonts.css‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,3 +17,14 @@
1717
font-family: "Iosevka";
1818
src: url("/fonts/Iosevka-Regular.ttf") format("truetype");
1919
}
20+
21+
22+
@font-face {
23+
font-family: 'chaneyextended';
24+
src: url('/fonts/chaneyextended.woff2') format('woff2');
25+
}
26+
27+
@font-face {
28+
font-family: 'Clash Display';
29+
src: url('/fonts/ClashDisplay-Variable.woff2') format('woff2');
30+
}

‎theme/index.hbs‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,6 @@
2020
<meta name="viewport" content="width=device-width, initial-scale=1">
2121
<meta name="theme-color" content="#ffffff">
2222

23-
<link rel="shortcut icon" href="{{ path_to_root }}favicon.svg">
24-
<link rel="icon" href="{{ path_to_root }}favicon.svg">
2523
<link rel="stylesheet" href="{{ path_to_root }}css/variables.css?ver=9">
2624
<link rel="stylesheet" href="{{ path_to_root }}css/general.css?ver=9">
2725
<link rel="stylesheet" href="{{ path_to_root }}css/chrome.css?ver=9">
@@ -160,9 +158,11 @@
160158
</label>
161159
</div>
162160

163-
<span class="secondary-title">HYPERWARE BOOK</span>
161+
<span class="secondary-title">Hyperware Book</span>
164162

165-
<h1 class="menu-title">{{ book_title }}</h1>
163+
<h1 class="menu-title">
164+
<span>{{ book_title }}</span>
165+
</h1>
166166

167167
<div class="right-buttons">
168168
<button id="theme-toggle" class="icon-button" type="button" title="Change theme"
@@ -173,6 +173,10 @@
173173
<ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
174174
<li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
175175
<li role="none"><button role="menuitem" class="theme" id="dark">Dark</button></li>
176+
<li role="none"><button role="menuitem" class="theme" id="light-original">Light
177+
Classic</button></li>
178+
<li role="none"><button role="menuitem" class="theme" id="dark-original">Dark
179+
Classic</button></li>
176180
<li role="none"><button role="menuitem" class="theme" id="gnucci">Gnucci</button></li>
177181
<li role="none"><button role="menuitem" class="theme" id="max">Max</button></li>
178182
</ul>

0 commit comments

Comments
 (0)