Update tools

Author: Magicherry

src/components/About/Toolstack.js

@@ -2,12 +2,18 @@ import React from "react";
 import { Col, Row } from "react-bootstrap";
 
 const toolStackIcons = [
-    { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/windows11/windows11-original.svg" alt="Windows" style={{ width: "1em", height: "1em", filter: "brightness(1.5) contrast(1.2)" }} />, name: "Windows", link: "https://www.microsoft.com/en-us/windows" },
+    { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/windows11/windows11-original.svg" alt="Windows" className="tech-icon-windows" style={{ width: "1em", height: "1em" }} />, name: "Windows", link: "https://www.microsoft.com/en-us/windows" },
     { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/apple/apple-original.svg" alt="macOS" style={{ width: "1em", height: "1em" }} className="theme-invert" />, name: "macOS", link: "https://www.apple.com/macos/" },
     { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg" alt="Linux" style={{ width: "1em", height: "1em" }} />, name: "Linux", link: "https://ubuntu.com/desktop/" },
     { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/jupyter/jupyter-original.svg" alt="Jupyter" style={{ width: "1em", height: "1em" }} />, name: "Jupyter", link: "https://jupyter.org/" },
     { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg" alt="VS Code" style={{ width: "1em", height: "1em" }} />, name: "Visual Studio Code", link: "https://code.visualstudio.com/" },
     { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/jetbrains/jetbrains-original.svg" alt="JetBrains" style={{ width: "1em", height: "1em" }} />, name: "JetBrains", link: "https://www.jetbrains.com/" },
+    { icon: <img src="https://cdn.simpleicons.org/claude/CC785C" alt="Claude Code" style={{ width: "1em", height: "1em" }} />, name: "Claude Code", link: "https://www.anthropic.com/claude-code" },
+    { icon: <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/openai.svg" alt="Codex" style={{ width: "1em", height: "1em" }} />, name: "Codex", link: "https://developers.openai.com/codex" },
+    { icon: <img src="https://www.zerotier.com/wp-content/uploads/2024/10/icon.svg" alt="ZeroTier" style={{ width: "1em", height: "1em" }} />, name: "ZeroTier", link: "https://www.zerotier.com/" },
+    { icon: <img src="https://tailscale.com/favicon.svg" alt="Tailscale" style={{ width: "1em", height: "1em" }} />, name: "Tailscale", link: "https://tailscale.com/" },
+    { icon: <img src="https://cdn.jsdelivr.net/gh/jellyfin/jellyfin-ux@master/branding/SVG/icon-transparent.svg" alt="Jellyfin" style={{ width: "1em", height: "1em" }} />, name: "Jellyfin", link: "https://jellyfin.org/" },
+    { icon: <img src="https://play-lh.googleusercontent.com/x2eHcquFzIsSuhwXmbvD_xouXUxMkAfdak0z8zayXU_OzC9yYxBdbur3nE_kE4kazg" alt="Emby" style={{ width: "1em", height: "1em", objectFit: "contain" }} />, name: "Emby", link: "https://emby.media/" },
 ];
 
 function Toolstack() {

src/css/style.css

@@ -2864,6 +2864,11 @@ body.homepage .home-about-section {
     filter: brightness(2.5) contrast(1.1);
 }
 
+/* windows11-original: default colors in light mode; boost slightly on dark cards */
+[data-theme="dark"] .tech-icons__icon img.tech-icon-windows {
+    filter: brightness(1.5) contrast(1.2);
+}
+
 .tech-icons__name {
     font-size: 1.05rem;
     font-weight: 600;