feat(ui-themes,shared-types): add new primitive and contrast colors

Author: HerrTopi

packages/shared-types/src/Colors.ts

@@ -63,6 +63,28 @@ type Primitives = {
   red57: string
   red70: string
   red82: string
+
+  sea12: string
+  sea30: string
+  sea45: string
+  sea70: string
+  sea110: string
+  sea35: string
+  sea40: string
+  sea50: string
+  sea57: string
+  sea90: string
+
+  violet12: string
+  violet30: string
+  violet45: string
+  violet70: string
+  violet110: string
+  violet35: string
+  violet40: string
+  violet50: string
+  violet57: string
+  violet90: string
 }
 
 type AdditionalPrimitives = {
@@ -219,6 +241,12 @@ type Contrasts = {
   red1212: Primitives['red12']
   red4570: Primitives['red45'] | Primitives['red70']
   red5782: Primitives['red57'] | Primitives['red82']
+
+  violet1212: Primitives['violet12']
+  violet4570: Primitives['violet45'] | Primitives['violet70']
+  violet5790: Primitives['violet57'] | Primitives['violet90']
+  sea4570: Primitives['sea45'] | Primitives['sea70']
+  sea5790: Primitives['sea57'] | Primitives['sea90']
 }
 
 type UI = {

packages/ui-themes/src/sharedThemeTokens/colors/primitives.ts

@@ -64,7 +64,29 @@ export const primitives: Primitives = {
   red45: '#E62429',
   red57: '#C71F23',
   red70: '#AE1B1F',
-  red82: '#9B181C'
+  red82: '#9B181C',
+
+  sea12: '#DAEEEF',
+  sea30: '#37A1AA',
+  sea35: '#1E95A0',
+  sea40: '#0A8C97',
+  sea45: '#00828E',
+  sea50: '#007B86',
+  sea57: '#00717B',
+  sea70: '#00626B',
+  sea90: '#005158',
+  sea110: '#004349',
+
+  violet12: '#F1E6F5',
+  violet30: '#B57FCC',
+  violet35: '#AC6FC6',
+  violet40: '#A564C2',
+  violet45: '#9E58BD',
+  violet50: '#994FB9',
+  violet57: '#9242B4',
+  violet70: '#7F399E',
+  violet90: '#682F82',
+  violet110: '#56276B'
 }
 
 export const additionalPrimitives: AdditionalPrimitives = {

packages/ui-themes/src/themes/canvas/colors.ts

@@ -61,7 +61,13 @@ const contrasts: Contrasts = {
 
   red1212: primitives.red12,
   red4570: primitives.red45,
-  red5782: primitives.red57
+  red5782: primitives.red57,
+
+  violet1212: primitives.violet12,
+  violet4570: primitives.violet45,
+  violet5790: primitives.violet57,
+  sea4570: primitives.sea45,
+  sea5790: primitives.sea57
 }
 
 const ui: UI = getUIColors(contrasts)

packages/ui-themes/src/themes/canvasHighContrast/colors.ts

@@ -61,7 +61,13 @@ const contrasts: Contrasts = {
 
   red1212: primitives.red12,
   red4570: primitives.red70,
-  red5782: primitives.red82
+  red5782: primitives.red82,
+
+  violet1212: primitives.violet12,
+  violet4570: primitives.violet70,
+  violet5790: primitives.violet90,
+  sea4570: primitives.sea70,
+  sea5790: primitives.sea90
 }
 
 const ui: UI = getUIColors(contrasts)