melabidi/carmanagement
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add images and redesign hompeage into sections, fix the dark color
Build & Deploy / Build & Push Docker Image (push) Failing after 48s
Details
Build & Deploy / Deploy to VPS (push) Has been skipped
Details
Test / API Unit Tests (push) Failing after 5m2s
Details
Test / Marketplace Unit Tests (push) Failing after 4m55s
Details
Test / Admin Unit Tests (push) Successful in 9m37s
Details
Test / Dashboard Unit Tests (push) Successful in 9m37s
Details
Test / API Integration Tests (push) Successful in 9m54s
Details

Browse Source
This commit is contained in:
root
2026-06-26 21:01:02 -04:00
parent d7fb7b7a7b
commit 35172ab46b
102 changed files with 1106 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/homepage/src/styles/component-tokens.css
+9 -9
View File
@@ -70,7 +70,7 @@
}
html[data-theme='dark'] {
--text-subdued: var(--color-gray-300);
--text-subdued: #a8a29e;
--status-success-surface: color-mix(in srgb, var(--color-green-700) 24%, var(--color-navy-900));
--status-success-text: var(--color-green-100);
--status-warning-surface: color-mix(in srgb, var(--color-amber-800) 30%, var(--color-navy-900));
@@ -92,18 +92,18 @@ html[data-theme='dark'] {
--surface-elevated: var(--color-navy-850);
--surface-muted: var(--color-navy-900);
--surface-strong: var(--color-navy-800);
--text-primary: var(--color-blue-50);
--text-secondary: var(--color-gray-300);
--text-subdued: var(--color-gray-300);
--text-primary: #f5f5f4;
--text-secondary: #d6d3d1;
--text-subdued: #a8a29e;
--text-inverse: var(--color-navy-950);
--border-standard: var(--color-navy-800);
--border-strong: var(--color-gray-600);
--interactive-primary: var(--color-blue-200);
--interactive-primary-hover: var(--color-blue-100);
--border-strong: #1d4ed8;
--interactive-primary: var(--color-action-primary);
--interactive-primary-hover: var(--color-action-primary-hover);
--interactive-conversion: var(--color-orange-400);
--interactive-conversion-hover: var(--color-orange-100);
--link-default: var(--color-blue-200);
--link-hover: var(--color-blue-100);
--link-default: var(--color-action-primary);
--link-hover: var(--color-action-primary-hover);
--focus-ring: var(--color-orange-400);
--status-success-surface: color-mix(in srgb, var(--color-green-700) 24%, var(--color-navy-900));
--status-success-text: var(--color-green-100);
apps/homepage/src/styles/tokens.css
+16 -16
View File
@@ -10,11 +10,11 @@
--color-orange-400: #fb923c;
--color-orange-600: #ea580c;
--color-orange-700: #c2410c;
--color-navy-950: #081426;
--color-navy-900: #0d1b2e;
--color-navy-850: #11233b;
--color-navy-800: #162b46;
--color-gray-25: #fbfdff;
--color-navy-950: #172554;
--color-navy-900: #1b3268;
--color-navy-850: #1e3a8a;
--color-navy-800: #1e40af;
--color-gray-25: #fafafa;
--color-gray-50: #f7f9fc;
--color-gray-100: #eef2f7;
--color-gray-200: #dbe3ed;
@@ -77,8 +77,8 @@ html[data-theme='light'] {
--color-canvas: var(--color-gray-25);
--color-surface: #ffffff;
--color-surface-raised: #ffffff;
--color-surface-muted: #f2f6fb;
--color-surface-strong: #e8f0fa;
--color-surface-muted: #f4f4f5;
--color-surface-strong: #e8e8e8;
--color-text: #102035;
--color-text-muted: #52647a;
--color-border: #d8e2ee;
@@ -98,19 +98,19 @@ html[data-theme='dark'] {
--color-canvas: var(--color-navy-950);
--color-surface: var(--color-navy-900);
--color-surface-raised: var(--color-navy-850);
--color-surface-muted: #0b1a2d;
--color-surface-strong: #172d48;
--color-text: #eef5ff;
--color-text-muted: #adbed2;
--color-border: #263c56;
--color-border-strong: #3a536e;
--color-action-primary: #76a9ff;
--color-action-primary-hover: #9bc2ff;
--color-surface-muted: #15214a;
--color-surface-strong: var(--color-navy-800);
--color-text: #f5f5f4;
--color-text-muted: #d6d3d1;
--color-border: var(--color-navy-800);
--color-border-strong: #1d4ed8;
--color-action-primary: #2e50f1;
--color-action-primary-hover: #1e3de0;
--color-action-conversion: var(--color-orange-400);
--color-action-conversion-hover: #fdba74;
--color-focus: var(--color-orange-400);
--color-on-inverse: var(--color-navy-950);
--color-soft-blue: #10284a;
--color-soft-blue: var(--color-navy-850);
--color-soft-orange: #3a2015;
--shadow-color: rgba(0, 0, 0, 0.36);
color-scheme: dark;