blob: 2132d731e02579a1927b4acee89ea2eb44808db8 (
plain)
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
|
diff --git a/Base/res/ladybird/about-pages/newtab.html b/Base/res/ladybird/about-pages/newtab.html
index 07e0dc7f6d0..56550cfdd13 100644
--- a/Base/res/ladybird/about-pages/newtab.html
+++ b/Base/res/ladybird/about-pages/newtab.html
@@ -3,10 +3,77 @@
<head>
<meta charset="UTF-8" />
<title>New Tab</title>
+ <link rel="stylesheet" type="text/css" href="resource://ladybird/ladybird.css" />
<style>
- html {
- color-scheme: light dark;
+ @media (prefers-color-scheme: light) {
+ :root {
+ --card-background-color: #f9f9f9;
+ --card-header-background-color: #f0f2f5;
+ --text-color: #222;
+ --border-color: #dcdde1;
+ }
+ }
+
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --card-background-color: #2c2c2c;
+ --card-header-background-color: #252525;
+ --text-color: #eee;
+ --border-color: #3d3d3d;
+ }
+ }
+
+ body {
+ background-color: var(--card-background-color);
+ color: var(--text-color);
+ font-family: sans-serif;
+ margin: 0;
+ padding: 40px 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-height: 100vh;
+ }
+
+ .card {
+ background-color: var(--card-background-color);
+ border: 1px solid var(--border-color);
+ border-radius: 8px;
+ max-width: 600px;
+ width: 100%;
+ padding: 24px;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+ }
+
+ .card h1 {
+ font-size: 20px;
+ margin-bottom: 12px;
+ }
+
+ .card p {
+ font-size: 14px;
+ line-height: 1.6;
+ opacity: 0.8;
+ }
+
+ code {
+ font-family: monospace;
+ background-color: var(--card-header-background-color);
+ padding: 2px 4px;
+ border-radius: 4px;
}
</style>
</head>
+ <body>
+ <div class="card">
+ <p>
+ This build of Ladybird was built from pinned commit <code>COMMIT_HASH</code>
+ on <code>COMMIT_DATE</code>, and is likely out of date.
+ </p>
+ <p>
+ For the most recent version, it is recommended to build from the latest commit
+ using the <code>ladybird-git</code> AUR package instead.
+ </p>
+ </div>
+ </body>
</html>
|