Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
122 lines (122 loc) · 40.7 KB
/
Copy pathindex.html
File metadata and controls
122 lines (122 loc) · 40.7 KB
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
<!doctype html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="color-scheme" content="dark light"><meta name="theme-color" content="#141617" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#f9f5d7" media="(prefers-color-scheme: light)"><meta name="description" content="Apollo Dark and Apollo Light carry accessible Gruvbox palettes into 17 terminals, editors, browsers, and shell tools."><title>Apollo Dark + Apollo Light</title><link rel="icon" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Crect%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22%23141617%22%2F%3E%3Cpath%20d%3D%22M16%2048%2030%2014h6l14%2034h-8l-3-8H27l-3%208Zm14-15h6l-3-9Z%22%20fill%3D%22%23fabd2f%22%2F%3E%3C%2Fsvg%3E"><link rel="stylesheet" href="assets/site.css"></head>
<body><a class="skip-link" href="#main">Skip to main content</a><header class="site-header"><a class="wordmark" href="#top" aria-label="Apollo Theme home"><span aria-hidden="true">A/</span> APOLLO</a><nav aria-label="Primary"><a href="#palette">Palettes</a><a href="#ports">17 ports</a><a href="https://github.com/apollo-theme/apollo-theme">Source</a></nav></header>
<main id="main" tabindex="-1"><section class="hero" id="top" aria-labelledby="hero-title"><p class="eyebrow">GRUVBOX COLOR SYSTEM · DARK + LIGHT · HIGH-CONTRAST</p><h1 id="hero-title">Apollo Dark + Apollo Light.<br>Every instrument.</h1><p class="thesis">Apollo Dark and Apollo Light carry one semantic signal across the interfaces where work happens—without losing state, syntax, or focus between night and day.</p><div class="hero-actions"><a class="primary-action" href="#palette">Read both signals</a><a href="https://github.com/apollo-theme/apollo-theme">Canonical source</a></div></section>
<section class="signal-path" aria-label="Apollo signal path"><div class="signal-line"><span class="signal-node live"></span><span class="signal-node"></span><span class="signal-node"></span><span class="signal-node"></span></div><ol><li><strong>01 / SOURCE</strong><span>two palettes</span></li><li><strong>02 / MAP</strong><span>semantic roles</span></li><li><strong>03 / PORT</strong><span>17 repositories</span></li><li><strong>04 / RUN</strong><span>dark + light</span></li></ol></section>
<section class="palette-section" id="palette" aria-labelledby="palette-title"><div class="section-heading"><p class="eyebrow">TWO SOURCES OF TRUTH / SCHEMA 1</p><h2 id="palette-title">Color telemetry</h2><p>Compare the canonical <a href="#palette-dark">Apollo Dark</a> and <a href="#palette-light">Apollo Light</a> tables. Restricted ANSI colors never carry body text.</p></div><div class="palette-pair"><article class="palette-table" id="palette-dark" aria-labelledby="palette-dark-title">
<div class="palette-table-heading"><p class="appearance-kicker">Apollo Dark appearance</p><h3 id="palette-dark-title">Apollo Dark</h3><a href="palette/apollo.json">Open canonical JSON</a></div>
<div class="palette-group"><h4>Base palette</h4><ul class="palette-strip base-strip"><li class="swatch"><span class="swatch-color" style="--swatch:#141617"></span><span class="swatch-name">Canvas</span><code>#141617</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#1d2021"></span><span class="swatch-name">Raised</span><code>#1d2021</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#cfbc97"></span><span class="swatch-name">Primary</span><code>#cfbc97</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#d5c4a1"></span><span class="swatch-name">Secondary</span><code>#d5c4a1</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#928374"></span><span class="swatch-name">Inactive</span><code>#928374</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#fabd2f"></span><span class="swatch-name">Focus</span><code>#fabd2f</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#3c3836"></span><span class="swatch-name">Selection</span><code>#3c3836</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#fb4934"></span><span class="swatch-name">Danger</span><code>#fb4934</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#b8bb26"></span><span class="swatch-name">Success</span><code>#b8bb26</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#83a598"></span><span class="swatch-name">Info</span><code>#83a598</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#d3869b"></span><span class="swatch-name">Magenta</span><code>#d3869b</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#8ec07c"></span><span class="swatch-name">Cyan</span><code>#8ec07c</code></li></ul></div>
<div class="palette-group"><h4>ANSI</h4><ul class="palette-strip"><li class="swatch"><span class="swatch-color" style="--swatch:#1d2021"></span><span class="swatch-name">Black</span><code>#1d2021</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#fb4934"></span><span class="swatch-name">Red</span><code>#fb4934</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#b8bb26"></span><span class="swatch-name">Green</span><code>#b8bb26</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#fabd2f"></span><span class="swatch-name">Yellow</span><code>#fabd2f</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#83a598"></span><span class="swatch-name">Blue</span><code>#83a598</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#d3869b"></span><span class="swatch-name">Magenta</span><code>#d3869b</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#8ec07c"></span><span class="swatch-name">Cyan</span><code>#8ec07c</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#d5c4a1"></span><span class="swatch-name">White</span><code>#d5c4a1</code></li></ul></div>
<div class="palette-group"><h4>Bright</h4><ul class="palette-strip"><li class="swatch"><span class="swatch-color" style="--swatch:#665c54"></span><span class="swatch-name">Bright black</span><code>#665c54</code><span class="restricted">ANSI only</span></li><li class="swatch"><span class="swatch-color" style="--swatch:#fb4934"></span><span class="swatch-name">Bright red</span><code>#fb4934</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#b8bb26"></span><span class="swatch-name">Bright green</span><code>#b8bb26</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#fabd2f"></span><span class="swatch-name">Bright yellow</span><code>#fabd2f</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#83a598"></span><span class="swatch-name">Bright blue</span><code>#83a598</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#d3869b"></span><span class="swatch-name">Bright magenta</span><code>#d3869b</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#8ec07c"></span><span class="swatch-name">Bright cyan</span><code>#8ec07c</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#fbf1c7"></span><span class="swatch-name">Bright white</span><code>#fbf1c7</code></li></ul></div>
</article><article class="palette-table" id="palette-light" aria-labelledby="palette-light-title">
<div class="palette-table-heading"><p class="appearance-kicker">Apollo Light appearance</p><h3 id="palette-light-title">Apollo Light</h3><a href="palette/apollo-light.json">Open canonical JSON</a></div>
<div class="palette-group"><h4>Base palette</h4><ul class="palette-strip base-strip"><li class="swatch"><span class="swatch-color" style="--swatch:#f9f5d7"></span><span class="swatch-name">Canvas</span><code>#f9f5d7</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#fbf1c7"></span><span class="swatch-name">Raised</span><code>#fbf1c7</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#3c3836"></span><span class="swatch-name">Primary</span><code>#3c3836</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#504945"></span><span class="swatch-name">Secondary</span><code>#504945</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#665c54"></span><span class="swatch-name">Inactive</span><code>#665c54</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#8a5200"></span><span class="swatch-name">Focus</span><code>#8a5200</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#ebdbb2"></span><span class="swatch-name">Selection</span><code>#ebdbb2</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#9d0006"></span><span class="swatch-name">Danger</span><code>#9d0006</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#6b6700"></span><span class="swatch-name">Success</span><code>#6b6700</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#076678"></span><span class="swatch-name">Info</span><code>#076678</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#8f3f71"></span><span class="swatch-name">Magenta</span><code>#8f3f71</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#356b4d"></span><span class="swatch-name">Cyan</span><code>#356b4d</code></li></ul></div>
<div class="palette-group"><h4>ANSI</h4><ul class="palette-strip"><li class="swatch"><span class="swatch-color" style="--swatch:#3c3836"></span><span class="swatch-name">Black</span><code>#3c3836</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#9d0006"></span><span class="swatch-name">Red</span><code>#9d0006</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#6b6700"></span><span class="swatch-name">Green</span><code>#6b6700</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#8a5200"></span><span class="swatch-name">Yellow</span><code>#8a5200</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#076678"></span><span class="swatch-name">Blue</span><code>#076678</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#8f3f71"></span><span class="swatch-name">Magenta</span><code>#8f3f71</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#356b4d"></span><span class="swatch-name">Cyan</span><code>#356b4d</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#504945"></span><span class="swatch-name">White</span><code>#504945</code></li></ul></div>
<div class="palette-group"><h4>Bright</h4><ul class="palette-strip"><li class="swatch"><span class="swatch-color" style="--swatch:#665c54"></span><span class="swatch-name">Bright black</span><code>#665c54</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#9d0006"></span><span class="swatch-name">Bright red</span><code>#9d0006</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#6b6700"></span><span class="swatch-name">Bright green</span><code>#6b6700</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#8a5200"></span><span class="swatch-name">Bright yellow</span><code>#8a5200</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#076678"></span><span class="swatch-name">Bright blue</span><code>#076678</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#8f3f71"></span><span class="swatch-name">Bright magenta</span><code>#8f3f71</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#356b4d"></span><span class="swatch-name">Bright cyan</span><code>#356b4d</code></li><li class="swatch"><span class="swatch-color" style="--swatch:#282828"></span><span class="swatch-name">Bright white</span><code>#282828</code></li></ul></div>
</article></div></section>
<section class="ports" id="ports" aria-labelledby="ports-title"><div class="section-heading"><p class="eyebrow">PORT MANIFEST / 17 PERMANENT TARGETS / 34 VIEWS</p><h2 id="ports-title">Apollo Dark and Apollo Light across every port.</h2><p>Every app shows Apollo Dark and Apollo Light side by side as explicit simulations. Neither appearance is hidden by your operating-system preference.</p></div><nav class="port-jump" aria-label="App sections"><a href="#app-sonicterm">SonicTerm</a><a href="#app-wezterm">WezTerm</a><a href="#app-iterm2">iTerm2</a><a href="#app-apple-terminal">Apple Terminal</a><a href="#app-alacritty">Alacritty</a><a href="#app-windows-terminal">Windows Terminal</a><a href="#app-firefox">Firefox</a><a href="#app-vscode">VS Code</a><a href="#app-visual-studio">Visual Studio</a><a href="#app-vim">Vim</a><a href="#app-nvim">Neovim</a><a href="#app-xcode">Xcode</a><a href="#app-tmux">tmux</a><a href="#app-rmux">RMUX</a><a href="#app-powershell">PowerShell</a><a href="#app-bat">bat</a><a href="#app-eza">eza</a></nav><section class="app-port" id="app-sonicterm" aria-labelledby="title-sonicterm">
<div class="port-copy"><p class="port-index">PORT 01 / 17 · TERMINAL</p><h2 id="title-sonicterm">SonicTerm</h2><p>The reference shell keeps the signal visible.</p><nav class="port-links" aria-label="SonicTerm links"><a href="https://github.com/apollo-theme/sonicterm-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/sonicterm-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/sonicterm-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-sonicterm-dark"><a class="preview-link" href="#app-sonicterm-dark" aria-label="Link to SonicTerm Apollo Dark appearance"><img src="previews/sonicterm.svg" alt="Simulated SonicTerm interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-sonicterm-light"><a class="preview-link" href="#app-sonicterm-light" aria-label="Link to SonicTerm Apollo Light appearance"><img src="previews/sonicterm-light.svg" alt="Simulated SonicTerm interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-wezterm" aria-labelledby="title-wezterm">
<div class="port-copy"><p class="port-index">PORT 02 / 17 · TERMINAL</p><h2 id="title-wezterm">WezTerm</h2><p>Lua tabs and panes on one flight deck.</p><nav class="port-links" aria-label="WezTerm links"><a href="https://github.com/apollo-theme/wezterm-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/wezterm-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/wezterm-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-wezterm-dark"><a class="preview-link" href="#app-wezterm-dark" aria-label="Link to WezTerm Apollo Dark appearance"><img src="previews/wezterm.svg" alt="Simulated WezTerm interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-wezterm-light"><a class="preview-link" href="#app-wezterm-light" aria-label="Link to WezTerm Apollo Light appearance"><img src="previews/wezterm-light.svg" alt="Simulated WezTerm interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-iterm2" aria-labelledby="title-iterm2">
<div class="port-copy"><p class="port-index">PORT 03 / 17 · TERMINAL</p><h2 id="title-iterm2">iTerm2</h2><p>A macOS split session with a quiet profile rail.</p><nav class="port-links" aria-label="iTerm2 links"><a href="https://github.com/apollo-theme/iterm2-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/iterm2-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/iterm2-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-iterm2-dark"><a class="preview-link" href="#app-iterm2-dark" aria-label="Link to iTerm2 Apollo Dark appearance"><img src="previews/iterm2.svg" alt="Simulated iTerm2 interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-iterm2-light"><a class="preview-link" href="#app-iterm2-light" aria-label="Link to iTerm2 Apollo Light appearance"><img src="previews/iterm2-light.svg" alt="Simulated iTerm2 interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-apple-terminal" aria-labelledby="title-apple-terminal">
<div class="port-copy"><p class="port-index">PORT 04 / 17 · TERMINAL</p><h2 id="title-apple-terminal">Apple Terminal</h2><p>The native terminal reduced to the essential readout.</p><nav class="port-links" aria-label="Apple Terminal links"><a href="https://github.com/apollo-theme/apple-terminal-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/apple-terminal-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/apple-terminal-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-apple-terminal-dark"><a class="preview-link" href="#app-apple-terminal-dark" aria-label="Link to Apple Terminal Apollo Dark appearance"><img src="previews/apple-terminal.svg" alt="Simulated Apple Terminal interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-apple-terminal-light"><a class="preview-link" href="#app-apple-terminal-light" aria-label="Link to Apple Terminal Apollo Light appearance"><img src="previews/apple-terminal-light.svg" alt="Simulated Apple Terminal interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-alacritty" aria-labelledby="title-alacritty">
<div class="port-copy"><p class="port-index">PORT 05 / 17 · TERMINAL</p><h2 id="title-alacritty">Alacritty</h2><p>GPU-accelerated output without competing chrome.</p><nav class="port-links" aria-label="Alacritty links"><a href="https://github.com/apollo-theme/alacritty-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/alacritty-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/alacritty-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-alacritty-dark"><a class="preview-link" href="#app-alacritty-dark" aria-label="Link to Alacritty Apollo Dark appearance"><img src="previews/alacritty.svg" alt="Simulated Alacritty interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-alacritty-light"><a class="preview-link" href="#app-alacritty-light" aria-label="Link to Alacritty Apollo Light appearance"><img src="previews/alacritty-light.svg" alt="Simulated Alacritty interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-windows-terminal" aria-labelledby="title-windows-terminal">
<div class="port-copy"><p class="port-index">PORT 06 / 17 · TERMINAL</p><h2 id="title-windows-terminal">Windows Terminal</h2><p>PowerShell tabs, search, and command feedback.</p><nav class="port-links" aria-label="Windows Terminal links"><a href="https://github.com/apollo-theme/windows-terminal-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/windows-terminal-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/windows-terminal-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-windows-terminal-dark"><a class="preview-link" href="#app-windows-terminal-dark" aria-label="Link to Windows Terminal Apollo Dark appearance"><img src="previews/windows-terminal.svg" alt="Simulated Windows Terminal interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-windows-terminal-light"><a class="preview-link" href="#app-windows-terminal-light" aria-label="Link to Windows Terminal Apollo Light appearance"><img src="previews/windows-terminal-light.svg" alt="Simulated Windows Terminal interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-firefox" aria-labelledby="title-firefox">
<div class="port-copy"><p class="port-index">PORT 07 / 17 · BROWSER</p><h2 id="title-firefox">Firefox</h2><p>Browser chrome and web surfaces carry the same semantic signal.</p><nav class="port-links" aria-label="Firefox links"><a href="https://github.com/apollo-theme/firefox-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/firefox-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/firefox-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-firefox-dark"><a class="preview-link" href="#app-firefox-dark" aria-label="Link to Firefox Apollo Dark appearance"><img src="previews/firefox.svg" alt="Simulated Firefox interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-firefox-light"><a class="preview-link" href="#app-firefox-light" aria-label="Link to Firefox Apollo Light appearance"><img src="previews/firefox-light.svg" alt="Simulated Firefox interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-vscode" aria-labelledby="title-vscode">
<div class="port-copy"><p class="port-index">PORT 08 / 17 · EDITOR</p><h2 id="title-vscode">VS Code</h2><p>Explorer, source, diagnostics, and status in balance.</p><nav class="port-links" aria-label="VS Code links"><a href="https://github.com/apollo-theme/vscode-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/vscode-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/vscode-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-vscode-dark"><a class="preview-link" href="#app-vscode-dark" aria-label="Link to VS Code Apollo Dark appearance"><img src="previews/vscode.svg" alt="Simulated VS Code interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-vscode-light"><a class="preview-link" href="#app-vscode-light" aria-label="Link to VS Code Apollo Light appearance"><img src="previews/vscode-light.svg" alt="Simulated VS Code interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-visual-studio" aria-labelledby="title-visual-studio">
<div class="port-copy"><p class="port-index">PORT 09 / 17 · EDITOR</p><h2 id="title-visual-studio">Visual Studio</h2><p>A dense IDE surface with legible hierarchy.</p><nav class="port-links" aria-label="Visual Studio links"><a href="https://github.com/apollo-theme/visual-studio-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/visual-studio-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/visual-studio-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-visual-studio-dark"><a class="preview-link" href="#app-visual-studio-dark" aria-label="Link to Visual Studio Apollo Dark appearance"><img src="previews/visual-studio.svg" alt="Simulated Visual Studio interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-visual-studio-light"><a class="preview-link" href="#app-visual-studio-light" aria-label="Link to Visual Studio Apollo Light appearance"><img src="previews/visual-studio-light.svg" alt="Simulated Visual Studio interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-vim" aria-labelledby="title-vim">
<div class="port-copy"><p class="port-index">PORT 10 / 17 · EDITOR</p><h2 id="title-vim">Vim</h2><p>Modal state stays unmistakable.</p><nav class="port-links" aria-label="Vim links"><a href="https://github.com/apollo-theme/vim-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/vim-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/vim-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-vim-dark"><a class="preview-link" href="#app-vim-dark" aria-label="Link to Vim Apollo Dark appearance"><img src="previews/vim.svg" alt="Simulated Vim interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-vim-light"><a class="preview-link" href="#app-vim-light" aria-label="Link to Vim Apollo Light appearance"><img src="previews/vim-light.svg" alt="Simulated Vim interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-nvim" aria-labelledby="title-nvim">
<div class="port-copy"><p class="port-index">PORT 11 / 17 · EDITOR</p><h2 id="title-nvim">Neovim</h2><p>A Lua workspace with tree, source, and diagnostics.</p><nav class="port-links" aria-label="Neovim links"><a href="https://github.com/apollo-theme/nvim-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/nvim-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/nvim-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-nvim-dark"><a class="preview-link" href="#app-nvim-dark" aria-label="Link to Neovim Apollo Dark appearance"><img src="previews/nvim.svg" alt="Simulated Neovim interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-nvim-light"><a class="preview-link" href="#app-nvim-light" aria-label="Link to Neovim Apollo Light appearance"><img src="previews/nvim-light.svg" alt="Simulated Neovim interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-xcode" aria-labelledby="title-xcode">
<div class="port-copy"><p class="port-index">PORT 12 / 17 · EDITOR</p><h2 id="title-xcode">Xcode</h2><p>Navigator, source, inspector, and console on one plane.</p><nav class="port-links" aria-label="Xcode links"><a href="https://github.com/apollo-theme/xcode-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/xcode-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/xcode-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-xcode-dark"><a class="preview-link" href="#app-xcode-dark" aria-label="Link to Xcode Apollo Dark appearance"><img src="previews/xcode.svg" alt="Simulated Xcode interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-xcode-light"><a class="preview-link" href="#app-xcode-light" aria-label="Link to Xcode Apollo Light appearance"><img src="previews/xcode-light.svg" alt="Simulated Xcode interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-tmux" aria-labelledby="title-tmux">
<div class="port-copy"><p class="port-index">PORT 13 / 17 · MULTIPLEXER</p><h2 id="title-tmux">tmux</h2><p>Three shell contexts joined by a clear status rail.</p><nav class="port-links" aria-label="tmux links"><a href="https://github.com/apollo-theme/tmux-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/tmux-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/tmux-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-tmux-dark"><a class="preview-link" href="#app-tmux-dark" aria-label="Link to tmux Apollo Dark appearance"><img src="previews/tmux.svg" alt="Simulated tmux interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-tmux-light"><a class="preview-link" href="#app-tmux-light" aria-label="Link to tmux Apollo Light appearance"><img src="previews/tmux-light.svg" alt="Simulated tmux interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-rmux" aria-labelledby="title-rmux">
<div class="port-copy"><p class="port-index">PORT 14 / 17 · MULTIPLEXER</p><h2 id="title-rmux">RMUX</h2><p>Session orchestration as a compact mission board.</p><nav class="port-links" aria-label="RMUX links"><a href="https://github.com/apollo-theme/rmux-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/rmux-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/rmux-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-rmux-dark"><a class="preview-link" href="#app-rmux-dark" aria-label="Link to RMUX Apollo Dark appearance"><img src="previews/rmux.svg" alt="Simulated RMUX interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-rmux-light"><a class="preview-link" href="#app-rmux-light" aria-label="Link to RMUX Apollo Light appearance"><img src="previews/rmux-light.svg" alt="Simulated RMUX interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-powershell" aria-labelledby="title-powershell">
<div class="port-copy"><p class="port-index">PORT 15 / 17 · SHELL</p><h2 id="title-powershell">PowerShell</h2><p>Structured command output with unmistakable state.</p><nav class="port-links" aria-label="PowerShell links"><a href="https://github.com/apollo-theme/powershell-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/powershell-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/powershell-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-powershell-dark"><a class="preview-link" href="#app-powershell-dark" aria-label="Link to PowerShell Apollo Dark appearance"><img src="previews/powershell.svg" alt="Simulated PowerShell interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-powershell-light"><a class="preview-link" href="#app-powershell-light" aria-label="Link to PowerShell Apollo Light appearance"><img src="previews/powershell-light.svg" alt="Simulated PowerShell interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-bat" aria-labelledby="title-bat">
<div class="port-copy"><p class="port-index">PORT 16 / 17 · UTILITY</p><h2 id="title-bat">bat</h2><p>Source output with line, syntax, and change context.</p><nav class="port-links" aria-label="bat links"><a href="https://github.com/apollo-theme/bat-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/bat-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/bat-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-bat-dark"><a class="preview-link" href="#app-bat-dark" aria-label="Link to bat Apollo Dark appearance"><img src="previews/bat.svg" alt="Simulated bat interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-bat-light"><a class="preview-link" href="#app-bat-light" aria-label="Link to bat Apollo Light appearance"><img src="previews/bat-light.svg" alt="Simulated bat interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section><section class="app-port" id="app-eza" aria-labelledby="title-eza">
<div class="port-copy"><p class="port-index">PORT 17 / 17 · UTILITY</p><h2 id="title-eza">eza</h2><p>File metadata aligned for a fast visual scan.</p><nav class="port-links" aria-label="eza links"><a href="https://github.com/apollo-theme/eza-apollo-theme">Repository</a><a href="https://github.com/apollo-theme/eza-apollo-theme#readme">Install / README</a><a href="https://github.com/apollo-theme/eza-apollo-theme/releases/latest">Latest release</a></nav></div>
<div class="appearance-pair">
<figure class="preview preview-dark" id="app-eza-dark"><a class="preview-link" href="#app-eza-dark" aria-label="Link to eza Apollo Dark appearance"><img src="previews/eza.svg" alt="Simulated eza interface using Apollo Dark colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Dark</span><span>SIMULATED PREVIEW · illustrative Apollo Dark interface, not an application screenshot.</span></figcaption></figure>
<figure class="preview preview-light" id="app-eza-light"><a class="preview-link" href="#app-eza-light" aria-label="Link to eza Apollo Light appearance"><img src="previews/eza-light.svg" alt="Simulated eza interface using Apollo Light colors" width="1200" height="630" loading="lazy" decoding="async"></a><figcaption><span class="appearance-label">Apollo Light</span><span>SIMULATED PREVIEW · illustrative Apollo Light interface, not an application screenshot.</span></figcaption></figure>
</div>
</section></section>
<section class="source-section" aria-labelledby="source-title"><p class="eyebrow">OPEN SYSTEM / MIT</p><h2 id="source-title">Inspect the source before you fly.</h2><p>Every port traces back to <a href="https://github.com/apollo-theme/apollo-theme">the canonical repository</a>, the exact <a href="palette/apollo.json">Apollo Dark JSON</a> and <a href="palette/apollo-light.json">Apollo Light JSON</a>, plus an <a href="LICENSE" rel="license">MIT license</a>.</p></section>
<section class="credits" aria-labelledby="credits-title"><p class="eyebrow">LINEAGE / THANKS</p><h2 id="credits-title">Built on a well-lit lineage.</h2><p>Thank you to <a href="https://github.com/morhetz/gruvbox">Gruvbox</a> for both color languages and <a href="https://github.com/D0n9X1n/SonicTerm">SonicTerm</a> for the near-black flight deck that became Apollo’s dark starting point.</p></section></main>
<footer><span>APOLLO THEME · 2026</span><a href="#top">Return to top</a></footer></body></html>