@property --snow-background { syntax: ''; inherits: true; initial-value: #FFFFFF; } @property --snow-background-secondary { syntax: ''; inherits: true; initial-value: #F4F8FB; } @property --snow-surface { syntax: ''; inherits: true; initial-value: #FFFFFF; } @property --snow-surface-elevated { syntax: ''; inherits: true; initial-value: #F7FBFE; } @property --snow-surface-glass { syntax: ''; inherits: true; initial-value: #D7EAF5; } @property --snow-primary { syntax: ''; inherits: true; initial-value: #2F6FD4; } @property --snow-primary-pressed { syntax: ''; inherits: true; initial-value: #2459AD; } @property --snow-primary-container { syntax: ''; inherits: true; initial-value: #DCEAFF; } @property --snow-secondary { syntax: ''; inherits: true; initial-value: #259CC8; } @property --snow-secondary-pressed { syntax: ''; inherits: true; initial-value: #1D7FA4; } @property --snow-text-primary { syntax: ''; inherits: true; initial-value: #102B3D; } @property --snow-text-secondary { syntax: ''; inherits: true; initial-value: #45677B; } @property --snow-text-muted { syntax: ''; inherits: true; initial-value: #7892A1; } @property --snow-text-on-primary { syntax: ''; inherits: true; initial-value: #FFFFFF; } @property --snow-border { syntax: ''; inherits: true; initial-value: #B3CDDC; } @property --snow-divider { syntax: ''; inherits: true; initial-value: #C8DCE7; } @property --snow-success { syntax: ''; inherits: true; initial-value: #258B70; } @property --snow-error { syntax: ''; inherits: true; initial-value: #D64550; } @property --snow-warning { syntax: ''; inherits: true; initial-value: #C7891F; } @property --snow-info { syntax: ''; inherits: true; initial-value: #267FAE; } @property --snow-scrim { syntax: ''; inherits: true; initial-value: #061925; } @property --snow-overlay-top { syntax: ''; inherits: true; initial-value: #4C7894; } @property --snow-overlay-bottom { syntax: ''; inherits: true; initial-value: #082235; } @property --snow-particle { syntax: ''; inherits: true; initial-value: #FFFFFF; } @property --snow-glow { syntax: ''; inherits: true; initial-value: #BDEEFF; } @property --snow-band-dark { syntax: ''; inherits: true; initial-value: #092742; } @property --snow-band-dark-secondary { syntax: ''; inherits: true; initial-value: #0D3556; } @property --snow-band-text { syntax: ''; inherits: true; initial-value: #F5FAFE; } @property --snow-band-text-muted { syntax: ''; inherits: true; initial-value: #A9C6DA; } @property --snow-ridge1 { syntax: ''; inherits: true; initial-value: #3C7FA6; } @property --snow-ridge2 { syntax: ''; inherits: true; initial-value: #256B8F; } @property --snow-ridge3 { syntax: ''; inherits: true; initial-value: #1A6277; } @property --snow-ridge4 { syntax: ''; inherits: true; initial-value: #123F5E; } @property --snow-ridge5 { syntax: ''; inherits: true; initial-value: #0A2438; } :root { --snow-theme-duration: 650ms; --snow-emphasized: cubic-bezier(0.2, 0, 0, 1); --snow-standard: cubic-bezier(0.2, 0, 0, 1); --snow-decelerate: cubic-bezier(0, 0, 0.2, 1); --snow-accelerate: cubic-bezier(0.4, 0, 1, 1); transition: --snow-background 650ms cubic-bezier(0.2, 0, 0, 1), --snow-background-secondary 650ms cubic-bezier(0.2, 0, 0, 1), --snow-surface 650ms cubic-bezier(0.2, 0, 0, 1), --snow-surface-elevated 650ms cubic-bezier(0.2, 0, 0, 1), --snow-surface-glass 650ms cubic-bezier(0.2, 0, 0, 1), --snow-primary 650ms cubic-bezier(0.2, 0, 0, 1), --snow-primary-pressed 650ms cubic-bezier(0.2, 0, 0, 1), --snow-primary-container 650ms cubic-bezier(0.2, 0, 0, 1), --snow-secondary 650ms cubic-bezier(0.2, 0, 0, 1), --snow-secondary-pressed 650ms cubic-bezier(0.2, 0, 0, 1), --snow-text-primary 650ms cubic-bezier(0.2, 0, 0, 1), --snow-text-secondary 650ms cubic-bezier(0.2, 0, 0, 1), --snow-text-muted 650ms cubic-bezier(0.2, 0, 0, 1), --snow-text-on-primary 650ms cubic-bezier(0.2, 0, 0, 1), --snow-border 650ms cubic-bezier(0.2, 0, 0, 1), --snow-divider 650ms cubic-bezier(0.2, 0, 0, 1), --snow-success 650ms cubic-bezier(0.2, 0, 0, 1), --snow-error 650ms cubic-bezier(0.2, 0, 0, 1), --snow-warning 650ms cubic-bezier(0.2, 0, 0, 1), --snow-info 650ms cubic-bezier(0.2, 0, 0, 1), --snow-scrim 650ms cubic-bezier(0.2, 0, 0, 1), --snow-overlay-top 650ms cubic-bezier(0.2, 0, 0, 1), --snow-overlay-bottom 650ms cubic-bezier(0.2, 0, 0, 1), --snow-particle 650ms cubic-bezier(0.2, 0, 0, 1), --snow-glow 650ms cubic-bezier(0.2, 0, 0, 1), --snow-band-dark 650ms cubic-bezier(0.2, 0, 0, 1), --snow-band-dark-secondary 650ms cubic-bezier(0.2, 0, 0, 1), --snow-band-text 650ms cubic-bezier(0.2, 0, 0, 1), --snow-band-text-muted 650ms cubic-bezier(0.2, 0, 0, 1), --snow-ridge1 650ms cubic-bezier(0.2, 0, 0, 1), --snow-ridge2 650ms cubic-bezier(0.2, 0, 0, 1), --snow-ridge3 650ms cubic-bezier(0.2, 0, 0, 1), --snow-ridge4 650ms cubic-bezier(0.2, 0, 0, 1), --snow-ridge5 650ms cubic-bezier(0.2, 0, 0, 1); } @media (prefers-reduced-motion: reduce) { :root { transition: none; } } :root[data-season='winter'] { --snow-background: #FFFFFF; --snow-background-secondary: #F4F8FB; --snow-surface: #FFFFFF; --snow-surface-elevated: #F7FBFE; --snow-surface-glass: #D7EAF5; --snow-primary: #2F6FD4; --snow-primary-pressed: #2459AD; --snow-primary-container: #DCEAFF; --snow-secondary: #259CC8; --snow-secondary-pressed: #1D7FA4; --snow-text-primary: #102B3D; --snow-text-secondary: #45677B; --snow-text-muted: #7892A1; --snow-text-on-primary: #FFFFFF; --snow-border: #B3CDDC; --snow-divider: #C8DCE7; --snow-success: #258B70; --snow-error: #D64550; --snow-warning: #C7891F; --snow-info: #267FAE; --snow-scrim: #061925; --snow-overlay-top: #4C7894; --snow-overlay-bottom: #082235; --snow-particle: #FFFFFF; --snow-glow: #BDEEFF; --snow-band-dark: #092742; --snow-band-dark-secondary: #0D3556; --snow-band-text: #F5FAFE; --snow-band-text-muted: #A9C6DA; --snow-ridge1: #3C7FA6; --snow-ridge2: #256B8F; --snow-ridge3: #1A6277; --snow-ridge4: #123F5E; --snow-ridge5: #0A2438; --snow-glass-bg: #FFFFFF; --snow-glass-opacity: 0.42; --snow-glass-blur: 26px; --snow-glass-border: #FFFFFF; --snow-glass-border-opacity: 0.62; --snow-hero-top-opacity: 0.06; --snow-hero-bottom-opacity: 0.34; --snow-cta-from: #4FBEDE; --snow-cta-to: #1D8CB4; --snow-cta-edge: #93D9EC; --snow-entrance-curve: cubic-bezier(0.16, 1, 0.3, 1); } :root[data-season='summer'] { --snow-background: #FFFFFF; --snow-background-secondary: #F5F7F2; --snow-surface: #FFFDF8; --snow-surface-elevated: #F8F8F2; --snow-surface-glass: #D2EEE8; --snow-primary: #268E87; --snow-primary-pressed: #1E716C; --snow-primary-container: #D2F0EC; --snow-secondary: #D59B32; --snow-secondary-pressed: #AD7922; --snow-text-primary: #163D3D; --snow-text-secondary: #4F706B; --snow-text-muted: #819994; --snow-text-on-primary: #FFFFFF; --snow-border: #B9D4CE; --snow-divider: #D0E0DB; --snow-success: #398B60; --snow-error: #D84A4A; --snow-warning: #BF7E1F; --snow-info: #268A9F; --snow-scrim: #06282A; --snow-overlay-top: #4B8A8B; --snow-overlay-bottom: #06383C; --snow-particle: #FFD979; --snow-glow: #91E5DD; --snow-band-dark: #063B46; --snow-band-dark-secondary: #075565; --snow-band-text: #F4FFFD; --snow-band-text-muted: #A8CFC9; --snow-ridge1: #33A3A6; --snow-ridge2: #1B8A92; --snow-ridge3: #0F7A88; --snow-ridge4: #0A5A66; --snow-ridge5: #053039; --snow-glass-bg: #FFFFFF; --snow-glass-opacity: 0.4; --snow-glass-blur: 26px; --snow-glass-border: #FFFFFF; --snow-glass-border-opacity: 0.6; --snow-hero-top-opacity: 0.05; --snow-hero-bottom-opacity: 0.3; --snow-cta-from: #4FBEDE; --snow-cta-to: #1D8CB4; --snow-cta-edge: #93D9EC; --snow-entrance-curve: cubic-bezier(0.22, 1, 0.36, 1); }

Aramıza katılın