1import { BlurTint } from './BlurView.types'; 2 3export default function getBackgroundColor(intensity: number, tint: BlurTint): string { 4 const opacity = intensity / 100; 5 switch (tint) { 6 // From Apple iOS 14 Sketch Kit - https://developer.apple.com/design/resources/ 7 // From Apple iOS 14 Sketch Kit - https://developer.apple.com/design/resources/ 8 case 'dark': 9 case 'systemMaterialDark': 10 return `rgba(25,25,25,${opacity * 0.78})`; 11 case 'light': 12 case 'extraLight': 13 case 'systemMaterialLight': 14 case 'systemUltraThinMaterialLight': 15 case 'systemThickMaterialLight': 16 return `rgba(249,249,249,${opacity * 0.78})`; 17 18 case 'default': 19 case 'prominent': 20 case 'systemMaterial': 21 return `rgba(255,255,255,${opacity * 0.3})`; 22 case 'regular': 23 return `rgba(179,179,179,${opacity * 0.82})`; 24 case 'systemThinMaterial': 25 return `rgba(199,199,199,${opacity * 0.97})`; 26 case 'systemChromeMaterial': 27 return `rgba(255,255,255,${opacity * 0.75})`; 28 case 'systemChromeMaterialLight': 29 return `rgba(255,255,255,${opacity * 0.97})`; 30 case 'systemUltraThinMaterial': 31 return `rgba(191,191,191,${opacity * 0.44})`; 32 case 'systemThickMaterial': 33 return `rgba(191,191,191,${opacity * 0.44})`; 34 case 'systemThickMaterialDark': 35 return `rgba(37,37,37,${opacity * 0.9})`; 36 case 'systemThinMaterialDark': 37 return `rgba(37,37,37,${opacity * 0.7})`; 38 case 'systemUltraThinMaterialDark': 39 return `rgba(37,37,37,${opacity * 0.55})`; 40 case 'systemChromeMaterialDark': 41 return `rgba(0,0,0,${opacity * 0.75})`; 42 case 'systemThinMaterialLight': 43 return `rgba(199,199,199,${opacity * 0.78})`; 44 } 45} 46