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 '#d0b6f8', // 200
'#b78ff5', // 300 '#b78ff5', // 300
'#9f64f1', // 400 '#9f64f1', // 400
'#7d39ed', // 500 (Primary) '#7d39ed', // 500
'#652ed9', // 600 '#652ed9', // 600 (Primary)
'#4a23a5', // 700 '#4a23a5', // 700
'#321a7a', // 800 '#321a7a', // 800
'#1b0f4a', // 900 '#1b0f4a', // 900
]; ];
export const errorColors: MantineColorsTuple = [ export const errorColors: MantineColorsTuple = [
'#fef3f2', // 0: 50 '#fef2f2', // 50
'#fee4e2', // 1: 100 '#fee2e2', // 100
'#fecdca', // 2: 200 '#fecaca', // 200
'#fda29b', // 3: 300 '#fca5a5', // 300
'#f97066', // 4: 400 '#f87171', // 400
'#f04438', // 5: 500 '#ef4444', // 500
'#d92d20', // 6: 600 (Primary) '#dc2626', // 600 (Primary)
'#b42318', // 7: 700 '#b91c1c', // 700
'#912018', // 8: 800 '#991b1b', // 800
'#7a271a', // 9: 900 '#7f1d1d', // 900
]; ];
export const warningColors: MantineColorsTuple = [ export const warningColors: MantineColorsTuple = [
'#fffdf5', // 0: 50 '#fffbeb', // 50
'#fff9db', // 1: 100 '#fef3c7', // 100
'#fff0b3', // 2: 200 '#fde68a', // 200
'#ffe480', // 3: 300 '#fcd34d', // 300
'#ffd64d', // 4: 400 '#fbbf24', // 400
'#ffc71a', // 5: 500 '#f59e0b', // 500
'#ffb800', // 6: 600 (Primary) '#d97706', // 600 (Primary)
'#d19200', // 7: 700 '#b45309', // 700
'#a67000', // 8: 800 '#92400e', // 800
'#7a5000', // 9: 900 '#78350f', // 900
]; ];
export const successColors: MantineColorsTuple = [ export const successColors: MantineColorsTuple = [
'#f3fcf0', // 0: 50 '#f0fdf4', // 50
'#e3f8dc', // 1: 100 '#dcfce7', // 100
'#c6f0b7', // 2: 200 '#bbf7d0', // 200
'#a0e589', // 3: 300 '#86efac', // 300
'#7bd760', // 4: 400 '#4ade80', // 400
'#5ace3c', // 5: 500 '#22c55e', // 500
'#3ec300', // 6: 600 (Primary) '#16a34a', // 600 (Primary)
'#309b00', // 7: 700 '#15803d', // 700
'#267b00', // 8: 800 '#166534', // 800
'#206505', // 9: 900 '#14532d', // 900
]; ];
export const infoColors: MantineColorsTuple = [ export const infoColors: MantineColorsTuple = [
'#eef7ff', // 0: 50 '#f0f9ff', // 50
'#d9efff', // 1: 100 '#e0f2fe', // 100
'#b0ddff', // 2: 200 '#bae6fd', // 200
'#82c9ff', // 3: 300 '#7dd3fc', // 300
'#54b5ff', // 4: 400 '#38bdf8', // 400
'#26a1ff', // 5: 500 '#0ea5e9', // 500
'#0094ff', // 6: 600 (Primary) '#0284c7', // 600 (Primary)
'#0079d6', // 7: 700 '#0369a1', // 700
'#0060ad', // 8: 800 '#075985', // 800
'#004b87', // 9: 900 '#0c4a6e', // 900
]; ];
export const grayColors: MantineColorsTuple = [ export const grayColors: MantineColorsTuple = [
'#f5f6f7', '#f5f6f7', // 50
'#eceff1', '#eceff1', // 100
'#e0e3e7', '#e0e3e7', // 200
'#d1d5db', '#d1d5db', // 300
'#9ca3af', '#9ca3af', // 400
'#6b7280', '#6b7280', // 500
'#4b5563', '#4b5563', // 600 (Primary)
'#374151', '#374151', // 700
'#1f2937', '#1f2937', // 800
'#111827', '#111827', // 900
]; ];
/** /**