feat: signup page view v1

open-isle-cli/src/assets/global.css

@@ -1,5 +1,6 @@
 :root {
-  --primary-color: rgb(9, 95, 105);;
+  --primary-color-hover: rgb(9, 95, 105);
+  --primary-color: rgb(10, 110, 120);
   --header-height: 60px;
   --header-background-color: white;
   --header-border-color: lightgray;
@@ -7,7 +8,7 @@
   --menu-border-color: lightgray;
   --menu-selected-background-color: rgba(208, 250, 255, 0.659);
   --scroller-background-color: rgba(130, 175, 180, 0.5);
-  --normal-background-color: lightgrrgb(208, 246, 255)
+  --normal-background-color: rgb(241, 241, 241);
   --menu-width: 200px;
   --page-max-width: 1200px;
 }

open-isle-cli/src/assets/icons/google.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     viewBox="0 0 48 48">
+  <defs>
+    <!-- 定义整块 “G” 轮廓，用作剪裁路径 -->
+    <path id="a"
+          d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37
+             c-7.2 0-13-5.8-13-13s5.8-13 13-13
+             c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2
+             11.8 2 2 11.8 2 24s9.8 22 22 22
+             c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/>
+  </defs>
+
+  <!-- 应用剪裁后依次绘制四段色块 -->
+  <clipPath id="b">
+    <use xlink:href="#a" overflow="visible"/>
+  </clipPath>
+
+  <!-- 黄色 (#FBBC05) -->
+  <path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"/>
+  <!-- 红色 (#EA4335) -->
+  <path clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/>
+  <!-- 绿色 (#34A853) -->
+  <path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/>
+  <!-- 蓝色 (#4285F4) -->
+  <path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/>
+</svg>