@amirjalili1374/ui-kit 1.2.0

package/src/theme/darkThemes/DarkRedTheme.ts

@@ -0,0 +1,54 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const DarkRedTheme: ThemeTypes = {
+  name: 'DarkRedTheme',
+  dark: true,
+  variables: {
+    'border-color': '#EC407A',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#EC407A', // Bright pink/red for dark mode
+    secondary: '#FF6B9D', // Lighter pink/red
+    info: '#03c9d7', // Cyan
+    success: '#00c853', // Green
+    accent: '#FFAB91', // Orange accent
+    warning: '#ffc107', // Amber
+    error: '#f44336', // Red
+    lightprimary: '#1a1a1a', // Dark background
+    lightsecondary: '#2d2d2d', // Darker secondary background
+    lightsuccess: '#064e3b', // Dark green
+    lighterror: '#7f1d1d', // Dark red
+    lightwarning: '#78350f', // Dark amber
+    darkText: '#ffffff', // White text
+    lightText: '#d1d5db', // Light gray text
+    darkprimary: '#E42A5D', // Darker pink/red
+    darksecondary: '#FF6B9D', // Lighter pink/red
+    borderLight: '#404040', // Dark border
+    inputBorder: '#525252', // Dark input border
+    containerBg: '#0f0f0f', // Very dark background
+    surface: '#1a1a1a', // Dark surface
+    'on-surface-variant': '#2d2d2d', // Dark surface variant
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#0f0f0f', // Very dark gray
+    primary200: '#c7d9f6',
+    secondary200: '#525252', // Medium gray
+    white: '#1a1a1a', // Dark surface
+    // Additional color variations
+    primary300: '#90caf9',
+    primary400: '#7ea6ec',
+    primary500: '#407dd3',
+    primary600: '#1b5295',
+    primary700: '#083260',
+    primary800: '#071c3c',
+    primary900: '#01050b',
+
+    secondary400: '#FFB3D1', // Light pink
+    secondary600: '#FF6B9D', // Medium pink
+    secondary800: '#F06292' // Darker pink
+  }
+};
+
+export { DarkRedTheme };

package/src/theme/darkThemes/DarkSilverTheme.ts

@@ -0,0 +1,53 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const DarkSilverTheme: ThemeTypes = {
+  name: 'DarkSilverTheme',
+  dark: true,
+  variables: {
+    'border-color': '#94a3b8',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#94a3b8', // Slate 400 - bright silver
+    secondary: '#cbd5e1', // Slate 300 - light silver
+    info: '#38bdf8', // Sky 400 - bright blue
+    success: '#34d399', // Emerald 400 - bright green
+    accent: '#fbbf24', // Amber 400 - bright amber
+    warning: '#fbbf24', // Amber 400
+    error: '#f87171', // Red 400 - bright red
+    lightprimary: '#1e293b', // Slate 800 - dark silver background
+    lightsecondary: '#334155', // Slate 700 - darker silver
+    lightsuccess: '#064e3b', // Green 900 - dark green
+    lighterror: '#7f1d1d', // Red 900 - dark red
+    lightwarning: '#78350f', // Amber 900 - dark amber
+    darkText: '#f1f5f9', // Slate 100 - light text
+    lightText: '#cbd5e1', // Slate 300 - medium text
+    darkprimary: '#64748b', // Slate 500 - medium silver
+    darksecondary: '#475569', // Slate 600 - darker silver
+    borderLight: '#475569', // Slate 600 - dark border
+    inputBorder: '#64748b', // Slate 500 - input border
+    containerBg: '#0f172a', // Slate 900 - very dark background
+    surface: '#1e293b', // Slate 800 - surface background
+    'on-surface-variant': '#334155', // Slate 700 - surface variant
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#0f172a', // Slate 900
+    primary200: '#334155', // Slate 700
+    secondary200: '#475569', // Slate 600
+    white: '#1e293b', // Slate 800
+    // Additional color variations
+    primary300: '#c5d5e8',
+    primary400: '#98bbea',
+    primary500: '#7493bc',
+    primary600: '#577cb3',
+    primary700: '#385883',
+    primary800: '#1d2839',
+    primary900: '#080b10',
+    secondary400: '#64748b', // Slate 500
+    secondary600: '#94a3b8', // Slate 400
+    secondary800: '#64748b' // Slate 500
+  }
+};
+
+export { DarkSilverTheme };

package/src/theme/darkThemes/DarkSteelTealGreen.ts

@@ -0,0 +1,53 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const DarkSteelTealGreen: ThemeTypes = {
+  name: 'DarkSteelTealGreen',
+  dark: true,
+  variables: {
+    'border-color': '#607D8B',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#607D8B',
+    secondary: '#009688',
+    info: '#03c9d7',
+    success: '#00c853',
+    accent: '#FFAB91',
+    warning: '#ffc107',
+    error: '#f44336',
+    lightprimary: '#2A2A2A',
+    lightsecondary: '#1A2A2A',
+    lightsuccess: '#1B3A1B',
+    lighterror: '#3A1B1B',
+    lightwarning: '#3A2F1B',
+    darkText: '#FFFFFF',
+    lightText: '#B0B0B0',
+    darkprimary: '#90A4AE',
+    darksecondary: '#4DB6AC',
+    borderLight: '#404040',
+    inputBorder: '#606060',
+    containerBg: '#1A1A1A',
+    surface: '#121212',
+    'on-surface-variant': '#E0E0E0',
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#2A2A2A',
+    primary200: '#2A2A2A',
+    secondary200: '#1A2A2A',
+    white: '#FFFFFF',
+    // Additional color variations
+    primary300: '#b1d4e4',
+    primary400: '#74a2b8',
+    primary500: '#52839c',
+    primary600: '#3c5868',
+    primary700: '#294450',
+    primary800: '#1b272b',
+    primary900: '#090d0e',
+    secondary400: '#2A4A4A',
+    secondary600: '#4DB6AC',
+    secondary800: '#00897B'
+  }
+};
+
+export { DarkSteelTealGreen };

package/src/theme/darkThemes/DarkTealTheme.ts

@@ -0,0 +1,52 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const DarkTealTheme: ThemeTypes = {
+  name: 'DarkTealTheme',
+  dark: true,
+  variables: {
+    'border-color': '#00695C',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#00695C',
+    secondary: '#4DB6AC',
+    info: '#03c9d7',
+    success: '#00c853',
+    accent: '#FFAB91',
+    warning: '#ffc107',
+    error: '#f44336',
+    lightprimary: '#1B2A2A',
+    lightsecondary: '#1A2A2A',
+    lightsuccess: '#1B3A1B',
+    lighterror: '#3A1B1B',
+    lightwarning: '#3A2F1B',
+    darkText: '#FFFFFF',
+    lightText: '#B0B0B0',
+    darkprimary: '#008E76',
+    darksecondary: '#64D8CB',
+    borderLight: '#404040',
+    inputBorder: '#606060',
+    containerBg: '#1A1A1A',
+    surface: '#121212',
+    'on-surface-variant': '#E0E0E0',
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#2A2A2A',
+    primary200: '#1B2A2A',
+    secondary200: '#1A2A2A',
+    white: '#FFFFFF',
+    primary300: '#73ece1',
+    primary400: '#15caab',
+    primary500: '#027a66',
+    primary600: '#025346',
+    primary700: '#012e25',
+    primary800: '#001b16',
+    primary900: '#000403',
+    secondary400: '#2A4A4A',
+    secondary600: '#64D8CB',
+    secondary800: '#26A69A'
+  }
+};
+
+export { DarkTealTheme };

package/src/theme/lightThemes/ModernTheme.ts

@@ -0,0 +1,55 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const ModernTheme: ThemeTypes = {
+  name: 'ModernTheme',
+  dark: false,
+  variables: {
+    'border-color': '#6366f1',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#6366f1', // Modern indigo
+    secondary: '#8b5cf6', // Purple
+    info: '#06b6d4', // Cyan
+    success: '#10b981', // Emerald
+    accent: '#f59e0b', // Amber
+    warning: '#f59e0b', // Amber
+    error: '#ef4444', // Red
+    lightprimary: '#eef2ff', // Indigo 50
+    lightsecondary: '#f3f4f6', // Gray 100
+    lightsuccess: '#ecfdf5', // Green 50
+    lighterror: '#fef2f2', // Red 50
+    lightwarning: '#fffbeb', // Amber 50
+    darkText: '#1f2937', // Gray 800
+    lightText: '#6b7280', // Gray 500
+    darkprimary: '#4f46e5', // Indigo 600
+    darksecondary: '#7c3aed', // Purple 600
+    borderLight: '#e5e7eb', // Gray 200
+    inputBorder: '#d1d5db', // Gray 300
+    containerBg: '#e9f2ff', // Gray 50
+    surface: '#ffffff', // White
+    'on-surface-variant': '#ffffff', // White
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#f9fafb', // Gray 50
+    primary200: '#e0e7ff', // Indigo 100
+    secondary200: '#f3e8ff', // Purple 100
+    white: '#FFFFFF',
+    // Additional color variations
+    primary300: '#c7d2fe',
+    primary400: '#7590f1',
+    primary500: '#5a4fe4',
+    primary600: '#483bc5',
+    primary700: '#22215e',
+    primary800: '#0b0b5a',
+    primary900: '#03031b',
+
+
+    secondary400: '#e9d5ff', // Purple 200
+    secondary600: '#7c3aed', // Purple 600
+    secondary800: '#5b21b6' // Purple 800
+  }
+};
+
+export { ModernTheme };

package/src/theme/lightThemes/OrangeTheme.ts

@@ -0,0 +1,54 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const OrangeTheme: ThemeTypes = {
+  name: 'OrangeTheme',
+  dark: false,
+  variables: {
+    'border-color': '#C77E23',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#C77E23',
+    secondary: '#16595A',
+    info: '#03c9d7',
+    success: '#00c853',
+    accent: '#FFAB91',
+    warning: '#ffc107',
+    error: '#f44336',
+    lightprimary: '#F8F0E5',
+    lightsecondary: '#E3EBEB',
+    lightsuccess: '#b9f6ca',
+    lighterror: '#f9d8d8',
+    lightwarning: '#fff8e1',
+    darkText: '#212121',
+    lightText: '#616161',
+    darkprimary: '#C1761F',
+    darksecondary: '#135152',
+    borderLight: '#d0d0d0',
+    inputBorder: '#787878',
+    containerBg: '#fdf3ec',
+    surface: '#fff',
+    'on-surface-variant': '#fff',
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#fafafa',
+    primary200: '#F8F0E5',
+    secondary200: '#F8F0E5',
+    white: '#FFFFFF',
+    // Additional color variations
+    primary300: '#F4E6D3',
+    primary400: '#edb27e',
+    primary500: '#efa168',
+    primary600: '#dc823a',
+    primary700: '#884a17',
+    primary800: '#603210',
+    primary900: '#351b09',
+
+    secondary400: '#D6E8E8',
+    secondary600: '#0F4748',
+    secondary800: '#0A3637'
+  }
+};
+
+export { OrangeTheme };

package/src/theme/lightThemes/PurpleTheme.ts

@@ -0,0 +1,54 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const PurpleTheme: ThemeTypes = {
+  name: 'PurpleTheme',
+  dark: false,
+  variables: {
+    'border-color': '#1e88e5',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#1e88e5',
+    secondary: '#5e35b1',
+    info: '#03c9d7',
+    success: '#00c853',
+    accent: '#FFAB91',
+    warning: '#ffc107',
+    error: '#f44336',
+    lightprimary: '#eef2f6',
+    lightsecondary: '#ede7f6',
+    lightsuccess: '#b9f6ca',
+    lighterror: '#f9d8d8',
+    lightwarning: '#fff8e1',
+    darkText: '#212121',
+    lightText: '#616161',
+    darkprimary: '#1565c0',
+    darksecondary: '#4527a0',
+    borderLight: '#d0d0d0',
+    inputBorder: '#787878',
+    containerBg: '#eef6ff',
+    surface: '#fff',
+    'on-surface-variant': '#fff',
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#fafafa',
+    primary200: '#A1D2FA',
+    secondary200: '#A1D2FA',
+    white: '#FFFFFF',
+    // Additional color variations
+    primary300: '#9fd0f3',
+    primary400: '#87bbef',
+    primary500: '#5c9fed',
+    primary600: '#2567af',
+    primary700: '#144a8f',
+    primary800: '#093260',
+    primary900: '#051832',
+
+    secondary400: '#9575CD',
+    secondary600: '#512DA8',
+    secondary800: '#4527A0'
+  }
+};
+
+export { PurpleTheme };

package/src/theme/lightThemes/RedTheme.ts

@@ -0,0 +1,55 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const RedTheme: ThemeTypes = {
+  name: 'RedTheme',
+  dark: false,
+  variables: {
+    'border-color': '#1e88e5',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#203461',
+    secondary: '#EC407A',
+    info: '#03c9d7',
+    success: '#00c853',
+    accent: '#FFAB91',
+    warning: '#ffc107',
+    error: '#f44336',
+    lightprimary: '#eef2f6',
+    lightsecondary: '#FDE8EF',
+    lightsuccess: '#b9f6ca',
+    lighterror: '#f9d8d8',
+    lightwarning: '#fff8e1',
+    darkText: '#212121',
+    lightText: '#616161',
+    darkprimary: '#132145',
+    darksecondary: '#E42A5D',
+    borderLight: '#d0d0d0',
+    inputBorder: '#787878',
+    containerBg: '#f1f6ff',
+    surface: '#fff',
+    'on-surface-variant': '#fff',
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#fafafa',
+    primary200: '#c7d9f6',
+    secondary200: '#FDE8EF',
+    white: '#FFFFFF',
+    // Additional color variations
+
+    primary300: '#90caf9',
+    primary400: '#7ea6ec',
+    primary500: '#407dd3',
+    primary600: '#1b5295',
+    primary700: '#083260',
+    primary800: '#071c3c',
+    primary900: '#01050b',
+
+    secondary400: '#F8BBD9',
+    secondary600: '#D81B60',
+    secondary800: '#C2185B'
+  }
+};
+
+export { RedTheme };

package/src/theme/lightThemes/SilverTheme.ts

@@ -0,0 +1,55 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const SilverTheme: ThemeTypes = {
+  name: 'SilverTheme',
+  dark: false,
+  variables: {
+    'border-color': '#64748b',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#64748b', // Slate 500 - elegant silver
+    secondary: '#94a3b8', // Slate 400 - lighter silver
+    info: '#0ea5e9', // Sky 500 - cool blue
+    success: '#10b981', // Emerald 500 - green
+    accent: '#f59e0b', // Amber 500 - warm accent
+    warning: '#f59e0b', // Amber 500
+    error: '#ef4444', // Red 500
+    lightprimary: '#f1f5f9', // Slate 100 - very light silver
+    lightsecondary: '#f8fafc', // Slate 50 - almost white
+    lightsuccess: '#ecfdf5', // Green 50
+    lighterror: '#fef2f2', // Red 50
+    lightwarning: '#fffbeb', // Amber 50
+    darkText: '#1e293b', // Slate 800 - dark text
+    lightText: '#64748b', // Slate 500 - medium text
+    darkprimary: '#475569', // Slate 600 - darker silver
+    darksecondary: '#64748b', // Slate 500
+    borderLight: '#e2e8f0', // Slate 200 - light border
+    inputBorder: '#cbd5e1', // Slate 300 - input border
+    containerBg: '#e1ecfb', // Slate 50 - container background
+    surface: '#ffffff', // White
+    'on-surface-variant': '#ffffff', // White
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#f8fafc', // Slate 50
+    primary200: '#e2e8f0', // Slate 200
+    secondary200: '#f1f5f9', // Slate 100
+    white: '#FFFFFF',
+    // Additional color variations
+    primary300: '#c5d5e8',
+    primary400: '#98bbea',
+    primary500: '#7493bc',
+    primary600: '#577cb3',
+    primary700: '#385883',
+    primary800: '#1d2839',
+    primary900: '#080b10',
+
+
+    secondary400: '#cbd5e1', // Slate 300
+    secondary600: '#64748b', // Slate 500
+    secondary800: '#475569' // Slate 600
+  }
+};
+
+export { SilverTheme };

package/src/theme/lightThemes/SteelTealGreen.ts

@@ -0,0 +1,54 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const SteelTealGreen: ThemeTypes = {
+  name: 'SteelTealGreen',
+  dark: false,
+  variables: {
+    'border-color': '#1e88e5',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#607D8B',
+    secondary: '#009688',
+    info: '#03c9d7',
+    success: '#00c853',
+    accent: '#FFAB91',
+    warning: '#ffc107',
+    error: '#f44336',
+    lightprimary: '#ECEFF1',
+    lightsecondary: '#E0F2F1',
+    lightsuccess: '#b9f6ca',
+    lighterror: '#f9d8d8',
+    lightwarning: '#fff8e1',
+    darkText: '#212121',
+    lightText: '#616161',
+    darkprimary: '#546E7A',
+    darksecondary: '#00897B',
+    borderLight: '#d0d0d0',
+    inputBorder: '#787878',
+    containerBg: '#ecf4f4',
+    surface: '#fff',
+    'on-surface-variant': '#fff',
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#fafafa',
+    primary200: '#E0F2F1',
+    secondary200: '#E0F2F1',
+    white: '#FFFFFF',
+    // Additional color variations
+    primary300: '#b1d4e4',
+    primary400: '#74a2b8',
+    primary500: '#52839c',
+    primary600: '#3c5868',
+    primary700: '#294450',
+    primary800: '#1b272b',
+    primary900: '#090d0e',
+
+    secondary400: '#4DB6AC',
+    secondary600: '#00695C',
+    secondary800: '#004D40'
+  }
+};
+
+export { SteelTealGreen };

package/src/theme/lightThemes/TealTheme.ts

@@ -0,0 +1,54 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const TealTheme: ThemeTypes = {
+  name: 'TealTheme',
+  dark: false,
+  variables: {
+    'border-color': '#00695C',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#00695C',
+    secondary: '#4DB6AC',
+    info: '#03c9d7',
+    success: '#00c853',
+    accent: '#FFAB91',
+    warning: '#ffc107',
+    error: '#f44336',
+    lightprimary: '#e0f2f1',
+    lightsecondary: '#e0f2f1',
+    lightsuccess: '#b9f6ca',
+    lighterror: '#f9d8d8',
+    lightwarning: '#fff8e1',
+    darkText: '#212121',
+    lightText: '#616161',
+    darkprimary: '#004d40',
+    darksecondary: '#00796b',
+    borderLight: '#d0d0d0',
+    inputBorder: '#787878',
+    containerBg: '#effdee',
+    surface: '#fff',
+    'on-surface-variant': '#fff',
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#fafafa',
+    primary200: '#b2dfdb',
+    secondary200: '#b2dfdb',
+    white: '#FFFFFF',
+    // Additional color variations
+    primary300: '#73ece1',
+    primary400: '#15caab',
+    primary500: '#027a66',
+    primary600: '#025346',
+    primary700: '#012e25',
+    primary800: '#001b16',
+    primary900: '#000403',
+
+    secondary400: '#80CBC4',
+    secondary600: '#26A69A',
+    secondary800: '#00695C'
+  }
+};
+
+export { TealTheme };