fix: update logo on success page (#573)

go-vela · Aug 23, 2024 · 32b3fc2 · 32b3fc2
1 parent a8047e1
commit 32b3fc2
Showing 1 changed file with 52 additions and 42 deletions.
diff --git a/action/login/success_page.go b/action/login/success_page.go
@@ -10,54 +10,64 @@ const authSuccess = `
 <meta charset="utf-8">
 <title>Success: Vela CLI</title>
 <style type="text/css">
-body {
-  color: hsl(0, 0%, 98%);
-  background-color: hsl(0, 0%, 16%);
-  font-size: 14px;
-  font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  max-width: 620px;
-  margin: 28px auto;
-  text-align: center;
-}
-.vela-logo-star {
-  fill: hsl(286, 29%, 51%);
-}
-.vela-logo-outer {
-  fill: hsl(192, 100%, 50%);
-}
-.vela-logo-inner {
-  fill: hsl(0, 0%, 98%);
-}
-.box {
-  background-color: hsl(0, 0%, 16%);
-}
-h1 {
-  font-size: 24px;
-  margin-bottom: 0;
-}
-p {
-  margin-top: 0;
-}
-.box {
-  border: 1px solid hsl(286, 29%, 51%);
-  padding: 24px;
-  margin: 28px;
-}
-@media (prefers-color-scheme: light) {
   body {
-    color: hsl(0, 0%, 16%);
-    background-color: hsl(0, 0%, 98%);
+    color: hsl(0, 0%, 98%);
+    background-color: hsl(0, 0%, 16%);
+    font-size: 14px;
+    font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
+    line-height: 1.5;
+    max-width: 620px;
+    margin: 28px auto;
+    text-align: center;
   }
-  .vela-logo-inner {
-    fill: hsl(0, 0%, 16%);
+
+  .vela-logo-star {
+    fill: hsl(289, 54.8%, 57.5%);
+  }
+
+  .vela-logo-lines {
+    fill: hsl(194, 89.7%, 58%);
   }
+
   .box {
-    background-color: hsl(0, 0%, 98%);
-}
+    background-color: hsl(0, 0%, 16%);
+  }
+
+  h1 {
+    font-size: 24px;
+    margin-bottom: 0;
+  }
+
+  p {
+    margin-top: 0;
+  }
+
+  .box {
+    border: 1px solid hsl(286, 29%, 51%);
+    padding: 24px;
+    margin: 28px;
+  }
+
+  @media (prefers-color-scheme: light) {
+    body {
+      color: hsl(0, 0%, 16%);
+      background-color: hsl(0, 0%, 98%);
+    }
+
+    .box {
+      background-color: hsl(0, 0%, 98%);
+    }
 </style>
+
 <body>
-  <svg width="52" height="52" viewBox="0 0 1500 1500" class="vela-logo"><path class="vela-logo-star" d="M1477.22 329.54l-139.11-109.63 11.45-176.75-147.26 98.42-164.57-65.51 48.11 170.47-113.16 136.27 176.99 6.93 94.63 149.72 61.28-166.19 171.64-43.73z"></path><path class="vela-logo-outer" d="M1174.75 635.12l-417.18 722.57a3.47 3.47 0 01-6 0L125.38 273.13a3.48 3.48 0 013-5.22h796.86l39.14-47.13-14.19-50.28h-821.8A100.9 100.9 0 0041 321.84L667.19 1406.4a100.88 100.88 0 00174.74 0l391.61-678.27z"></path><path class="vela-logo-inner" d="M1087.64 497.29l-49.37-1.93-283.71 491.39L395.9 365.54H288.13l466.43 807.88 363.02-628.76-29.94-47.37z"></path></svg>
+  <svg width="72" height="72" viewBox="0 0 1920 1920" class="vela-logo">
+    <path class="vela-logo-lines"
+      d="M618.73 431.74h-162.1a56.87 56.87 0 0 0-50.86 82.3l501.05 1002.1a56.86 56.86 0 0 0 101.72 0l332.85-665.72 63.63 127.07-294.74 589.5a170.64 170.64 0 0 1-152.6 94.33 170.64 170.64 0 0 1-152.6-94.33L304.03 564.9A170.61 170.61 0 0 1 456.63 318h105.14l56.96 113.75Z" />
+    <path class="vela-logo-lines"
+      d="M625.05 318h126.9l56.94 113.74h-126.9L625.05 318Zm253.65 0h63.45l56.94 113.74h-63.44L878.7 318ZM675.82 545.47l281.86 563.74 147.3-294.62 137.58-20.82-284.88 569.76-409.03-818.06h127.17Z" />
+    <path class="vela-logo-star"
+      d="m1372.75 659.05-234.4 35.44 168.8-166.43L1201.96 318l209.51 107.16 168.8-166.45-38.7 233.88 210.46 109.1-234.4 35.43-38.7 233.89-106.17-211.97Z" />
+  </svg>
   <div class="box">
     <h1>Successfully authenticated with Vela!</h1>
     <p>You may now close this tab and return to the terminal.</p>