Last active
May 10, 2024 06:27
-
-
Save siddharthborderwala/52d03080406904eb2fe7150ed477cbfb to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * The Stride dApp is in light mode, so we will update .leap-ui declaration | |
| */ | |
| .leap-ui.stride { | |
| /* | |
| * Stride primary color is #E50571 | |
| * Convert it to HSL - hsl(331deg, 95.7%, 45.9%) | |
| * We set the --primary variable to 331 95.7% 45.9% | |
| */ | |
| --primary: 331 95.7% 45.9%; | |
| /* | |
| * Primary Foreground color - white | |
| */ | |
| --primary-foreground: 0 0% 100%; | |
| /* | |
| * Ring color - hsl(323deg, 94.2%, 59.2%) | |
| */ | |
| --ring: 323 94.2% 59.2%; | |
| /* | |
| * Background color - white | |
| */ | |
| --background: 0 0% 100%; | |
| /* | |
| * Foreground color - hsl(331deg, 100%, 11.8%) | |
| */ | |
| --foreground: 331 100% 11.8%; | |
| /* | |
| * Secondary Background - hsl(330deg, 16.7%, 86.3%) | |
| */ | |
| --secondary: 330 16.7% 86.3%; | |
| /* | |
| * Secondary Foreground - hsl(331deg, 100%, 11.8%) | |
| */ | |
| --secondary-foreground: 331 100% 11.8%; | |
| /* | |
| * Popover Background color - hsl(330deg, 5%, 98%) | |
| */ | |
| --popver: 330 5% 98%; | |
| /* | |
| * Popover Foreground color - hsl(331deg, 100%, 11.8%) | |
| */ | |
| --popover-foreground: 331 100% 11.8%; | |
| /* | |
| * Card Background - hsl(330deg, 12%, 95.3%) | |
| */ | |
| --card: 330 12% 95.3%; | |
| /* | |
| * Card Foreground - hsl(331deg, 100%, 11.8%) | |
| */ | |
| --card-foreground: 331 100% 11.8%; | |
| /* | |
| * Accent color - hsl(292deg, 20%, 91%) | |
| */ | |
| --accent: 292 20% 91%; | |
| /* | |
| * Accent Foreground - hsl(331deg, 100%, 11.8%) | |
| */ | |
| --accent-foreground: 331 100% 11.8%; | |
| /* | |
| * Muted Background color - hsl(330deg, 0%, 95%) | |
| */ | |
| --muted: 330 0% 95%; | |
| /* | |
| * Muted Foreground color - hsl(329deg, 11.7%, 38.6%) | |
| */ | |
| --muted-foreground: 329 11.7% 38.6%; | |
| /* | |
| * Border - hsl(330deg, 13.8%, 88.6%) | |
| */ | |
| --border: 330 13.8 88.6; | |
| /* | |
| * Input color - hsl(330deg, 13.8%, 88.6%) | |
| */ | |
| --input: 330 13.8% 88.6%; | |
| /* | |
| * Base border radius - 0.75rem | |
| */ | |
| --radius: 0.75rem; | |
| /** | |
| * Destructive background - hsl(0deg, 85.6%, 59.2%) | |
| */ | |
| --destructive: 0 85.6% 59.2%; | |
| /** | |
| * Destructive foreground - hsl(331deg, 100%, 11.8%) | |
| */ | |
| --destructive-foreground: 331 100% 11.8%; | |
| /** | |
| * Warning background - hsl(36.2deg, 100%, 42%) | |
| */ | |
| --warning: 36.2 100% 42%; | |
| /** | |
| * Warning foreground - hsl(331deg, 100%, 11.8%) | |
| */ | |
| --warning-foreground: 331 100% 11.8%; | |
| /** | |
| * Success foreground - hsl(331deg, 100%, 11.8%) | |
| */ | |
| --success-foreground: 331 100% 11.8%; | |
| } | |
| .leap-ui.stride.dark { | |
| --primary: 331 95.7% 45.9%; | |
| --primary-foreground: 0 0% 100%; | |
| --ring: 323 94.2% 59.2%; | |
| --background: 331 100% 11.8%; | |
| --foreground: 0 0% 100%; | |
| --destructive: 0 85.6% 59.2%; | |
| --destructive-foreground: 331 100% 11.8%; | |
| --warning: 36.2 100% 42%; | |
| --warning-foreground: 331 100% 11.8%; | |
| --success-foreground: 331 100% 11.8%; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment