feat(projects): update tech-icons colors and add Bun icon

mateusfg7 · Mar 27, 2024 · 09506e9 · 09506e9
1 parent 9e8db65
commit 09506e9
Showing 1 changed file with 27 additions and 17 deletions.
diff --git a/src/app/projects/_components/tech-icons.tsx b/src/app/projects/_components/tech-icons.tsx
@@ -15,38 +15,48 @@ import {
   SiPostgresql,
   SiPython,
   SiSvelte,
-  SiRust
+  SiRust,
+  SiBun
 } from 'react-icons/si'
 
 export const techIcons = {
   javascript: () => (
-    <SiJavascript className="hover:text-[#F7DF1E]" title="Javascript" />
+    <SiJavascript className="bg-black text-[#F7DF1E]" title="Javascript" />
   ),
   typescript: () => (
-    <SiTypescript className="hover:text-[#358EF1]" title="Typescript" />
+    <SiTypescript className="bg-white text-[#358EF1]" title="Typescript" />
   ),
   'react-native': () => (
-    <SiReact className="hover:text-[#61DBFB]" title="React Native" />
+    <SiReact className="text-[#61DBFB]" title="React Native" />
   ),
   expo: () => <SiExpo title="Expo" />,
-  reactjs: () => <SiReact className="hover:text-[#61DBFB]" title="React.js" />,
+  reactjs: () => <SiReact className="text-[#61DBFB]" title="React.js" />,
   nextjs: () => <SiNextdotjs title="Next.js" />,
   tailwindcss: () => (
-    <SiTailwindcss className="hover:text-[#38BDF8]" title="Tailwind CSS" />
+    <SiTailwindcss className="text-[#38BDF8]" title="Tailwind CSS" />
   ),
-  vite: () => <SiVite className="hover:text-[#FFC119]" title="Vite" />,
-  nodejs: () => (
-    <SiNodedotjs className="hover:text-[#66CC33]" title="Node.js" />
+  vite: () => <SiVite className="text-[#FFC119]" title="Vite" />,
+  nodejs: () => <SiNodedotjs className="text-[#66CC33]" title="Node.js" />,
+  prisma: () => <SiPrisma className="text-[#4C51BF]" title="Prisma" />,
+  vue: () => <SiVuedotjs className="text-[#4FC08D]" title="Vue.js" />,
+  svelte: () => <SiSvelte className="text-[#FF3E00]" title="Svelte" />,
+  mdx: () => (
+    <SiMdx className="text-[#1B1F24] dark:text-[rgb(77,81,86)]" title="MDX" />
   ),
-  prisma: () => <SiPrisma className="hover:text-[#4C51BF]" title="Prisma" />,
-  vue: () => <SiVuedotjs className="hover:text-[#4FC08D]" title="Vue.js" />,
-  svelte: () => <SiSvelte className="hover:text-[#FF3E00]" title="Svelte" />,
-  mdx: () => <SiMdx className="hover:text-[#1B1F24]" title="MDX" />,
   deno: () => <SiDeno title="Deno" />,
   postgresql: () => (
-    <SiPostgresql className="hover:text-[#4169E1]" title="PostgreSQL" />
+    <SiPostgresql
+      className="stroke-[#4169E1] stroke-[0.5px] text-[#4169E1]"
+      title="PostgreSQL"
+    />
   ),
-  java: () => <FaJava className="hover:text-[#f89820]" title="Java" />,
-  python: () => <SiPython className="hover:text-[#3776AB]" title="Python" />,
-  rust: () => <SiRust className="hover:text-[#F74C00]" title="Rust" />
+  java: () => <FaJava className="text-[#f89820]" title="Java" />,
+  python: () => <SiPython className="text-[#3776AB]" title="Python" />,
+  rust: () => <SiRust className="text-[#F74C00]" title="Rust" />,
+  bun: () => (
+    <SiBun
+      className="stroke-black/40 stroke-[0.5px] text-[#FBF0DF] shadow-black drop-shadow-md"
+      title="Bun"
+    />
+  )
 }