@bexis2/bexis2-core-ui
Version:
Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
113 lines (109 loc) • 5.73 kB
CSS
/* =~= Hamlindigo Theme - made by GitHub user @rcgy for the Skeleton community. Go watch Better Call Saul. =~= */
/* https://github.com/skeletonlabs/skeleton/discussions/401 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800&display=swap');
:root {
/* =~= Hamlindigo Theme | Custom =~= */
--theme-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--theme-font-family-heading: 'Playfair Display', serif;
--theme-font-color-base: 0 0 0;
--theme-font-color-dark: 255 255 255;
--theme-rounded-base: 2px;
--theme-rounded-container: 2px;
--theme-border-base: 2px;
/* =~= Theme On-X Colors =~= */
--on-primary: 0 0 0;
--on-secondary: 255 255 255;
--on-tertiary: 255 255 255;
--on-success: 255 255 255;
--on-warning: 0 0 0;
--on-error: 255 255 255;
--on-surface: 255 255 255;
/* =~= Theme Colors =~= */
/* primary | #a8bef1 */
--color-primary-50: 242 245 253; /* ⬅ #f2f5fd */
--color-primary-100: 238 242 252; /* ⬅ #eef2fc */
--color-primary-200: 233 239 252; /* ⬅ #e9effc */
--color-primary-300: 220 229 249; /* ⬅ #dce5f9 */
--color-primary-400: 194 210 245; /* ⬅ #c2d2f5 */
--color-primary-500: 168 190 241; /* ⬅ #a8bef1 */
--color-primary-600: 151 171 217; /* ⬅ #97abd9 */
--color-primary-700: 126 143 181; /* ⬅ #7e8fb5 */
--color-primary-800: 101 114 145; /* ⬅ #657291 */
--color-primary-900: 82 93 118; /* ⬅ #525d76 */
/* secondary | #a48e5b */
--color-secondary-50: 241 238 230; /* ⬅ #f1eee6 */
--color-secondary-100: 237 232 222; /* ⬅ #ede8de */
--color-secondary-200: 232 227 214; /* ⬅ #e8e3d6 */
--color-secondary-300: 219 210 189; /* ⬅ #dbd2bd */
--color-secondary-400: 191 176 140; /* ⬅ #bfb08c */
--color-secondary-500: 164 142 91; /* ⬅ #a48e5b */
--color-secondary-600: 148 128 82; /* ⬅ #948052 */
--color-secondary-700: 123 107 68; /* ⬅ #7b6b44 */
--color-secondary-800: 98 85 55; /* ⬅ #625537 */
--color-secondary-900: 80 70 45; /* ⬅ #50462d */
/* tertiary | #6197a3 */
--color-tertiary-50: 231 239 241; /* ⬅ #e7eff1 */
--color-tertiary-100: 223 234 237; /* ⬅ #dfeaed */
--color-tertiary-200: 216 229 232; /* ⬅ #d8e5e8 */
--color-tertiary-300: 192 213 218; /* ⬅ #c0d5da */
--color-tertiary-400: 144 182 191; /* ⬅ #90b6bf */
--color-tertiary-500: 97 151 163; /* ⬅ #6197a3 */
--color-tertiary-600: 87 136 147; /* ⬅ #578893 */
--color-tertiary-700: 73 113 122; /* ⬅ #49717a */
--color-tertiary-800: 58 91 98; /* ⬅ #3a5b62 */
--color-tertiary-900: 48 74 80; /* ⬅ #304a50 */
/* success | #47947d */
--color-success-50: 227 239 236; /* ⬅ #e3efec */
--color-success-100: 218 234 229; /* ⬅ #daeae5 */
--color-success-200: 209 228 223; /* ⬅ #d1e4df */
--color-success-300: 181 212 203; /* ⬅ #b5d4cb */
--color-success-400: 126 180 164; /* ⬅ #7eb4a4 */
--color-success-500: 71 148 125; /* ⬅ #47947d */
--color-success-600: 64 133 113; /* ⬅ #408571 */
--color-success-700: 53 111 94; /* ⬅ #356f5e */
--color-success-800: 43 89 75; /* ⬅ #2b594b */
--color-success-900: 35 73 61; /* ⬅ #23493d */
/* warning | #daa93e */
--color-warning-50: 249 242 226; /* ⬅ #f9f2e2 */
--color-warning-100: 248 238 216; /* ⬅ #f8eed8 */
--color-warning-200: 246 234 207; /* ⬅ #f6eacf */
--color-warning-300: 240 221 178; /* ⬅ #f0ddb2 */
--color-warning-400: 229 195 120; /* ⬅ #e5c378 */
--color-warning-500: 218 169 62; /* ⬅ #daa93e */
--color-warning-600: 196 152 56; /* ⬅ #c49838 */
--color-warning-700: 164 127 47; /* ⬅ #a47f2f */
--color-warning-800: 131 101 37; /* ⬅ #836525 */
--color-warning-900: 107 83 30; /* ⬅ #6b531e */
/* error | #a26175 */
--color-error-50: 241 231 234; /* ⬅ #f1e7ea */
--color-error-100: 236 223 227; /* ⬅ #ecdfe3 */
--color-error-200: 232 216 221; /* ⬅ #e8d8dd */
--color-error-300: 218 192 200; /* ⬅ #dac0c8 */
--color-error-400: 190 144 158; /* ⬅ #be909e */
--color-error-500: 162 97 117; /* ⬅ #a26175 */
--color-error-600: 146 87 105; /* ⬅ #925769 */
--color-error-700: 122 73 88; /* ⬅ #7a4958 */
--color-error-800: 97 58 70; /* ⬅ #613a46 */
--color-error-900: 79 48 57; /* ⬅ #4f3039 */
/* surface | #6376a3 */
--color-surface-50: 232 234 241; /* ⬅ #e8eaf1 */
--color-surface-100: 224 228 237; /* ⬅ #e0e4ed */
--color-surface-200: 216 221 232; /* ⬅ #d8dde8 */
--color-surface-300: 193 200 218; /* ⬅ #c1c8da */
--color-surface-400: 146 159 191; /* ⬅ #929fbf */
--color-surface-500: 99 118 163; /* ⬅ #6376a3 */
--color-surface-600: 89 106 147; /* ⬅ #596a93 */
--color-surface-700: 74 89 122; /* ⬅ #4a597a */
--color-surface-800: 59 71 98; /* ⬅ #3b4762 */
--color-surface-900: 49 58 80; /* ⬅ #313a50 */
}
/* Applied to body with `<body data-theme="hamlindigo">` */
/* Generated via: https://heropatterns.com/ */
[data-theme='hamlindigo'] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23e0e4ed' fill-opacity='0.5'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
}
.dark [data-theme='hamlindigo'] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%233b4762' fill-opacity='0.2'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
}