Rewild Your Web
web
browser
dweb
1/* SPDX-License-Identifier: AGPL-3.0-or-later */
2
3:root {
4 /* ===== Typography ===== */
5 --font-family-base: ReadexPro;
6 --font-weight-normal: normal;
7 --font-weight-bold: bold;
8 --font-size-menu: 0.9em;
9 --font-size-sm: 0.85em;
10 --font-size-xs: 0.75em;
11
12 /* ===== Backgrounds ===== */
13 --bg-main: #232323;
14 --bg-header: #3a3a3a;
15 --bg-footer: #1a1a1a;
16 --bg-webview: #000000;
17 --bg-menu: #2a2a2a;
18 --bg-surface: #2a2a2a;
19 --bg-hover: rgba(0, 255, 0, 0.1);
20 --bg-icon: rgba(0, 255, 0, 0.15);
21
22 /* ===== Colors - Text ===== */
23 --color-text-menu: #00ff00;
24 --color-text: #00ff00;
25 --color-text-secondary: #00cc00;
26 --color-text-tertiary: #009900;
27 --color-text-on-header: #000000;
28
29 /* ===== Colors - Interactive ===== */
30 --color-focus-ring: rgba(255, 165, 0, 0.7);
31 --color-resize-handle-hover: rgba(255, 165, 0, 0.4);
32 --color-primary: #ff8800;
33 --color-danger: #ff4444;
34
35 --color-menu-item-hover: rgba(0, 255, 0, 0.15);
36
37 /* ===== Colors - Borders ===== */
38 --color-border: rgba(0, 255, 0, 0.3);
39
40 /* ===== Colors - Shadow ===== */
41 --color-shadow: rgba(0, 0, 0, 0.6);
42 --color-shadow-menu: rgba(0, 0, 0, 0.7);
43 --color-backdrop: rgba(0, 0, 0, 0.8);
44
45 /* ===== Border Radius ===== */
46 /* Sharp, industrial corners */
47 --radius-sm: 0.2em;
48 --radius-md: 0.3em;
49 --radius-lg: 0.4em;
50
51 /* ===== Spacing ===== */
52 --spacing-xs: 0.25em;
53 --spacing-sm: 0.5em;
54 --spacing-md: 1em;
55 --spacing-lg: 1.5em;
56
57 /* ===== Sizes ===== */
58 --size-header-height: 2em;
59 --size-footer-height: 1.5em;
60 --size-icon: 1em;
61 --size-icon-sm: 1.25em;
62 --size-menu-width: 155px;
63 --size-panel-width: 320px;
64 --size-logo: 3em;
65 --size-notification-icon: 2em;
66
67 /* ===== Transitions ===== */
68 --transition-fast: 0.1s ease;
69
70 /* ===== Opacity ===== */
71 --opacity-muted: 0.6;
72}