Base: Add new error page

This commit introduces a new error page. Co-authored-by: NotNotNescap <nescap@tuta.com>
Author: https://github.com/SINF-KEN 🔰 Commit: https://github.com/LadybirdBrowser/ladybird/commit/96a5b97131a Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/3895 Reviewed-by: https://github.com/AtkinsSJ Reviewed-by: https://github.com/circl-lastname ✅ Reviewed-by: https://github.com/trflynn89
2025-04-20 11:36:10 +00:00 · 2025-03-10 19:42:37 +01:00 · 2025-03-10 19:42:37 +01:00 · 96a5b97131 · 2025-03-12 15:57:15 +00:00
commit 96a5b97131
parent ec1f7f87ea
4 changed files with 36 additions and 12 deletions
--- a/Base/res/icons/32x32/msgbox-warning.png
+++ b/Base/res/icons/32x32/msgbox-warning.png
--- a/Base/res/ladybird/templates/error.html
+++ b/Base/res/ladybird/templates/error.html
@ -4,26 +4,52 @@
    <meta charset="UTF-8">
    <title>Error!</title>
    <style>
-        html {
+        :root {
            color-scheme: light dark;
+            font-family: system-ui, sans-serif;
        }
-
-        h1 {
-            display: inline;
+        body {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            min-height: 100vh;
+            margin: 0;
+            padding: 1rem;
+            text-align: center;
        }
-
        header {
-            margin-bottom: 10px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 0.5rem;
+            margin-bottom: 1rem;
        }
-
-        img {
-            margin-right: 5px;
+        svg {
+            height: 64px;
+            width: auto;
+            stroke: currentColor;
+            fill: none;
+            stroke-width: 2;
+            stroke-linecap: round;
+            stroke-linejoin: round;
+        }
+        h1 {
+            margin: 0;
+            font-size: 1.5rem;
+        }
+        p {
+            font-size: 1rem;
+            color: #555;
        }
    </style>
 </head>
 <body>
    <header>
-        <img src="resource://icons/32x32/msgbox-warning.png" alt="Warning" width="24" height="24">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 22">
+            <path d="M12 1H3a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6z"/>
+            <path d="M11 1v4a2 2 0 0 0 2 2h4M6 10v2m6-2v2M6 17c1-2.67 5-2.67 6 0"/>
+        </svg>
        <h1>Failed to load %failed_url%</h1>
    </header>
    <p>%error_message%</p>
--- a/Meta/gn/secondary/Ladybird/BUILD.gn
+++ b/Meta/gn/secondary/Ladybird/BUILD.gn
@ -243,7 +243,6 @@ icons_32x32 = [
  "//Base/res/icons/32x32/app-system-monitor.png",
  "//Base/res/icons/32x32/filetype-folder.png",
  "//Base/res/icons/32x32/filetype-unknown.png",
-  "//Base/res/icons/32x32/msgbox-warning.png",
 ]

 icons_48x48 = [ "//Base/res/icons/48x48/app-browser.png" ]
--- a/UI/cmake/ResourceFiles.cmake
+++ b/UI/cmake/ResourceFiles.cmake
@ -41,7 +41,6 @@ set(32x32_ICONS
    app-system-monitor.png
    filetype-folder.png
    filetype-unknown.png
-    msgbox-warning.png
 )
 set(48x48_ICONS
    app-browser.png