update the login modal

Author: zixlin7

packages/dashboard-app/src/components/installs/modal/index.tsx

@@ -125,7 +125,7 @@ export function WelcomeModal({
   figMigration?: boolean;
 }) {
   return (
-    <div className="flex flex-col items-center gap-8 gradient-q-secondary-light -m-10 p-4 pt-10 rounded-lg text-white">
+    <div className="flex flex-col items-center gap-8 kiro-purple-bg -m-10 p-4 pt-10 rounded-lg text-white">
       <div className="flex flex-col items-center gap-8">
         {figMigration ? (
           <img src={migrate_dark} className="w-40" />

packages/dashboard-app/src/components/installs/modal/login/index.tsx

@@ -271,7 +271,7 @@ export default function LoginModal({ next }: { next: () => void }) {
     }
 
     return (
-      <div className="flex flex-col items-center gap-8 gradient-q-secondary-light -m-10 pt-10 p-4 rounded-lg text-white">
+      <div className="flex flex-col items-center gap-8 kiro-purple-bg -m-10 pt-10 p-4 rounded-lg text-white">
         <div className="flex flex-col items-center gap-8">
           <Lockup />
           {!completedOnboarding && (
@@ -443,7 +443,7 @@ export default function LoginModal({ next }: { next: () => void }) {
       }}
     />
   ) : (
-    <div className="flex flex-col items-center gap-8 gradient-q-secondary-light -m-10 pt-10 p-4 rounded-lg text-white">
+    <div className="flex flex-col items-center gap-8 kiro-purple-bg -m-10 pt-10 p-4 rounded-lg text-white">
       <div className="flex flex-col items-center gap-8">
         <Lockup />
         {!completedOnboarding && (

packages/dashboard-app/src/components/installs/modal/login/tabs.tsx

@@ -319,7 +319,7 @@ export function ProfileTab({
   }, [loading, profiles, handleSetProfile]);
 
   return (
-    <div className="flex flex-col items-center gap-8 gradient-q-secondary-light -m-10 p-10 rounded-lg text-white">
+    <div className="flex flex-col items-center gap-8 kiro-purple-bg -m-10 p-10 rounded-lg text-white">
       <h2 className="text-xl text-white font-semibold select-none leading-none font-ember tracking-tight">
         Select a profile
       </h2>

packages/dashboard-app/src/components/preference/list.tsx

@@ -20,7 +20,7 @@ export type Intro = {
 
 function FeatureIntro({ intro }: { intro: Intro }) {
   return (
-    <section className="flex flex-col justify-center p-6 gap-4 w-full gradient-q-secondary-light-alt rounded-lg items-start text-white min-h-[6.5rem]">
+    <section className="flex flex-col justify-center p-6 gap-4 w-full kiro-purple-bg rounded-lg items-start text-white min-h-[6.5rem]">
       <div className="flex gap-4 justify-between w-full">
         <div className="flex gap-4">
           <div className="flex-shrink-0">

packages/dashboard-app/src/components/svg/logo.tsx

@@ -6,13 +6,28 @@ interface LockupProps extends React.SVGAttributes<SVGElement> {
 }
 
 export default function Lockup({
-  size = [90, 79],
-  ratio = [90, 79],
+  size = [45, 54],
+  ratio = [45, 54],
   ...props
 }: LockupProps) {
   return (
     <Svg size={size} ratio={ratio} {...props}>
-      <D path="M47.38 0.42C46.89 0.14 46.25 0 45.6 0C44.95 0 44.31 0.14 43.82 0.42L26.08 10.67C25.1 11.23 24.3 12.62 24.3 13.75V34.25C24.3 35.38 25.1 36.76 26.08 37.33L43.84 47.58C44.33 47.86 44.97 48 45.62 48C46.27 48 46.91 47.86 47.4 47.58L65.16 37.33C66.14 36.77 66.94 35.38 66.94 34.25V13.75C66.94 12.62 66.14 11.24 65.16 10.67L47.38 0.42ZM45.61 43.98L28.3 33.99V14.01L45.61 4.02L62.92 14.01V31.68L49.61 24V22.11C49.61 21.85 49.47 21.62 49.25 21.49L45.97 19.6C45.86 19.54 45.73 19.5 45.61 19.5C45.49 19.5 45.36 19.53 45.25 19.6L41.97 21.49C41.75 21.62 41.61 21.86 41.61 22.11V25.9C41.61 26.16 41.75 26.39 41.97 26.52L45.25 28.41C45.36 28.47 45.49 28.51 45.61 28.51C45.73 28.51 45.86 28.48 45.97 28.41L47.61 27.46L60.92 35.14L45.61 43.98Z M9.92 75L8.94 71.84H4.2L3.26 75H0.12L5 61.14H8.3L13.18 75H9.92ZM4.84 69.68H8.32L6.56 63.88L4.84 69.68ZM26.3608 75V68.08C26.3608 67.1733 25.9541 66.72 25.1408 66.72C24.4208 66.72 23.6941 66.8933 22.9608 67.24V67.44V75H20.0408V68.08C20.0408 67.1733 19.6341 66.72 18.8208 66.72C18.0741 66.72 17.3408 66.9 16.6208 67.26V75H13.7008V64.78H16.1008L16.3608 65.76C17.0674 65.2933 17.7008 64.9667 18.2608 64.78C18.8341 64.58 19.4208 64.48 20.0208 64.48C21.2208 64.48 22.0674 64.9067 22.5608 65.76C23.2408 65.3067 23.8808 64.98 24.4808 64.78C25.0808 64.58 25.7008 64.48 26.3408 64.48C27.2741 64.48 27.9941 64.74 28.5008 65.26C29.0208 65.78 29.2808 66.5067 29.2808 67.44V75H26.3608ZM36.9006 75L36.6606 74.1C36.2473 74.4733 35.7673 74.7733 35.2206 75C34.6873 75.2133 34.1673 75.32 33.6606 75.32C32.674 75.32 31.8806 75.04 31.2806 74.48C30.694 73.92 30.4006 73.1733 30.4006 72.24C30.4006 71.6 30.5606 71.04 30.8806 70.56C31.2006 70.0667 31.6606 69.68 32.2606 69.4C32.8606 69.12 33.5673 68.98 34.3806 68.98C35.0206 68.98 35.7273 69.0667 36.5006 69.24V68.24C36.5006 67.6267 36.374 67.2067 36.1206 66.98C35.8673 66.7533 35.4006 66.64 34.7206 66.64C33.6273 66.64 32.4206 66.8467 31.1006 67.26V65.32C31.594 65.0667 32.214 64.8667 32.9606 64.72C33.7073 64.56 34.4673 64.48 35.2406 64.48C36.614 64.48 37.614 64.76 38.2406 65.32C38.8806 65.8667 39.2006 66.7333 39.2006 67.92V75H36.9006ZM34.4806 73.36C34.814 73.36 35.154 73.2867 35.5006 73.14C35.8606 72.9933 36.194 72.7933 36.5006 72.54V70.8C35.914 70.7067 35.3873 70.66 34.9206 70.66C33.7606 70.66 33.1806 71.1267 33.1806 72.06C33.1806 72.4733 33.294 72.7933 33.5206 73.02C33.7473 73.2467 34.0673 73.36 34.4806 73.36ZM40.1986 75V72.92L45.4586 66.94H40.3986V64.78H48.6786V66.86L43.3586 72.84H48.7786V75H40.1986ZM54.1666 75.3C52.5799 75.3 51.3399 74.8267 50.4466 73.88C49.5532 72.92 49.1066 71.5867 49.1066 69.88C49.1066 68.1867 49.5532 66.8667 50.4466 65.92C51.3399 64.96 52.5799 64.48 54.1666 64.48C55.7532 64.48 56.9932 64.96 57.8866 65.92C58.7799 66.8667 59.2266 68.1867 59.2266 69.88C59.2266 71.5867 58.7799 72.92 57.8866 73.88C56.9932 74.8267 55.7532 75.3 54.1666 75.3ZM54.1666 73.06C55.5666 73.06 56.2666 72 56.2666 69.88C56.2666 67.7733 55.5666 66.72 54.1666 66.72C52.7666 66.72 52.0666 67.7733 52.0666 69.88C52.0666 72 52.7666 73.06 54.1666 73.06ZM67.0616 75V68.3C67.0616 67.7533 66.9416 67.3533 66.7016 67.1C66.4616 66.8467 66.0949 66.72 65.6016 66.72C64.8682 66.72 64.1416 66.9467 63.4216 67.4V75H60.5016V64.78H62.9016L63.1816 65.88C64.3816 64.9467 65.6616 64.48 67.0216 64.48C67.9682 64.48 68.6949 64.74 69.2016 65.26C69.7216 65.7667 69.9816 66.4933 69.9816 67.44V75H67.0616ZM75.782 68.06C75.782 66.5933 76.042 65.3133 76.562 64.22C77.0954 63.1267 77.8687 62.2867 78.882 61.7C79.9087 61.1 81.1287 60.8 82.542 60.8C83.9154 60.8 85.1087 61.0867 86.122 61.66C87.1354 62.2333 87.9154 63.0667 88.462 64.16C89.022 65.24 89.302 66.54 89.302 68.06C89.302 69.8333 88.922 71.32 88.162 72.52C87.4154 73.72 86.3487 74.54 84.962 74.98C85.522 75.2867 86.122 75.52 86.762 75.68C87.402 75.8533 88.1554 75.9733 89.022 76.04V78.48C87.822 78.3467 86.6287 78 85.442 77.44C84.2687 76.8933 83.2154 76.1867 82.282 75.32C80.2554 75.2667 78.662 74.6 77.502 73.32C76.3554 72.0267 75.782 70.2733 75.782 68.06ZM78.862 68.06C78.862 69.6333 79.1754 70.8333 79.802 71.66C80.4287 72.4867 81.342 72.9 82.542 72.9C83.742 72.9 84.6554 72.4867 85.282 71.66C85.9087 70.8333 86.222 69.6333 86.222 68.06C86.222 66.4867 85.9087 65.2933 85.282 64.48C84.6554 63.6533 83.742 63.24 82.542 63.24C81.342 63.24 80.4287 63.6533 79.802 64.48C79.1754 65.2933 78.862 66.4867 78.862 68.06Z" />
+      <path
+        fill="white"
+        d="M8.07468 38.7532C2.79107 50.2061 14.0447 53.081 22.3452 46.378C24.7875 53.8935 33.934 48.2842 37.2223 42.4562C44.4533 29.6127 41.5322 16.5192 40.782 13.8162C35.642 -4.60537 9.9423 -4.63662 5.52067 13.9099C4.4831 17.1598 4.46714 20.8473 3.89249 24.6753C3.60516 26.6128 3.38169 27.8471 2.63145 29.8783C2.18449 31.0502 1.59388 32.0814 0.636126 33.8314C-0.832429 36.5501 -0.209889 41.7844 7.38829 39.0657L8.1066 38.7532H8.07468Z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="black"
+        d="M23.335 21.8005C21.2279 21.8005 20.9087 19.3318 20.9087 17.8631C20.9087 16.535 21.1481 15.4881 21.611 14.8163C22.0101 14.2225 22.6007 13.9257 23.335 13.9257C24.0693 13.9257 24.7078 14.2225 25.1547 14.8319C25.6655 15.5194 25.9369 16.5662 25.9369 17.8631C25.9369 20.3318 24.9632 21.8005 23.351 21.8005H23.335Z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="black"
+        d="M32.0025 21.8005C29.8954 21.8005 29.5762 19.3318 29.5762 17.8631C29.5762 16.535 29.8156 15.4881 30.2785 14.8163C30.6776 14.2225 31.2682 13.9257 32.0025 13.9257C32.7368 13.9257 33.3753 14.2225 33.8222 14.8319C34.333 15.5194 34.6044 16.5662 34.6044 17.8631C34.6044 20.3318 33.6307 21.8005 32.0184 21.8005H32.0025Z"
+      />
     </Svg>
   );
 }

packages/dashboard-app/src/index.css

@@ -75,6 +75,7 @@
     --banner-bg: #262626;
     --banner-border: #C6A0FF;
     --banner-radius: 13px;
+    --kiro-purple: #9047FF;
   }
 
   body {
@@ -123,23 +124,8 @@
 }
 
 @layer components {
-  .gradient-q-secondary-light {
-    background: radial-gradient(
-      ellipse farthest-corner at 100% 0%,
-      #a7f8ff 0%,
-      #008dff 40%,
-      #8700ff 80%,
-      #5500b3 100%
-    );
-  }
-
-  .gradient-q-secondary-light-alt {
-    background: radial-gradient(
-      ellipse farthest-corner at 100% 0%,
-      #008dff 0%,
-      #8700ff 50%,
-      #5500b3 100%
-    );
+  .kiro-purple-bg {
+    background: var(--kiro-purple);
   }
 
   .gradient-q-secondary-dark {