added semantic border colors to colormode

Author: LinKCoding

packages/gamut-styles/src/themes/core.ts

@@ -72,6 +72,12 @@ export const coreTheme = createTheme({
         _: 'hyper-500',
         hover: 'hyper-400',
       },
+      border: {
+        primary: 'navy-800',
+        secondary: 'navy-600',
+        tertiary: 'navy-300',
+        disabled: 'navy-500',
+      }
     },
     dark: {
       text: {
@@ -115,6 +121,12 @@ export const coreTheme = createTheme({
         _: 'yellow-500',
         hover: 'yellow-400',
       },
+      border: {
+        primary: 'white',
+        secondary: 'white-600',
+        tertiary: 'white-300',
+        disabled: 'white-500',
+      }
     },
   })
   .addScale('borders', ({ colors }) => ({