|
11 | 11 | @import './markdown.css' layer(utilities); |
12 | 12 | @import './effects.css' layer(utilities); |
13 | 13 | @import './locals.css' layer(utilities); |
| 14 | + |
| 15 | +@theme { |
| 16 | + --green-100: #edf2eb; |
| 17 | + --green-200: #c5e5b4; |
| 18 | + --green-300: #99cc7d; |
| 19 | + --green-400: #84ba64; |
| 20 | + --green-500: #5fa04e; |
| 21 | + --green-600: #417e38; |
| 22 | + --green-700: #2c682c; |
| 23 | + --green-800: #2c682c; |
| 24 | + --green-900: #1a3f1d; |
| 25 | + --neutral-100: #f6f7f9; |
| 26 | + --neutral-200: #e9edf0; |
| 27 | + --neutral-300: #d9e1e4; |
| 28 | + --neutral-400: #cbd4d9; |
| 29 | + --neutral-500: #b1bcc2; |
| 30 | + --neutral-600: #929fa5; |
| 31 | + --neutral-700: #6e7b83; |
| 32 | + --neutral-800: #556066; |
| 33 | + --neutral-900: #2c3437; |
| 34 | + --neutral-950: #0d121c; |
| 35 | + --danger-100: #fbf1f0; |
| 36 | + --danger-200: #fad3d4; |
| 37 | + --danger-300: #fab6b7; |
| 38 | + --danger-400: #fa8e8e; |
| 39 | + --danger-500: #f65354; |
| 40 | + --danger-600: #de1a1b; |
| 41 | + --danger-700: #b80c0c; |
| 42 | + --danger-800: #900e0e; |
| 43 | + --danger-900: #661514; |
| 44 | + --warning-100: #fdf3e7; |
| 45 | + --warning-200: #fad9b0; |
| 46 | + --warning-300: #f5bc75; |
| 47 | + --warning-400: #e99c40; |
| 48 | + --warning-500: #d07912; |
| 49 | + --warning-600: #ae5f00; |
| 50 | + --warning-700: #8b4d04; |
| 51 | + --warning-800: #683d08; |
| 52 | + --warning-900: #4d2f0b; |
| 53 | + --info-100: #e9f4fa; |
| 54 | + --info-200: #bce6fc; |
| 55 | + --info-300: #8ed4f8; |
| 56 | + --info-400: #52baed; |
| 57 | + --info-500: #229ad6; |
| 58 | + --info-600: #0c7bb3; |
| 59 | + --info-700: #066291; |
| 60 | + --info-800: #074d71; |
| 61 | + --info-900: #0a3953; |
| 62 | + --accent1-100: #f7f1fb; |
| 63 | + --accent1-200: #ead9fb; |
| 64 | + --accent1-300: #dbbdf9; |
| 65 | + --accent1-400: #c79bf2; |
| 66 | + --accent1-500: #af74e8; |
| 67 | + --accent1-600: #9756d6; |
| 68 | + --accent1-700: #7d3cbe; |
| 69 | + --accent1-800: #642b9e; |
| 70 | + --accent1-900: #361b52; |
| 71 | + --accent2-100: #fbf0f4; |
| 72 | + --accent2-200: #fbd4e6; |
| 73 | + --accent2-300: #fbb4d2; |
| 74 | + --accent2-400: #f68bb7; |
| 75 | + --accent2-500: #ed5393; |
| 76 | + --accent2-600: #d6246e; |
| 77 | + --accent2-700: #b01356; |
| 78 | + --accent2-800: #8b1245; |
| 79 | + --accent2-900: #411526; |
| 80 | + --pulse-100: #0000330f; |
| 81 | + --pulse-200: #00002d17; |
| 82 | + --pulse-300: #ddeaf814; |
| 83 | + --pulse-400: #d3edf81d; |
| 84 | + --white: #fff; |
| 85 | + --transparent: 'transparent'; |
| 86 | + --shadow: #101828; |
| 87 | + --inherit: 'inherit'; |
| 88 | + --shadow-xs: 0px 1px 2px 0px theme(colors.shadow / 5%); |
| 89 | + --shadow-lg: 0px 4px 6px -2px theme(colors.shadow / 3%), |
| 90 | + 0px 12px 16px -4px theme(colors.shadow / 8%); |
| 91 | + --font-open-sans: var(--font-open-sans); |
| 92 | + --ibm-plex-mono: var(--font-ibm-plex-mono); |
| 93 | + --font-weight-regular: '400'; |
| 94 | + --font-weight-medium: '500'; |
| 95 | + --font-weight-semibold: '600'; |
| 96 | + --font-weight-bold: '700'; |
| 97 | + --font-xs: 0.75rem; |
| 98 | + --font-xs-line-height: 1rem; |
| 99 | + --font-sm: 0.87rem; |
| 100 | + --font-sm-line-height: 1.25rem; |
| 101 | + --font-base: 1rem; |
| 102 | + --font-base-line-height: 1.5rem; |
| 103 | + --font-lg: 1.125rem; |
| 104 | + --font-lg-line-height: 1.75rem; |
| 105 | + --font-xl: 1.25rem; |
| 106 | + --font-xl-line-height: 1.875rem; |
| 107 | + --font-2xl: 1.5rem; |
| 108 | + --font-2xl-line-height: 2rem; |
| 109 | + --font-3xl: 1.875rem; |
| 110 | + --font-3xl-line-height: 2.25rem; |
| 111 | + --font-4xl: 2.25rem; |
| 112 | + --font-4xl-line-height: 2.5rem; |
| 113 | + --font-5xl: 3rem; |
| 114 | + --font-5xl-line-height: 3rem; |
| 115 | + --font-6xl: 3.75rem; |
| 116 | + --font-6xl-line-height: 3.75rem; |
| 117 | + --font-7xl: 4.5rem; |
| 118 | + --font-7xl-line-height: 4.5rem; |
| 119 | + --breakpoint-xs: 670px; |
| 120 | + --animate-surf: surf 1s infinite ease-in-out; |
| 121 | + --animate-pulse: pulse 500ms infinite alternate-reverse; |
| 122 | + --animate-pulse-dark: pulse-dark 500ms infinite alternate-reverse; |
| 123 | + |
| 124 | + @keyframes surf { |
| 125 | + 0% { |
| 126 | + transform: translate(0, 0); |
| 127 | + } |
| 128 | + |
| 129 | + 25% { |
| 130 | + transform: translate(0, 6px); |
| 131 | + } |
| 132 | + |
| 133 | + 50% { |
| 134 | + transform: translate(0, -6px); |
| 135 | + } |
| 136 | + |
| 137 | + 75% { |
| 138 | + transform: translate(0, 3px); |
| 139 | + } |
| 140 | + |
| 141 | + 100% { |
| 142 | + transform: translate(0, 0); |
| 143 | + } |
| 144 | + } |
| 145 | + |
| 146 | + @keyframes pulse { |
| 147 | + from { |
| 148 | + background: theme(colors.pulse.100); |
| 149 | + } |
| 150 | + |
| 151 | + to { |
| 152 | + background: theme('colors.pulse.200'); |
| 153 | + } |
| 154 | + } |
| 155 | + |
| 156 | + @keyframes pulse-dark { |
| 157 | + from { |
| 158 | + background: theme(colors.pulse.300); |
| 159 | + } |
| 160 | + |
| 161 | + to { |
| 162 | + background: theme(colors.pulse.400); |
| 163 | + } |
| 164 | + } |
| 165 | +} |
0 commit comments