mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-05-09 23:54:57 -04:00
Code Issues Packages Projects Releases Wiki Activity

Update component color styles for improved consistency

Browse Source
This commit is contained in:
MartinBraquet
2026-04-30 18:30:43 +02:00
parent 058dab373b
commit b4e354f9d9
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/home/home.tsx
View File

@@ -91,7 +91,7 @@ function SocialProof({label}: {label: React.ReactNode}) {
function QuoteBlock({children}: {children: React.ReactNode}) {
return (
<div className="relative bg-canvas-50 border-[1.5px] border-canvas-200 rounded-2xl px-10 py-9 text-center max-w-2xl mx-auto mb-14">
<span className="absolute top-5 left-8 text-6xl text-primary-700 font-serif leading-none select-none">
<span className="absolute top-3 left-8 text-6xl text-primary-700 font-serif leading-none select-none">
"
</span>
<p className="relative z-10 text-base text-primary-700 italic leading-relaxed">{children}</p>
@@ -109,10 +109,10 @@ function OpenSourceStrip({
badges: {label: string; url: string; primary?: boolean}[]
}) {
return (
<div className="w-full max-w-4xl bg-canvas-950 rounded-2xl px-10 py-8 flex items-center justify-between gap-6 flex-wrap">
<div className="w-full max-w-4xl bg-canvas-950 dark:bg-[#F7F4EF] rounded-2xl px-10 py-8 flex items-center justify-between gap-6 flex-wrap">
<div>
<h3 className="text-white text-xl font-bold mb-1.5">{title}</h3>
<p className="text-white/55 text-sm leading-relaxed">{description}</p>
<h3 className="text-ink-100 text-xl font-bold mb-1.5">{title}</h3>
<p className="text-ink-100/55 text-sm leading-relaxed">{description}</p>
</div>
<div className="flex gap-2 flex-wrap flex-shrink-0">
{badges.map((b) => (
@@ -124,7 +124,7 @@ function OpenSourceStrip({
${
b.primary
? 'bg-primary-500 text-white border-[#C17F3E] hover:bg-primary-600'
: 'bg-white/5 text-white/75 border-[rgba(255,255,255,0.12)] hover:bg-white/15 hover:text-white/75'
: 'bg-primary-500/30 text-ink-100/75 border-primary-500/30 hover:bg-primary-500/50 hover:text-ink-100/75'
}
`}
>

2
web/components/nav/bottom-nav-bar.tsx
View File

@@ -282,7 +282,7 @@ export function MobileSidebar(props: {
leaveFrom="translate-x-0"
leaveTo="-translate-x-full"
>
<div className="bg-canvas-25 relative flex w-full max-w-[200px] flex-1 flex-col">
<div className="bg-canvas-950 relative flex w-full max-w-[200px] flex-1 flex-col">
<div className="mx-2 h-0 flex-1 overflow-y-auto">
<Sidebar navigationOptions={sidebarNavigationOptions} isMobile />
</div>