Mercurial

comparison hg-web/src/base.css @ 104:2301aeb7503b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[Hg Web] Super simple mercurial server.
author June Park <parkjune1995@gmail.com>
date Sat, 03 Jan 2026 10:20:45 -0800
parents
children 9f4429c49733
comparison
equal deleted inserted replaced
103:f6d2f2eaaf84 104:2301aeb7503b
1 /* --- Colors ---*/
2 :root {
3 --bg: #ffffff;
4 --fg: #1a1a1a;
5 --border: #e0e0e0;
6 --hover: #f5f5f5;
7 --accent: #0066cc;
8 --accent-hover: #0052a3;
9 --secondary: #6c757d;
10 --success: #28a745;
11 --warning: #ffc107;
12 --danger: #dc3545;
13 --code-bg: #f6f8fa;
14 --link: #0066cc;
15 --link-hover: #0052a3;
16 }
17
18 .dark {
19 --bg: #0d1117;
20 --fg: #c9d1d9;
21 --border: #30363d;
22 --hover: #161b22;
23 --accent: #58a6ff;
24 --accent-hover: #79c0ff;
25 --secondary: #8b949e;
26 --success: #3fb950;
27 --warning: #d29922;
28 --danger: #f85149;
29 --code-bg: #161b22;
30 --link: #58a6ff;
31 --link-hover: #79c0ff;
32 }
33
34 @media (prefers-color-scheme: dark) {
35 :root:not(.light-mode) {
36 --bg: #0d1117;
37 --fg: #c9d1d9;
38 --border: #30363d;
39 --hover: #161b22;
40 --accent: #58a6ff;
41 --accent-hover: #79c0ff;
42 --secondary: #8b949e;
43 --success: #3fb950;
44 --warning: #d29922;
45 --danger: #f85149;
46 --code-bg: #161b22;
47 --link: #58a6ff;
48 --link-hover: #79c0ff;
49 }
50 }
51
52 /* --- Reset and Base Styles --- */
53 * {
54 margin: 0;
55 padding: 0;
56 box-sizing: border-box;
57 }
58
59 html {
60 background: var(--bg);
61 color: var(--fg);
62 }
63
64 body {
65 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
66 line-height: 1.6;
67 background: var(--bg);
68 color: var(--fg);
69 font-size: 16px;
70 -webkit-font-smoothing: antialiased;
71 -moz-osx-font-smoothing: grayscale;
72 }
73
74 main {
75 max-width: 1200px;
76 margin: 0 auto;
77 padding: 2rem;
78 }
79
80 a {
81 color: var(--link);
82 text-decoration: none;
83 }
84
85 a:hover {
86 color: var(--link-hover);
87 text-decoration: underline;
88 }
89
90 h1, h2, h3, h4, h5, h6 {
91 margin-bottom: 1rem;
92 font-weight: 600;
93 line-height: 1.25;
94 }
95
96 h1 { font-size: 2rem; }
97 h2 { font-size: 1.75rem; }
98 h3 { font-size: 1.5rem; }
99 h4 { font-size: 1.25rem; }
100 h5 { font-size: 1.1rem; }
101 h6 { font-size: 1rem; }
102
103 p {
104 margin-bottom: 1rem;
105 }
106
107 code {
108 background: var(--code-bg);
109 padding: 0.2em 0.4em;
110 border-radius: 3px;
111 font-family: 'Monaco', 'Courier New', monospace;
112 font-size: 0.9em;
113 }
114
115 pre {
116 background: var(--code-bg);
117 padding: 1rem;
118 border-radius: 6px;
119 overflow-x: auto;
120 margin-bottom: 1rem;
121 }
122
123 pre code {
124 background: none;
125 padding: 0;
126 }
127
128 /* Mobile responsive */
129 @media (max-width: 768px) {
130 body {
131 font-size: 14px;
132 }
133
134 main {
135 padding: 1rem;
136 }
137
138 h1 { font-size: 1.75rem; }
139 h2 { font-size: 1.5rem; }
140 h3 { font-size: 1.25rem; }
141 }