feat(app): refine projects and extension settings

apps/app/src/app/index.css

@@ -190,6 +190,10 @@
   --dls-radius-lg: 24px;
   --dls-shell-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
   --dls-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
+  --project-dialog-accent: #1fbac0;
+  --project-dialog-accent-strong: #087b82;
+  --project-dialog-notice: #f4f4ee;
+  --project-dialog-option-border: #e7e7e8;
   --background: var(--slate-1);
   --foreground: var(--slate-12);
   --card: var(--slate-1);
@@ -283,6 +287,22 @@ body {
   -moz-osx-font-smoothing: auto;
 }
 
+html:lang(zh) .settings-description {
+  font-weight: 500;
+}
+
+[data-settings-shell] :where(
+  button:not([role="switch"]):not([role="checkbox"]):not([role="radio"]),
+  [role="button"]:not([role="switch"]):not([role="checkbox"]):not([role="radio"]),
+  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
+  textarea,
+  select,
+  [role="combobox"],
+  [data-slot="table-container"]
+) {
+  border-radius: 8px !important;
+}
+
 *::-webkit-scrollbar {
   width: 10px;
   height: 10px;
@@ -435,10 +455,9 @@ body {
 .ow-input {
   appearance: none;
   width: 100%;
-  border: 0;
+  border: 1px solid var(--slate-6);
   border-radius: 0.9rem;
   background: var(--slate-1);
-  box-shadow: inset 0 0 0 1px var(--slate-6);
   color: var(--dls-text-primary);
 }
 
@@ -447,8 +466,8 @@ body {
 }
 
 .ow-input:focus {
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(var(--dls-accent-rgb), 0.28), 0 0 0 3px rgba(var(--dls-accent-rgb), 0.08);
+  border-color: rgba(var(--dls-accent-rgb), 0.28);
+  outline: 3px solid rgba(var(--dls-accent-rgb), 0.08);
 }
 
 /* Global clickable elements pointer */
@@ -557,6 +576,10 @@ select:disabled {
 
 .dark,
 [data-theme="dark"] {
+  --project-dialog-accent: #1fbac0;
+  --project-dialog-accent-strong: #a9e7ea;
+  --project-dialog-notice: var(--slate-3);
+  --project-dialog-option-border: var(--slate-6);
   --background: var(--slate-1);
   --foreground: var(--slate-12);
   --card: var(--slate-2);