changed skills colors

jacksteussie · jacksteussie · commit 6344a4df5194 · 2026-02-26T17:10:46.000-08:00
diff --git a/.svelte-kit/generated/server/internal.js b/.svelte-kit/generated/server/internal.js
@@ -24,7 +24,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\t\t<script>\n\t\t\t(function () {\n\t\t\t\tconst theme = localStorage.getItem('theme');\n\t\t\t\tconst isDark =\n\t\t\t\t\ttheme === 'dark' ||\n\t\t\t\t\t(!theme && window.matchMedia('(prefers-color-scheme: dark)').matches);\n\n\t\t\t\tif (isDark) {\n\t\t\t\t\tdocument.documentElement.classList.add('dark');\n\t\t\t\t\tdocument.documentElement.classList.remove('light');\n\t\t\t\t} else {\n\t\t\t\t\tdocument.documentElement.classList.add('light');\n\t\t\t\t\tdocument.documentElement.classList.remove('dark');\n\t\t\t\t}\n\t\t\t})();\n\t\t</script>\n\t\t" + head + "\n\t</head>\n\t<body data-sveltekit-preload-data=\"hover\">\n\t\t<div style=\"display: contents\">" + body + "</div>\n\t</body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "sxe722"
+	version_hash: "mmsmhm"
 };
 
 export async function get_hooks() {
diff --git a/src/app.css b/src/app.css
@@ -98,10 +98,6 @@ body {
     transform: translateY(-4px) scale(1.15);
 }
 
-:root.dark .skill-chip {
-    border-color: rgba(255, 255, 255, 0.05);
-}
-
 .experience-logo, .project-logo-shell {
     background: rgba(255, 255, 255, 0.95);
     border-radius: 0.75rem;
diff --git a/src/routes/resume/+page.svelte b/src/routes/resume/+page.svelte
@@ -355,6 +355,28 @@
 		opacity: 0.85;
 	}
 
+	.skill-chip {
+		display: inline-block;
+		background: var(--color-box);
+		color: var(--color-text-on-box);
+		border: 1px solid rgba(255, 255, 255, 0.1);
+		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+		transition: all 0.3s ease;
+	}
+
+	:global(.dark) .skill-chip {
+		border-color: rgba(255, 255, 255, 0.05);
+		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
+	}
+
+	/* Force visibility for chips inside dark resume-cards */
+	.resume-card .skill-chip {
+		background: var(--color-background) !important;
+		color: var(--color-primary) !important;
+		border: none !important;
+		box-shadow: none !important;
+	}
+
 	.page-header-box {
 		transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
 	}
