fix: some browser hsl function compatibility issues
							parent
							
								
									91058c3ed9
								
							
						
					
					
						commit
						31fd19f17a
					
				|  | @ -72,25 +72,25 @@ const BUILT_IN_THEME_PRESETS: BuiltinThemePreset[] = [ | ||||||
|   }, |   }, | ||||||
|   { |   { | ||||||
|     color: 'hsl(240 5% 26%)', |     color: 'hsl(240 5% 26%)', | ||||||
|     darkPrimaryColor: 'hsl(0 0 98%)', |     darkPrimaryColor: 'hsl(0 0% 98%)', | ||||||
|     primaryColor: 'hsl(240 5.9% 10%)', |     primaryColor: 'hsl(240 5.9% 10%)', | ||||||
|     type: 'zinc', |     type: 'zinc', | ||||||
|   }, |   }, | ||||||
|   { |   { | ||||||
|     color: 'hsl(0 0% 25%)', |     color: 'hsl(0 0% 25%)', | ||||||
|     darkPrimaryColor: 'hsl(0 0 98%)', |     darkPrimaryColor: 'hsl(0 0% 98%)', | ||||||
|     primaryColor: 'hsl(240 5.9% 10%)', |     primaryColor: 'hsl(240 5.9% 10%)', | ||||||
|     type: 'neutral', |     type: 'neutral', | ||||||
|   }, |   }, | ||||||
|   { |   { | ||||||
|     color: 'hsl(215 25% 27%)', |     color: 'hsl(215 25% 27%)', | ||||||
|     darkPrimaryColor: 'hsl(0 0 98%)', |     darkPrimaryColor: 'hsl(0 0% 98%)', | ||||||
|     primaryColor: 'hsl(240 5.9% 10%)', |     primaryColor: 'hsl(240 5.9% 10%)', | ||||||
|     type: 'slate', |     type: 'slate', | ||||||
|   }, |   }, | ||||||
|   { |   { | ||||||
|     color: 'hsl(217 19% 27%)', |     color: 'hsl(217 19% 27%)', | ||||||
|     darkPrimaryColor: 'hsl(0 0 98%)', |     darkPrimaryColor: 'hsl(0 0% 98%)', | ||||||
|     primaryColor: 'hsl(240 5.9% 10%)', |     primaryColor: 'hsl(240 5.9% 10%)', | ||||||
|     type: 'gray', |     type: 'gray', | ||||||
|   }, |   }, | ||||||
|  |  | ||||||
|  | @ -22,31 +22,31 @@ | ||||||
|   /* 主题颜色 */ |   /* 主题颜色 */ | ||||||
| 
 | 
 | ||||||
|   /* --primary: 245 82% 67%; */ |   /* --primary: 245 82% 67%; */ | ||||||
|   --primary-foreground: 0 0 98%; |   --primary-foreground: 0 0% 98%; | ||||||
| 
 | 
 | ||||||
|   /* Used for destructive actions such as <Button variant="destructive"> */ |   /* Used for destructive actions such as <Button variant="destructive"> */ | ||||||
| 
 | 
 | ||||||
|   --destructive: 0 78% 68%; |   --destructive: 0 78% 68%; | ||||||
|   --destructive-foreground: 0 0 98%; |   --destructive-foreground: 0 0% 98%; | ||||||
| 
 | 
 | ||||||
|   /* Used for success actions such as <message> */ |   /* Used for success actions such as <message> */ | ||||||
| 
 | 
 | ||||||
|   --success: 144 57% 58%; |   --success: 144 57% 58%; | ||||||
|   --success-foreground: 0 0 98%; |   --success-foreground: 0 0% 98%; | ||||||
| 
 | 
 | ||||||
|   /* Used for warning actions such as <message> */ |   /* Used for warning actions such as <message> */ | ||||||
| 
 | 
 | ||||||
|   --warning: 42 84% 61%; |   --warning: 42 84% 61%; | ||||||
|   --warning-foreground: 0 0 98%; |   --warning-foreground: 0 0% 98%; | ||||||
| 
 | 
 | ||||||
|   /* 颜色次要 */ |   /* 颜色次要 */ | ||||||
|   --secondary: 240 5% 17%; |   --secondary: 240 5% 17%; | ||||||
|   --secondary-foreground: 0 0 98%; |   --secondary-foreground: 0 0% 98%; | ||||||
| 
 | 
 | ||||||
|   /* Used for accents such as hover effects on <DropdownMenuItem>, <SelectItem>...etc */ |   /* Used for accents such as hover effects on <DropdownMenuItem>, <SelectItem>...etc */ | ||||||
|   --accent: 0deg 0% 100% / 8%; |   --accent: 0deg 0% 100% / 8%; | ||||||
|   --accent-hover: 0deg 0% 100% / 12%; |   --accent-hover: 0deg 0% 100% / 12%; | ||||||
|   --accent-foreground: 0 0 98%; |   --accent-foreground: 0 0% 98%; | ||||||
| 
 | 
 | ||||||
|   /* Darker color */ |   /* Darker color */ | ||||||
|   --heavy: 0deg 0% 100% / 12%; |   --heavy: 0deg 0% 100% / 12%; | ||||||
|  |  | ||||||
|  | @ -5,7 +5,7 @@ | ||||||
|     'Segoe UI Symbol'; |     'Segoe UI Symbol'; | ||||||
| 
 | 
 | ||||||
|   /* Default background color of <body />...etc */ |   /* Default background color of <body />...etc */ | ||||||
|   --background: 0 0 100%; |   --background: 0 0% 100%; | ||||||
|   --foreground: 210 6% 21%; |   --foreground: 210 6% 21%; | ||||||
| 
 | 
 | ||||||
|   /* Background color for <Card /> */ |   /* Background color for <Card /> */ | ||||||
|  | @ -23,22 +23,22 @@ | ||||||
|   /* 主题颜色 */ |   /* 主题颜色 */ | ||||||
| 
 | 
 | ||||||
|   --primary: 211 91% 39%; |   --primary: 211 91% 39%; | ||||||
|   --primary-foreground: 0 0 98%; |   --primary-foreground: 0 0% 98%; | ||||||
| 
 | 
 | ||||||
|   /* Used for destructive actions such as <Button variant="destructive"> */ |   /* Used for destructive actions such as <Button variant="destructive"> */ | ||||||
| 
 | 
 | ||||||
|   --destructive: 0 78% 68%; |   --destructive: 0 78% 68%; | ||||||
|   --destructive-foreground: 0 0 98%; |   --destructive-foreground: 0 0% 98%; | ||||||
| 
 | 
 | ||||||
|   /* Used for success actions such as <message> */ |   /* Used for success actions such as <message> */ | ||||||
| 
 | 
 | ||||||
|   --success: 144 57% 58%; |   --success: 144 57% 58%; | ||||||
|   --success-foreground: 0 0 98%; |   --success-foreground: 0 0% 98%; | ||||||
| 
 | 
 | ||||||
|   /* Used for warning actions such as <message> */ |   /* Used for warning actions such as <message> */ | ||||||
| 
 | 
 | ||||||
|   --warning: 42 84% 61%; |   --warning: 42 84% 61%; | ||||||
|   --warning-foreground: 0 0 98%; |   --warning-foreground: 0 0% 98%; | ||||||
| 
 | 
 | ||||||
|   /* Secondary colors for <Button /> */ |   /* Secondary colors for <Button /> */ | ||||||
| 
 | 
 | ||||||
|  | @ -60,7 +60,7 @@ | ||||||
|   /* Border color for inputs such as <Input />, <Select />, <Textarea /> */ |   /* Border color for inputs such as <Input />, <Select />, <Textarea /> */ | ||||||
|   --input: 240deg 5.88% 90%; |   --input: 240deg 5.88% 90%; | ||||||
|   --input-placeholder: 217 10.6% 65%; |   --input-placeholder: 217 10.6% 65%; | ||||||
|   --input-background: 0 0 100%; |   --input-background: 0 0% 100%; | ||||||
| 
 | 
 | ||||||
|   /* Used for focus ring */ |   /* Used for focus ring */ | ||||||
|   --ring: 222.2 84% 4.9%; |   --ring: 222.2 84% 4.9%; | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue
	
	 vben
						vben