refactor: remove gh/GitHub references from tokens, classes, and component names

Rename all --color-gh-* CSS tokens to --color-*, update Tailwind class names
(bg-gh-*, text-gh-*, border-gh-*, etc.) across all TSX/TS files, rename
GhButton component and file to Button, and remove trivial descriptive comments.
This commit is contained in:
2026-03-21 22:11:13 +01:00
parent 3c643d5dcc
commit 71fa228013
31 changed files with 308 additions and 372 deletions

View File

@@ -1,35 +1,35 @@
@import "tailwindcss";
@theme {
--color-gh-base: #0d1117;
--color-gh-canvas: #161b22;
--color-gh-overlay: #21262d;
--color-gh-sidebar: #010409;
--color-gh-border: #30363d;
--color-gh-border-muted: #21262d;
--color-gh-hover: #1c2128;
--color-gh-primary: #e6edf3;
--color-gh-secondary: #c9d1d9;
--color-gh-muted: #8b949e;
--color-gh-subtle: #6e7681;
--color-gh-blue: #58a6ff;
--color-gh-blue-bg: #1f6feb33;
--color-gh-green: #3fb950;
--color-gh-green-bg: #3fb95022;
--color-gh-yellow: #d29922;
--color-gh-yellow-bg: #d2992220;
--color-gh-red: #f85149;
--color-gh-red-bg: #f8514920;
--color-gh-orange: #f78166;
--color-gh-btn-green: #238636;
--color-gh-btn-green-hover: #2ea043;
--color-base: #0d1117;
--color-canvas: #161b22;
--color-overlay: #21262d;
--color-sidebar: #010409;
--color-border: #30363d;
--color-border-muted: #21262d;
--color-hover: #1c2128;
--color-primary: #e6edf3;
--color-secondary: #c9d1d9;
--color-muted: #8b949e;
--color-subtle: #6e7681;
--color-blue: #58a6ff;
--color-blue-bg: #1f6feb33;
--color-green: #3fb950;
--color-green-bg: #3fb95022;
--color-yellow: #d29922;
--color-yellow-bg: #d2992220;
--color-red: #f85149;
--color-red-bg: #f8514920;
--color-orange: #f78166;
--color-btn-green: #238636;
--color-btn-green-hover: #2ea043;
}
@layer components {
.form-input {
@apply block w-full rounded-md border border-gh-border bg-gh-overlay px-3 py-2 text-sm text-gh-primary placeholder-gh-subtle focus:border-gh-blue focus:outline-none focus:ring-1 focus:ring-gh-blue;
@apply block w-full rounded-md border border-border bg-overlay px-3 py-2 text-sm text-primary placeholder-subtle focus:border-blue focus:outline-none focus:ring-1 focus:ring-blue;
}
.form-select {
@apply block w-full rounded-md border border-gh-border bg-gh-overlay px-3 py-2 text-sm text-gh-primary focus:border-gh-blue focus:outline-none focus:ring-1 focus:ring-gh-blue;
@apply block w-full rounded-md border border-border bg-overlay px-3 py-2 text-sm text-primary focus:border-blue focus:outline-none focus:ring-1 focus:ring-blue;
}
}