aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/app/components
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/app/components')
-rw-r--r--frontend/app/components/BorderedContainer.test.tsx2
-rw-r--r--frontend/app/components/BorderedContainer.tsx2
-rw-r--r--frontend/app/components/Gaming/CodeBlock.tsx2
-rw-r--r--frontend/app/components/Gaming/ExecStatusIndicatorIcon.tsx2
-rw-r--r--frontend/app/components/Gaming/RankingTable.tsx2
-rw-r--r--frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx4
-rw-r--r--frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx2
-rw-r--r--frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx2
-rw-r--r--frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx4
-rw-r--r--frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx2
-rw-r--r--frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx2
-rw-r--r--frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx2
-rw-r--r--frontend/app/components/GolfWatchApps/GolfWatchAppWaitingMultiplayer.tsx2
-rw-r--r--frontend/app/components/InputText.test.tsx2
-rw-r--r--frontend/app/components/InputText.tsx2
-rw-r--r--frontend/app/components/NavigateLink.tsx2
-rw-r--r--frontend/app/components/SubmitButton.test.tsx4
-rw-r--r--frontend/app/components/SubmitButton.tsx2
18 files changed, 21 insertions, 21 deletions
diff --git a/frontend/app/components/BorderedContainer.test.tsx b/frontend/app/components/BorderedContainer.test.tsx
index 2d1b663..22a0aec 100644
--- a/frontend/app/components/BorderedContainer.test.tsx
+++ b/frontend/app/components/BorderedContainer.test.tsx
@@ -27,7 +27,7 @@ describe("BorderedContainer", () => {
render(<BorderedContainer>Styled</BorderedContainer>);
const container = screen.getByText("Styled").closest("div");
expect(container?.className).toContain("border-2");
- expect(container?.className).toContain("border-blue-600");
+ expect(container?.className).toContain("border-brand-600");
expect(container?.className).toContain("rounded-xl");
});
});
diff --git a/frontend/app/components/BorderedContainer.tsx b/frontend/app/components/BorderedContainer.tsx
index d9b2fe8..a1bff35 100644
--- a/frontend/app/components/BorderedContainer.tsx
+++ b/frontend/app/components/BorderedContainer.tsx
@@ -8,7 +8,7 @@ type Props = {
export default function BorderedContainer({ children, className }: Props) {
return (
<div
- className={`bg-white border-2 border-blue-600 rounded-xl p-4 ${className}`}
+ className={`bg-white border-2 border-brand-600 rounded-xl p-4 ${className}`}
>
{children}
</div>
diff --git a/frontend/app/components/Gaming/CodeBlock.tsx b/frontend/app/components/Gaming/CodeBlock.tsx
index f1516ed..2b330dd 100644
--- a/frontend/app/components/Gaming/CodeBlock.tsx
+++ b/frontend/app/components/Gaming/CodeBlock.tsx
@@ -33,7 +33,7 @@ export default function CodeBlock({ code, language }: Props) {
>
<FontAwesomeIcon icon={faCopy} className="text-gray-600" />
{showCopied && (
- <span className="ml-1 text-xs text-blue-600">Copied!</span>
+ <span className="ml-1 text-xs text-brand-600">Copied!</span>
)}
</button>
)}
diff --git a/frontend/app/components/Gaming/ExecStatusIndicatorIcon.tsx b/frontend/app/components/Gaming/ExecStatusIndicatorIcon.tsx
index 44d28ad..e4260ec 100644
--- a/frontend/app/components/Gaming/ExecStatusIndicatorIcon.tsx
+++ b/frontend/app/components/Gaming/ExecStatusIndicatorIcon.tsx
@@ -31,7 +31,7 @@ export default function ExecStatusIndicatorIcon({ status }: Props) {
<FontAwesomeIcon
icon={faCircleCheck}
fixedWidth
- className="text-sky-500"
+ className="text-brand-500"
/>
);
default:
diff --git a/frontend/app/components/Gaming/RankingTable.tsx b/frontend/app/components/Gaming/RankingTable.tsx
index 7359d40..4bfdad3 100644
--- a/frontend/app/components/Gaming/RankingTable.tsx
+++ b/frontend/app/components/Gaming/RankingTable.tsx
@@ -38,7 +38,7 @@ export default function RankingTable({ problemLanguage }: Props) {
const ranking = useAtomValue(rankingAtom);
return (
- <div className="overflow-x-auto border-2 border-blue-600 rounded-xl">
+ <div className="overflow-x-auto border-2 border-brand-600 rounded-xl">
<table className="min-w-full divide-y divide-gray-400 border-collapse">
<thead className="bg-gray-50">
<tr>
diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
index 025e676..7d81c82 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
@@ -67,7 +67,7 @@ export default function GolfPlayAppGaming({
return (
<div className="min-h-screen bg-gray-100 flex flex-col">
- <div className="text-white bg-sky-600 flex flex-row justify-between px-4 py-2">
+ <div className="text-white bg-brand-600 flex flex-row justify-between px-4 py-2">
<div className="font-bold">
<div className="text-gray-100">{gameDisplayName}</div>
{isFinished ? (
@@ -122,7 +122,7 @@ export default function GolfPlayAppGaming({
</BorderedContainer>
</TitledColumn>
<TitledColumn title="ĉċ‡şçµĉžœ">
- <div className="overflow-hidden border-2 border-blue-600 rounded-xl">
+ <div className="overflow-hidden border-2 border-brand-600 rounded-xl">
<table className="min-w-full divide-y divide-gray-400 border-collapse">
<thead className="bg-gray-50">
<tr>
diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx
index 07b93d6..b3378fc 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx
@@ -10,7 +10,7 @@ export default function GolfPlayAppStarting({ gameDisplayName }: Props) {
return (
<div className="min-h-screen bg-gray-100 flex flex-col">
- <div className="text-white bg-sky-600 p-10 text-center">
+ <div className="text-white bg-brand-600 p-10 text-center">
<div className="text-4xl font-bold">{gameDisplayName}</div>
</div>
<div className="text-center text-black font-black text-10xl">
diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx
index 303b4a8..1341073 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx
@@ -12,7 +12,7 @@ export default function GolfPlayAppWaiting({
}: Props) {
return (
<div className="min-h-screen bg-gray-100 flex flex-col font-bold text-center">
- <div className="text-white bg-sky-600 p-10">
+ <div className="text-white bg-brand-600 p-10">
<div className="text-4xl">{gameDisplayName}</div>
</div>
<div className="grow grid mx-auto text-black">
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
index 4a9cf92..3d2784e 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
@@ -64,8 +64,8 @@ export default function GolfWatchAppGaming1v1({
? "bg-orange-400"
: gameResultKind === "winB"
? "bg-purple-400"
- : "bg-sky-600"
- : "bg-sky-600";
+ : "bg-brand-600"
+ : "bg-brand-600";
return (
<div className="min-h-screen bg-gray-100 flex flex-col">
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
index 22c6df2..320709b 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
@@ -26,7 +26,7 @@ export default function GolfWatchAppGamingMultiplayer({
return (
<div className="min-h-screen bg-gray-100 flex flex-col">
- <div className="text-white bg-sky-600 grid grid-cols-3 px-4 py-2">
+ <div className="text-white bg-brand-600 grid grid-cols-3 px-4 py-2">
<div className="font-bold flex justify-between my-auto"></div>
<div className="font-bold text-center">
<div className="text-gray-100">{gameDisplayName}</div>
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
index 82e5334..d9e004e 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
@@ -10,7 +10,7 @@ export default function GolfWatchAppStarting({ gameDisplayName }: Props) {
return (
<div className="min-h-screen bg-gray-100 flex flex-col">
- <div className="text-white bg-sky-600 p-10 text-center">
+ <div className="text-white bg-brand-600 p-10 text-center">
<div className="text-4xl font-bold">{gameDisplayName}</div>
</div>
<div className="text-center text-black font-black text-10xl">
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx
index ae88295..c7db3a7 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx
@@ -14,7 +14,7 @@ export default function GolfWatchAppWaiting1v1({
}: Props) {
return (
<div className="min-h-screen bg-gray-100 flex flex-col font-bold text-center">
- <div className="text-white bg-sky-600 p-10">
+ <div className="text-white bg-brand-600 p-10">
<div className="text-4xl">{gameDisplayName}</div>
</div>
<div className="grow grid grid-cols-3 gap-10 mx-auto text-black">
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppWaitingMultiplayer.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppWaitingMultiplayer.tsx
index 13bcc10..72757f3 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppWaitingMultiplayer.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppWaitingMultiplayer.tsx
@@ -7,7 +7,7 @@ export default function GolfWatchAppWaitingMultiplayer({
}: Props) {
return (
<div className="min-h-screen bg-gray-100 flex flex-col font-bold text-center">
- <div className="text-white bg-sky-600 p-10">
+ <div className="text-white bg-brand-600 p-10">
<div className="text-4xl">{gameDisplayName}</div>
</div>
</div>
diff --git a/frontend/app/components/InputText.test.tsx b/frontend/app/components/InputText.test.tsx
index 2072b37..6fbdd27 100644
--- a/frontend/app/components/InputText.test.tsx
+++ b/frontend/app/components/InputText.test.tsx
@@ -31,6 +31,6 @@ describe("InputText", () => {
test("has border styling", () => {
render(<InputText data-testid="input" />);
const input = screen.getByTestId("input");
- expect(input.className).toContain("border-sky-600");
+ expect(input.className).toContain("border-brand-600");
});
});
diff --git a/frontend/app/components/InputText.tsx b/frontend/app/components/InputText.tsx
index 6bcceb7..9b57a74 100644
--- a/frontend/app/components/InputText.tsx
+++ b/frontend/app/components/InputText.tsx
@@ -6,7 +6,7 @@ export default function InputText(props: InputProps) {
return (
<input
{...props}
- className="p-2 block w-full border border-sky-600 rounded-md transition duration-300 focus:ring-3 focus:ring-sky-400 focus:outline-hidden"
+ className="p-2 block w-full border border-brand-600 rounded-md transition duration-300 focus:ring-3 focus:ring-brand-400 focus:outline-hidden"
/>
);
}
diff --git a/frontend/app/components/NavigateLink.tsx b/frontend/app/components/NavigateLink.tsx
index 16c7858..8741121 100644
--- a/frontend/app/components/NavigateLink.tsx
+++ b/frontend/app/components/NavigateLink.tsx
@@ -10,7 +10,7 @@ export default function NavigateLink({
return (
<Link
to={to}
- className="text-lg text-white bg-sky-600 px-4 py-2 border-2 border-sky-50 rounded-sm transition duration-300 hover:bg-sky-500 focus:ring-3 focus:ring-sky-400 focus:outline-hidden"
+ className="text-lg text-white bg-brand-600 px-4 py-2 border-2 border-brand-50 rounded-sm transition duration-300 hover:bg-brand-500 focus:ring-3 focus:ring-brand-400 focus:outline-hidden"
>
{children}
</Link>
diff --git a/frontend/app/components/SubmitButton.test.tsx b/frontend/app/components/SubmitButton.test.tsx
index ebf3416..9a8085e 100644
--- a/frontend/app/components/SubmitButton.test.tsx
+++ b/frontend/app/components/SubmitButton.test.tsx
@@ -33,9 +33,9 @@ describe("SubmitButton", () => {
expect(button.disabled).toBe(false);
});
- test("has sky-600 background styling", () => {
+ test("has brand-600 background styling", () => {
render(<SubmitButton>Submit</SubmitButton>);
const button = screen.getByText("Submit");
- expect(button.className).toContain("bg-sky-600");
+ expect(button.className).toContain("bg-brand-600");
});
});
diff --git a/frontend/app/components/SubmitButton.tsx b/frontend/app/components/SubmitButton.tsx
index 2d5c9d1..916c20f 100644
--- a/frontend/app/components/SubmitButton.tsx
+++ b/frontend/app/components/SubmitButton.tsx
@@ -6,7 +6,7 @@ export default function SubmitButton(props: ButtonProps) {
return (
<button
{...props}
- className="text-lg text-white px-4 py-2 bg-sky-600 disabled:bg-gray-400 disabled:cursor-not-allowed rounded-sm transition duration-300 hover:bg-sky-500 focus:ring-3 focus:ring-sky-400 focus:outline-hidden"
+ className="text-lg text-white px-4 py-2 bg-brand-600 disabled:bg-gray-400 disabled:cursor-not-allowed rounded-sm transition duration-300 hover:bg-brand-500 focus:ring-3 focus:ring-brand-400 focus:outline-hidden"
/>
);
}
generated by cgit v1.3.1 (git 2.54.0) at 2026-06-03 18:55:01 +0000