fix: adding color as library

src/renderer/src/pages/downloads/downloads.css.ts

@@ -2,12 +2,18 @@ import { SPACING_UNIT, vars } from "../../theme.css";
 import { style } from "@vanilla-extract/css";
 import { recipe } from "@vanilla-extract/recipes";
 
+export const downloadTitleWrapper = style({
+  display: "flex",
+  alignItems: "center",
+  marginBottom: `${SPACING_UNIT}px`,
+  gap: `${SPACING_UNIT}px`,
+});
+
 export const downloadTitle = style({
   fontWeight: "bold",
   cursor: "pointer",
   color: vars.color.bodyText,
   textAlign: "left",
-  marginBottom: `${SPACING_UNIT}px`,
   fontSize: "16px",
   display: "block",
   ":hover": {
@@ -15,6 +21,16 @@ export const downloadTitle = style({
   },
 });
 
+export const downloaderName = style({
+  color: "#c0c1c7",
+  fontSize: "10px",
+  padding: `${SPACING_UNIT / 2}px ${SPACING_UNIT}px`,
+  border: "solid 1px #c0c1c7",
+  borderRadius: "4px",
+  display: "flex",
+  alignItems: "center",
+});
+
 export const downloads = style({
   width: "100%",
   gap: `${SPACING_UNIT * 2}px`,