eigen/trackgo-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

refactor: standardize theme colors, update UI components, and refine auth redirection logic

Browse Source
This commit is contained in:
Firman Ramdhani
2026-07-31 11:54:42 +07:00
parent 2c8c9d22b4
commit 0470101fde
1 changed files with 53 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/theme/tokens/colors.ts
+53 -52
View File
@@ -6,75 +6,76 @@ export const brandColors: MantineColorsTuple = [
'#d0b6f8', // 200
'#b78ff5', // 300
'#9f64f1', // 400
'#7d39ed', // 500 (Primary)
'#652ed9', // 600
'#7d39ed', // 500
'#652ed9', // 600 (Primary)
'#4a23a5', // 700
'#321a7a', // 800
'#1b0f4a', // 900
];
export const errorColors: MantineColorsTuple = [
'#fef3f2', // 0: 50
'#fee4e2', // 1: 100
'#fecdca', // 2: 200
'#fda29b', // 3: 300
'#f97066', // 4: 400
'#f04438', // 5: 500
'#d92d20', // 6: 600 (Primary)
'#b42318', // 7: 700
'#912018', // 8: 800
'#7a271a', // 9: 900
'#fef2f2', // 50
'#fee2e2', // 100
'#fecaca', // 200
'#fca5a5', // 300
'#f87171', // 400
'#ef4444', // 500
'#dc2626', // 600 (Primary)
'#b91c1c', // 700
'#991b1b', // 800
'#7f1d1d', // 900
];
export const warningColors: MantineColorsTuple = [
'#fffdf5', // 0: 50
'#fff9db', // 1: 100
'#fff0b3', // 2: 200
'#ffe480', // 3: 300
'#ffd64d', // 4: 400
'#ffc71a', // 5: 500
'#ffb800', // 6: 600 (Primary)
'#d19200', // 7: 700
'#a67000', // 8: 800
'#7a5000', // 9: 900
'#fffbeb', // 50
'#fef3c7', // 100
'#fde68a', // 200
'#fcd34d', // 300
'#fbbf24', // 400
'#f59e0b', // 500
'#d97706', // 600 (Primary)
'#b45309', // 700
'#92400e', // 800
'#78350f', // 900
];
export const successColors: MantineColorsTuple = [
'#f3fcf0', // 0: 50
'#e3f8dc', // 1: 100
'#c6f0b7', // 2: 200
'#a0e589', // 3: 300
'#7bd760', // 4: 400
'#5ace3c', // 5: 500
'#3ec300', // 6: 600 (Primary)
'#309b00', // 7: 700
'#267b00', // 8: 800
'#206505', // 9: 900
'#f0fdf4', // 50
'#dcfce7', // 100
'#bbf7d0', // 200
'#86efac', // 300
'#4ade80', // 400
'#22c55e', // 500
'#16a34a', // 600 (Primary)
'#15803d', // 700
'#166534', // 800
'#14532d', // 900
];
export const infoColors: MantineColorsTuple = [
'#eef7ff', // 0: 50
'#d9efff', // 1: 100
'#b0ddff', // 2: 200
'#82c9ff', // 3: 300
'#54b5ff', // 4: 400
'#26a1ff', // 5: 500
'#0094ff', // 6: 600 (Primary)
'#0079d6', // 7: 700
'#0060ad', // 8: 800
'#004b87', // 9: 900
'#f0f9ff', // 50
'#e0f2fe', // 100
'#bae6fd', // 200
'#7dd3fc', // 300
'#38bdf8', // 400
'#0ea5e9', // 500
'#0284c7', // 600 (Primary)
'#0369a1', // 700
'#075985', // 800
'#0c4a6e', // 900
];
export const grayColors: MantineColorsTuple = [
'#f5f6f7',
'#eceff1',
'#e0e3e7',
'#d1d5db',
'#9ca3af',
'#6b7280',
'#4b5563',
'#374151',
'#1f2937',
'#111827',
'#f5f6f7', // 50
'#eceff1', // 100
'#e0e3e7', // 200
'#d1d5db', // 300
'#9ca3af', // 400
'#6b7280', // 500
'#4b5563', // 600 (Primary)
'#374151', // 700
'#1f2937', // 800
'#111827', // 900
];
/**