new css logo

Hatchibombotar · Dec 16, 2024 · 46304ba · 46304ba
1 parent cca43d8
commit 46304ba
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/public/assets/icon/css.svg b/public/assets/icon/css.svg
diff --git a/src/components/SkillIcons.tsx b/src/components/SkillIcons.tsx
@@ -1,8 +1,6 @@
 import { createSignal } from "solid-js";
 import skills from "../data/skills";
 
-
-
 export default function SkillIcons() {
     return <div class="grid xs:grid-cols-2 sm:grid-cols-3">
         {
@@ -25,7 +23,8 @@ export default function SkillIcons() {
                     <div
                         class="transition duration-[0.1s] ease-[cubic-bezier(1,1,0,0)]"
                         classList={{
-                            "grayscale brightness-[0.2]": !lightsOn()
+                            "brightness-[0.2]": !lightsOn() && skill.iconType != "image",
+                            "grayscale": !lightsOn()
                         }}
                     >
                         {skill.iconType == "image" ? (

diff --git a/src/data/skills.ts b/src/data/skills.ts
@@ -11,6 +11,7 @@ import {
 } from "solid-icons/si";
 const SolidIcon = "/assets/icon/solidIcon.svg";
 const MCIcon = "/assets/icon/minecraft.svg";
+const CSSLogo = "/assets/icon/css.svg";
 
 export default [
     {
@@ -45,8 +46,8 @@ export default [
     },
     {
         name: "CSS",
-        icon: SiCss3,
-        colour: "#51A4EE",
+        iconType: "image",
+        icon: CSSLogo,
     },
     {
         name: "Tailwind CSS",