Refactor buttons (#1257)

* Refactor buttons

* Complete components creation

* Complete refactoring

* fix lint

* Complete button work

front/src/modules/ui/theme/constants/accent.ts

@@ -5,6 +5,8 @@ export const accentLight = {
   secondary: color.blueAccent20,
   tertiary: color.blueAccent15,
   quaternary: color.blueAccent10,
+  accent3570: color.blueAccent35,
+  accent4060: color.blueAccent40,
 };
 
 export const accentDark = {
@@ -12,4 +14,6 @@ export const accentDark = {
   secondary: color.blueAccent80,
   tertiary: color.blueAccent85,
   quaternary: color.blueAccent90,
+  accent3570: color.blueAccent70,
+  accent4060: color.blueAccent60,
 };

front/src/modules/ui/theme/constants/colors.ts

@@ -114,9 +114,13 @@ export const color = {
   gray20: grayScale.gray15,
   gray10: grayScale.gray10,
   blueAccent90: '#141a25',
-  blueAccent85: '#151D2E',
+  blueAccent85: '#151d2e',
   blueAccent80: '#152037',
-  blueAccent75: '#16233F',
+  blueAccent75: '#16233f',
+  blueAccent70: '#17294a',
+  blueAccent60: '#18356d',
+  blueAccent40: '#a3c0f8',
+  blueAccent35: '#c8d9fb',
   blueAccent25: '#dae6fc',
   blueAccent20: '#e2ecfd',
   blueAccent15: '#edf2fe',