mregosar/place_maxlan
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Add the official r/place color palette for pixel art creation

Browse Source 
Update the client-side color palette component and configuration file to include the 32 official colors from r/place, adjusting grid layout and selected color defaults.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0385ea33-cde8-4bbd-8fce-8d192d30eb41
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/870d08ce-da3b-4822-9874-c2fe2b7628b1/0385ea33-cde8-4bbd-8fce-8d192d30eb41/cRSBTLz
This commit is contained in:
freesemar93
2025-08-18 12:23:36 +00:00
parent 59eb9e4040
commit a97355ee03
3 changed files with 38 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/color-palette.tsx
View File

@@ -37,14 +37,14 @@ export function ColorPalette({
</div>
</div>
{/* Color Grid */}
<div className="grid grid-cols-8 gap-2 mb-4">
{/* Color Grid - 8x4 layout for 32 colors */}
<div className="grid grid-cols-8 gap-1 mb-4">
{COLORS.map((color) => (
<button
key={color}
className={cn(
"w-8 h-8 rounded hover:scale-110 transition-transform border-2",
selectedColor === color ? "border-white" : "border-transparent hover:border-white"
"w-7 h-7 rounded hover:scale-110 transition-transform border-2",
selectedColor === color ? "border-white border-2" : "border-gray-600 hover:border-white"
)}
style={{ backgroundColor: color }}
onClick={() => onColorSelect(color)}