Skip to content

Commit d4f09db

Browse files
apsinghdevapsinghdev
committed
fix: fix coderabit issues
1 parent f3d4e52 commit d4f09db

File tree

6 files changed

+64
-64
lines changed

6 files changed

+64
-64
lines changed

‎apps/web/src/components/legal/LegalCard.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export function LegalCard({
1717
className={cn(
1818
"rounded-lg p-6",
1919
variant === "default"
20-
? "bg-surface-tertiary border border"
20+
? "bg-surface-tertiary border"
2121
: "bg-surface-tertiary border border-brand-purple",
2222
className
2323
)}

‎apps/web/src/components/legal/LegalContent.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@ interface LegalContentProps {
66

77
export function LegalContent({ children }: LegalContentProps) {
88
return (
9-
<div className="space-y-8 text-white leading-relaxed">{children}</div>
9+
<div className="space-y-8 text-text-primary leading-relaxed">
10+
{children}
11+
</div>
1012
);
1113
}
12-

‎apps/web/src/components/legal/LegalFooter.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,10 @@ import React from "react";
22

33
export function LegalFooter() {
44
return (
5-
<div className="mt-16 pt-8 border-t border-light text-center text-light">
5+
<div className="mt-16 pt-8 border-t border-light text-center text-text-light">
66
<p className="text-sm">
77
© {new Date().getFullYear()} Opensox AI. All rights reserved.
88
</p>
99
</div>
1010
);
1111
}
12-

‎apps/web/src/components/legal/LegalPageHeader.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ export function LegalPageHeader({
1515
<>
1616
<h1 className="text-4xl lg:text-6xl font-bold mb-4">{title}</h1>
1717
{(effectiveDate || subtitle) && (
18-
<p className="text-white text-lg mb-12">
18+
<p className="text-text-primary text-lg mb-12">
1919
{effectiveDate
2020
? `Effective date: ${effectiveDate}`
2121
: subtitle}

‎apps/web/src/components/legal/LegalPageLayout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ interface LegalPageLayoutProps {
66

77
export function LegalPageLayout({ children }: LegalPageLayoutProps) {
88
return (
9-
<div className="min-h-screen bg-surface-primary text-white">
9+
<div className="min-h-screen bg-surface-primary text-text-primary">
1010
<div className="max-w-4xl mx-auto px-4 py-16 lg:py-24">{children}</div>
1111
</div>
1212
);

‎apps/web/src/lib/design-tokens.ts‎

Lines changed: 57 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -9,110 +9,110 @@ export const colors = {
99
// Brand Colors - Primary purple for CTAs, highlights, and brand elements
1010
brand: {
1111
purple: {
12-
DEFAULT: " #5519f7", // Primary brand purple
13-
light: " #8a5cf4", // Lighter variant for hover states
14-
dark: " #7A45C3", // Darker variant for depth
12+
DEFAULT: "#5519f7", // Primary brand purple
13+
light: "#8a5cf4", // Lighter variant for hover states
14+
dark: "#7a45c3", // Darker variant for depth
1515
gradient: {
16-
from: " #9455f4",
17-
to: " #7A45C3",
16+
from: "#9455f4",
17+
to: "#7a45c3",
1818
},
1919
// Text gradient (higher contrast)
2020
textGradient: {
21-
from: " #9455f4",
22-
to: " #341e7b",
21+
from: "#9455f4",
22+
to: "#341e7b",
2323
},
2424
// Button specific colors
2525
button: {
2626
gradient: {
27-
from: " #5728f4",
28-
to: " #5100FF",
27+
from: "#5728f4",
28+
to: "#5100ff",
2929
},
30-
border: " #6348fc",
31-
shadow: " #2c04b1",
30+
border: "#6348fc",
31+
shadow: "#2c04b1",
3232
},
3333
// Effects
3434
glow: "rgba(145, 89, 226, 0.5)",
35-
grid: " #3F1FBC", // For flickering grid effect
35+
grid: "#3f1fbc", // For flickering grid effect
3636
},
3737
},
3838

3939
// Background / Surface Colors (Mostly for the landing page)
4040
background: {
41-
primary: " #101010", // Main app background
42-
secondary: " #141414", // Sidebar, secondary surfaces
43-
tertiary: " #1A1A1A", // Content areas, cards
44-
elevated: " #1E1E1E", // Elevated cards, modals
45-
hover: " #15161A", // Hover states for dark surfaces
46-
card: " #111111", // Card backgrounds
41+
primary: "#101010", // Main app background
42+
secondary: "#141414", // Sidebar, secondary surfaces
43+
tertiary: "#1a1a1a", // Content areas, cards
44+
elevated: "#1e1e1e", // Elevated cards, modals
45+
hover: "#15161a", // Hover states for dark surfaces
46+
card: "#111111", // Card backgrounds
4747
},
4848

4949
// Background / Surface Colors (for /dashboard)
5050
backgroundDash: {
51-
base: " #1e1e1e", // Page background (darkest)
52-
surface: " #262626", // Panels, cards, navbars
53-
raised: " #363636", // Buttons, inputs, interactive surfaces
51+
base: "#1e1e1e", // Page background (darkest)
52+
surface: "#262626", // Panels, cards, navbars
53+
raised: "#363636", // Buttons, inputs, interactive surfaces
5454
hover: "rgb(28, 28, 28)", // Hover for raised items
5555
border: "rgb(43, 42, 42)", // Thin dividers, borders
5656
},
5757

5858
// Border Colors
5959
border: {
60-
DEFAULT: " #252525", // Primary border color
61-
light: " #141414", // Lighter borders for nested elements
62-
dark: " #292929", // Darker borders
63-
focus: " #9455f4", // Focus states (brand purple)
64-
github: " #30363d", // GitHub-style borders
60+
DEFAULT: "#252525", // Primary border color
61+
light: "#141414", // Lighter borders for nested elements
62+
dark: "#292929", // Darker borders
63+
focus: "#9455f4", // Focus states (brand purple)
64+
github: "#30363d", // GitHub-style borders
6565
},
6666

6767
// Text Colors
6868
text: {
69-
primary: " #ffffff", // Primary white text
70-
secondary: " #e1e1e1", // Secondary text
71-
tertiary: " #d1d1d1", // Tertiary/muted text
72-
muted: " #a1a1a1", // Very muted text
73-
light: " #363636", // Light gray text for copyright/footer
69+
primary: "#ffffff", // Primary white text
70+
secondary: "#e1e1e1", // Secondary text
71+
tertiary: "#d1d1d1", // Tertiary/muted text
72+
muted: "#a1a1a1", // Very muted text
73+
light: "#363636", // Light gray text for copyright/footer
7474
},
7575

7676
// Link Colors
7777
link: {
78-
DEFAULT: " #60a5fa", // blue-400 - Default link color
79-
hover: " #93c5fd", // blue-300 - Hover state
78+
DEFAULT: "#60a5fa", // blue-400 - Default link color
79+
hover: "#93c5fd", // blue-300 - Hover state
8080
},
8181

8282
// Status Colors
8383
status: {
8484
success: {
85-
bg: " #002d21",
86-
text: " #00bd7c",
87-
border: " #00bd7c",
85+
bg: "#002d21",
86+
text: "#00bd7c",
87+
border: "#00bd7c",
8888
},
8989
error: {
90-
bg: " #2d0000",
91-
text: " #ff4444",
92-
border: " #ff4444",
90+
bg: "#2d0000",
91+
text: "#ff4444",
92+
border: "#ff4444",
9393
},
9494
warning: {
95-
bg: " #2d2400",
96-
text: " #ffcc00",
97-
border: " #ffcc00",
95+
bg: "#2d2400",
96+
text: "#ffcc00",
97+
border: "#ffcc00",
9898
},
9999
info: {
100-
bg: " #00182d",
101-
text: " #4499ff",
102-
border: " #4499ff",
100+
bg: "#00182d",
101+
text: "#4499ff",
102+
border: "#4499ff",
103103
},
104104
},
105105

106106
// External Brand Colors (GitHub, etc.)
107107
external: {
108108
github: {
109-
bg: " #0d1117",
110-
hover: " #161b22",
111-
border: " #30363d",
109+
bg: "#0d1117",
110+
hover: "#161b22",
111+
border: "#30363d",
112112
},
113113
users: {
114-
from: " #FF6154",
115-
to: " #FF8C00",
114+
from: "#ff6154",
115+
to: "#ff8c00",
116116
},
117117
},
118118
} as const;
@@ -122,24 +122,24 @@ export const colors = {
122122
*/
123123
export const gradients = {
124124
// Brand gradients
125-
purple: "linear-gradient(to bottom, #9455f4, #7A45C3)",
126-
purpleText: "linear-gradient(to bottom, #9455f4, #341e7b)",
127-
purpleButton: "linear-gradient(to bottom, #5728f4, #5100FF)",
125+
purple: "linear-gradient(to bottom,#9455f4,#7a45c3)",
126+
purpleText: "linear-gradient(to bottom,#9455f4,#341e7b)",
127+
purpleButton: "linear-gradient(to bottom,#5728f4,#5100ff)",
128128

129129
// Background gradients
130130
backgroundRadial:
131-
"radial-gradient(circle at center, #101010 30%, transparent 100%)",
132-
backgroundFade: "linear-gradient(to top, #101010, transparent)",
131+
"radial-gradient(circle at center,#101010 30%, transparent 100%)",
132+
backgroundFade: "linear-gradient(to top,#101010, transparent)",
133133

134134
// External
135-
users: "linear-gradient(to bottom right, #FF6154, #FF8C00)",
135+
users: "linear-gradient(to bottom right,#ff6154,#ff8c00)",
136136
} as const;
137137

138138
/**
139139
* Shadows - Box shadow definitions
140140
*/
141141
export const shadows = {
142-
button: "0px -2px 0px 0px #2c04b1 inset",
142+
button: "0px -2px 0px 0px#2c04b1 inset",
143143
card: "0 -20px 90px -20px rgba(255, 255, 255, 0.12) inset",
144144
cardInactive: "0 -30px 80px -20px rgba(255, 255, 255, 0.12) inset",
145145
glow: "0 0 40px rgba(145, 89, 226, 0.5)",

0 commit comments

Comments
 (0)