From 2dff547e9936a2f3be09b30f4e9e3846c31ac4eb Mon Sep 17 00:00:00 2001
From: Mateusz Mandera <mateusz.mandera@zulip.com>
Date: Sat, 2 Mar 2024 23:56:28 +0100
Subject: [PATCH] config_error: Change the look of the page.

Replaces the green theme with the old Zulip octopus with a plain, white
page.
---
 templates/zerver/config_error/container.html | 30 +++++++++++---------
 web/styles/portico/portico.css               | 11 +++++++
 2 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/templates/zerver/config_error/container.html b/templates/zerver/config_error/container.html
index efa2698fe4..7d07c29715 100644
--- a/templates/zerver/config_error/container.html
+++ b/templates/zerver/config_error/container.html
@@ -5,24 +5,28 @@
 {% endblock %}
 
 {% block portico_content %}
-    <div class="error_page" style="padding-bottom: 60px;">
-        <div class="container">
-            <div class="row-fluid">
-                <img src="{{ static('images/errors/500art.svg') }}" alt=""/>
-                <div class="errorbox config-error">
-                    <div class="errorcontent">
-                        <h1 class="lead">{{ _("Configuration error") }}</h1>
-                        <br />
+<div id="config_error_page" class="flex full-page">
+    <div class="new-style">
+        <div class="pitch">
+            <h1>
+                {{ _("Configuration error") }}
+            </h1>
+        </div>
+        <div class="white-box">
+            <div class="errorbox config-error">
+                <div class="errorcontent">
+                    <p>
                         {% block error_content %}
                         {% endblock %}
+                    </p>
 
-                        <p>After making your changes, remember to restart
-                        the Zulip server.</p>
-                        <p><a href=""> Refresh</a> to try again or <a href="/login/">click here</a> to go back to the login page.</p>
-                    </div>
-
+                    <p>After making your changes, remember to restart
+                    the Zulip server.</p>
+                    <p><a href=""> Refresh</a> to try again or <a href="/login/">click here</a> to go back to the login page.</p>
                 </div>
+
             </div>
         </div>
     </div>
+</div>
 {% endblock %}
diff --git a/web/styles/portico/portico.css b/web/styles/portico/portico.css
index 6313b2486d..71a6a366b0 100644
--- a/web/styles/portico/portico.css
+++ b/web/styles/portico/portico.css
@@ -992,6 +992,17 @@ input.new-organization-button {
     }
 }
 
+#config_error_page {
+    .pitch {
+        text-align: center;
+        width: 100%;
+    }
+
+    .white-box {
+        max-width: 600px;
+    }
+}
+
 .error_page {
     min-height: calc(100vh - 290px);
     height: 100%;