rafraa/TX
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update site colors and add order notification badge

Browse Source 
Updates primary color to navy, adjusts icon tile shadows, and adds a real-time notification badge for incoming orders to the home page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: dde9ba68-1907-4b4b-928d-4ea5bca215a7
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/UggHvbd
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
riyadhafraa
2026-05-05 07:51:36 +00:00
parent 14b4401a55
commit 7b79a32d66
6 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
artifacts/tx-os/src/index.css
+6 -6
View File
@@ -69,7 +69,7 @@
--card-foreground: 222 47% 11%;
--popover: 0 0% 100%;
--popover-foreground: 222 47% 11%;
--primary: 217 91% 60%; /* #3B82F6 */
--primary: 218 70% 15%; /* #0B1E3F */
--primary-foreground: 0 0% 100%;
--secondary: 173 80% 40%; /* teal-500 */
--secondary-foreground: 0 0% 100%;
@@ -81,16 +81,16 @@
--destructive-foreground: 0 0% 100%;
--border: 214 32% 91%; /* #E2E8F0 */
--input: 214 32% 91%;
--ring: 217 91% 60%;
--ring: 218 70% 15%;
--sidebar: 0 0% 100%;
--sidebar-foreground: 222 47% 11%;
--sidebar-border: 214 32% 91%;
--sidebar-primary: 217 91% 60%;
--sidebar-primary: 218 70% 15%;
--sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 210 40% 96%;
--sidebar-accent-foreground: 222 47% 11%;
--sidebar-ring: 217 91% 60%;
--sidebar-ring: 218 70% 15%;
/*
* Site-wide default font. DIN Next LT Arabic ships locally via
@@ -178,12 +178,12 @@
align-items: center;
justify-content: center;
border-radius: 1rem;
box-shadow: 0 6px 18px rgba(59, 130, 246, 0.18);
box-shadow: 0 6px 18px rgba(11, 30, 63, 0.18);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.icon-tile:hover {
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(59, 130, 246, 0.22);
box-shadow: 0 10px 24px rgba(11, 30, 63, 0.22);
}
.icon-tile-blue { background: linear-gradient(135deg, #60A5FA, #3B82F6); }
.icon-tile-purple { background: linear-gradient(135deg, #C084FC, #8B5CF6); }