diff --git a/apps/client/src/theme/_ontimeStyles.scss b/apps/client/src/theme/_ontimeStyles.scss index 6254e8534..28b141686 100644 --- a/apps/client/src/theme/_ontimeStyles.scss +++ b/apps/client/src/theme/_ontimeStyles.scss @@ -8,7 +8,7 @@ $component-border-radius-sm: 2px; $component-border-radius-full: 99px; // semantic colours -$action-blue: #3182ce; +$action-blue: $blue-500; $action-text-color: $blue-400; $ontime-color: #ff7597; $error-red: $red-500; diff --git a/apps/client/src/theme/ontimeCheckbox.ts b/apps/client/src/theme/ontimeCheckbox.ts index 345c928fb..cb4f7704f 100644 --- a/apps/client/src/theme/ontimeCheckbox.ts +++ b/apps/client/src/theme/ontimeCheckbox.ts @@ -10,12 +10,12 @@ export const ontimeCheckboxOnDark = { opacity: 0.6, }, _checked: { - borderColor: '#3182ce', // $action-blue - backgroundColor: '#3182ce', //$action-blue + borderColor: '#578AF4', // $blue-500 + backgroundColor: '#578AF4', // $blue-500 _disabled: { color: 'white', - borderColor: '#3182ce', // $action-blue - backgroundColor: '#3182ce', //$action-blue + borderColor: '#578AF4', // $blue-500 + backgroundColor: '#578AF4', // $blue-500 opacity: 0.6, }, }, diff --git a/apps/client/src/theme/ontimeRadio.ts b/apps/client/src/theme/ontimeRadio.ts index 614084cec..5b83ffddd 100644 --- a/apps/client/src/theme/ontimeRadio.ts +++ b/apps/client/src/theme/ontimeRadio.ts @@ -25,12 +25,12 @@ export const ontimeBlockRadio = { backgroundColor: '#262626', // $gray-1200 _checked: { borderColor: '#262626', // $gray-1200 - color: '#3182ce', // $action-blue - backgroundColor: '#3182ce', // $action-blue + color: '#578AF4', // $blue-500 + backgroundColor: '#578AF4', // $blue-500 }, _hover: { - color: '#3182ce', // $action-blue - backgroundColor: '#3182ce', // $action-blue + color: '#578AF4', // $blue-500 + backgroundColor: '#578AF4', // $blue-500 outline: 'none', }, },