cleanup old colors to use ds ones

Author: pettinarip

src/components/AssetDownload/AssetDownloadArtist.tsx

@@ -18,13 +18,8 @@ const AssetDownloadArtist = ({
 }: AssetDownloadArtistProps) => {
   const { t } = useTranslation("page-assets")
   return (
-    <Flex
-      className={cn(
-        "mb-4 border border-t-0 border-[#e5e5e5]",
-        "rounded-b-[4px] px-4 py-2"
-      )}
-    >
-      <Flex className="me-2 text-md text-text-300">
+    <Flex className={cn("mb-4 border border-t-0", "rounded-b px-4 py-2")}>
+      <Flex className="me-2">
         <Emoji text=":artist_palette:" className="me-2 text-2xl" />
         {t("page-assets-download-artist")}
       </Flex>

src/components/AssetDownload/AssetDownloadImage.tsx

@@ -9,7 +9,7 @@ interface AssetDownloadImageProps {
 }
 
 const AssetDownloadImage = ({ image, alt }: AssetDownloadImageProps) => (
-  <Center className="w-full border border-[#e5e5e5] p-8">
+  <Center className="w-full border p-8">
     <TwImage src={image} alt={alt} className="w-full self-center" />
   </Center>
 )

src/components/AssetDownload/index.tsx

@@ -20,7 +20,7 @@ type AssetDownloadProps = {
   artistUrl?: string
   image: ImageProps["src"]
   svgUrl?: string
-} & BaseHTMLAttributes<HTMLDivElement> & { asChild?: boolean }
+} & BaseHTMLAttributes<HTMLDivElement>
 
 const AssetDownload = ({
   alt,

src/styles/global.css

@@ -43,7 +43,6 @@
       rgba(145, 234, 228, 0.2) 100%
     );
     --search-background: var(--background);
-    --text-300: #4c4c4c;
   }
 
   [data-theme="dark"] {
@@ -72,7 +71,6 @@
       rgba(134, 253, 232, 0.08) 100%
     );
     --search-background: #4c4c4c;
-    --text-300: #cccccc;
   }
 }
 

tailwind.config.ts

@@ -202,7 +202,6 @@ const config = {
         "tooltip-shadow": "var(--tooltip-shadow)",
         "hub-hero-content": "var(--hub-hero-content)",
         "search-background": "var(--search-background)",
-        "text-300": "var(--text-300)",
       },
 
       backgroundImage: {