From 43437fc6e887f2eafd78fd73dad8cab91a8f6b1b Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Mon, 9 Jan 2023 22:01:39 +0100
Subject: [PATCH] Use the same stylesheet as the dashboard

---
 src/templates/proxyauth-login.ejs | 169 +-----------------------------
 1 file changed, 3 insertions(+), 166 deletions(-)

diff --git a/src/templates/proxyauth-login.ejs b/src/templates/proxyauth-login.ejs
index e11a33f21..75b0afb01 100644
--- a/src/templates/proxyauth-login.ejs
+++ b/src/templates/proxyauth-login.ejs
@@ -8,175 +8,12 @@
 
   <link href="<%= icon %>" rel="icon" type="image/png">
 
+  <!-- Theme CSS -->
+  <link type="text/css" rel="stylesheet" href="<%= dashboardOrigin %>/theme.css">
+
   <!-- Fontawesome -->
   <link type="text/css" rel="stylesheet" href="<%= dashboardOrigin %>/3rdparty/fontawesome/css/all.css"/>
 
-  <style>
-
-      html, body {
-          height: 100%;
-          width: 100%;
-          padding: 0;
-          font-family: Roboto,Helvetica,Arial,sans-serif;
-          font-size: 14px;
-          line-height: 1.42857;
-          color: #333;
-          background-color: #e5e5e5;
-          margin: 0;
-      }
-
-      .layout-root {
-          display: flex;
-          flex-direction: column;
-          height: 100%;
-          max-height: 100%;
-          width: 100%;
-      }
-
-      *, ::after, ::before {
-          box-sizing: border-box;
-      }
-
-      .layout-content {
-          flex-grow: 1;
-          overflow: auto;
-      }
-
-      .has-error {
-          color: red;
-      }
-
-      .center {
-          text-align: center;
-      }
-
-      .right {
-          text-align: right;
-      }
-
-      .row {
-          margin-right: -15px;
-          margin-left: -15px;
-      }
-
-      .col-md-12 {
-          width: 100%;
-          float: left;
-          position: relative;
-          min-height: 1px;
-          padding-right: 15px;
-          padding-left: 15px;
-      }
-
-      .form-group {
-          margin-bottom: 15px;
-      }
-
-      label {
-          display: inline-block;
-          max-width: 100%;
-          margin-bottom: 5px;
-          font-weight: 700;
-      }
-
-      .form-control {
-          display: block;
-          margin: 0;
-          font-size: 14px;
-          line-height: 1.42857;
-          color: #555;
-          width: 100%;
-          height: 34px;
-          padding: 6px 12px;
-          background-color: #fff;
-          background-image: none;
-          border: 1px solid #ccc;
-          border-radius: 2px;
-          box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-          transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-      }
-
-      .form-control:focus {
-          border-color: #66afe9;
-          outline: 0;
-          box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
-      }
-
-      h1 {
-          font-size: 36px;
-          font-weight: 500;
-          line-height: 1.1;
-          margin-top: 20px;
-          margin-bottom: 10px;
-      }
-
-      small {
-          font-size: 65%;
-          font-weight: 400;
-          line-height: 1;
-          color: #777;
-      }
-
-      .card {
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          background-color: white;
-          padding: 20px;
-          margin-top: 100px;
-          max-width: 620px;
-          position: relative;
-          background-color: #fff;
-          margin: 0 auto;
-          box-shadow: 0 2px 5px rgba(0,0,0,.1);
-      }
-
-      .btn.pull-right {
-          margin-left: 5px;
-      }
-
-      .pull-right {
-          float: right !important;
-      }
-
-      .btn-primary {
-          color: #fff;
-          background-color: #2196f3;
-          border-color: #2196f3;
-      }
-
-      .btn {
-          display: inline-block;
-          margin-bottom: 0;
-          font-weight: 400;
-          text-align: center;
-          white-space: nowrap;
-          vertical-align: middle;
-          touch-action: manipulation;
-          cursor: pointer;
-          background-image: none;
-          border: 1px solid transparent;
-          padding: 6px 12px;
-          font-size: 14px;
-          line-height: 1.42857;
-          border-radius: 2px;
-          user-select: none;
-      }
-
-      .btn-primary:hover {
-          color: #fff;
-          background-color: #0c7cd5;
-          border-color: #0b76cc;
-      }
-
-      .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
-          color: #fff;
-          background-color: #0a68b4;
-          border-color: #08528d;
-      }
-
-  </style>
-
 </head>
 
 <body>