font weights

packages/frontend/src/App.css

@@ -49,6 +49,7 @@
 }
 
 :root {
+    --font-weight: 450;
     --radius: 0.625rem;
     --personality: #f26d77;
     --background: oklch(1 0 0);
@@ -85,6 +86,7 @@
 }
 
 .dark {
+    --font-weight: 400;
     --personality: #f26d77;
     --background: oklch(0.145 0 0);
     --foreground: oklch(0.985 0 0);
@@ -135,23 +137,41 @@
 * {
     font-family: "Commit Mono", monospace;
     font-optical-sizing: auto;
-    font-weight: 500;
+    font-weight: var(--font-weight, 400);
     font-style: normal;
     font-variant-ligatures: none;
 }
 
+.font-200 {
+    font-weight: 200;
+}
+.font-250 {
+    font-weight: 250;
+}
 .font-300 {
     font-weight: 300;
 }
+.font-350 {
+    font-weight: 350;
+}
 .font-400 {
     font-weight: 400;
 }
+.font-450 {
+    font-weight: 450;
+}
 .font-500 {
     font-weight: 500;
 }
+.font-550 {
+    font-weight: 550;
+}
 .font-600 {
     font-weight: 600;
 }
+.font-650 {
+    font-weight: 650;
+}
 .font-700 {
     font-weight: 700;
 }

packages/frontend/src/components/issue-detail-pane.tsx

@@ -123,7 +123,7 @@ export function IssueDetailPane({
         <div className="flex flex-col">
             <div className="flex flex-row items-center justify-end border-b h-[25px]">
                 <span className="w-full">
-                    <p className="text-sm w-fit px-1">
+                    <p className="text-sm w-fit px-1 font-700">
                         {issueID(project.Project.key, issueData.Issue.number)}
                     </p>
                 </span>

packages/frontend/src/components/ui/select.tsx

@@ -63,7 +63,7 @@ function SelectTrigger({
             {label && hasValue && (
                 <span
                     className={cn(
-                        "text-muted-foreground bg-background absolute left-0.5 px-1 text-[11px] leading-none",
+                        "text-muted-foreground bg-background absolute left-1 text-[12px] leading-none font-700",
                         labelPosition === "top" ? "-top-1" : "-bottom-1",
                     )}
                 >
@@ -131,7 +131,7 @@ function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select
     return (
         <SelectPrimitive.Label
             data-slot="select-label"
-            className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
+            className={cn("text-muted-foreground px-2 py-1.5 text-xs font-700", className)}
             {...props}
         />
     );