aly.codes
Rules-based browser launcher for TUI + GNOME.
switchyard.aly.codes
tui
gnome
bowser
go
1.5 kB
75 lines
1<!doctype html>
2<meta charset="utf-8" />
3<style>
4 :root {
5 color-scheme: light dark;
6 --bg: #fff;
7 --fg: #1f1f1f;
8 --muted: #6b6b6b;
9 --hover: rgba(0, 0, 0, 0.08);
10 --active: rgba(0, 0, 0, 0.14);
11 --sep: rgba(0, 0, 0, 0.1);
12 --accent: #3584e4;
13 }
14 @media (prefers-color-scheme: dark) {
15 :root {
16 --bg: #242424;
17 --fg: #ececec;
18 --muted: #a0a0a0;
19 --hover: rgba(255, 255, 255, 0.1);
20 --active: rgba(255, 255, 255, 0.18);
21 --sep: rgba(255, 255, 255, 0.12);
22 --accent: #62a0ea;
23 }
24 }
25 body {
26 margin: 0;
27 min-width: 240px;
28 background: var(--bg);
29 color: var(--fg);
30 font:
31 13px system-ui,
32 sans-serif;
33 }
34 #root {
35 padding: 4px 0;
36 }
37 .row {
38 display: flex;
39 align-items: center;
40 width: 100%;
41 padding: 8px 12px;
42 border: 0;
43 background: transparent;
44 color: inherit;
45 font: inherit;
46 text-align: left;
47 cursor: pointer;
48 }
49 .row:hover {
50 background: var(--hover);
51 }
52 .row:active {
53 background: var(--active);
54 }
55 .row:focus-visible {
56 outline: 2px solid var(--accent);
57 outline-offset: -2px;
58 }
59 .row.primary {
60 font-weight: 600;
61 }
62 .separator {
63 height: 1px;
64 margin: 4px 8px;
65 background: var(--sep);
66 }
67 .hint {
68 padding: 10px 12px;
69 color: var(--muted);
70 font-size: 11px;
71 text-align: center;
72 }
73</style>
74<div id="root"></div>
75<script src="build/App.js"></script>