기본 CSS 변수 목록
기본 CSS 변수 목록
이 페이지는 기본 테마에서 생성된 모든 Mantine CSS 변수 목록을 담고 있어요.
출처: 문서
본문
색상 체계에 의존하지 않는 CSS 변수
| 변수 | 기본값 |
|---|---|
--mantine-z-index-app |
100 |
--mantine-z-index-modal |
200 |
--mantine-z-index-popover |
300 |
--mantine-z-index-overlay |
400 |
--mantine-z-index-max |
9999 |
--mantine-scale |
1 |
--mantine-cursor-type |
default |
--mantine-webkit-font-smoothing |
antialiased |
--mantine-moz-font-smoothing |
grayscale |
--mantine-color-white |
#fff |
--mantine-color-black |
#000 |
--mantine-line-height |
1.55 |
--mantine-font-family |
-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji |
--mantine-font-family-monospace |
ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace |
--mantine-font-family-headings |
-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji |
--mantine-heading-font-weight |
700 |
--mantine-heading-text-wrap |
wrap |
--mantine-radius-default |
0.5rem |
--mantine-primary-color-filled |
var(--mantine-color-blue-filled) |
--mantine-primary-color-filled-hover |
var(--mantine-color-blue-filled-hover) |
--mantine-primary-color-light |
var(--mantine-color-blue-light) |
--mantine-primary-color-light-hover |
var(--mantine-color-blue-light-hover) |
--mantine-primary-color-light-color |
var(--mantine-color-blue-light-color) |
--mantine-breakpoint-xs |
36em |
--mantine-breakpoint-sm |
48em |
--mantine-breakpoint-md |
62em |
--mantine-breakpoint-lg |
75em |
--mantine-breakpoint-xl |
88em |
--mantine-spacing-xs |
0.625rem |
--mantine-spacing-sm |
0.75rem |
--mantine-spacing-md |
1rem |
--mantine-spacing-lg |
1.25rem |
--mantine-spacing-xl |
2rem |
--mantine-font-size-xs |
0.75rem |
--mantine-font-size-sm |
0.875rem |
--mantine-font-size-md |
1rem |
--mantine-font-size-lg |
1.125rem |
--mantine-font-size-xl |
1.25rem |
--mantine-line-height-xs |
1.4 |
--mantine-line-height-sm |
1.45 |
--mantine-line-height-md |
1.55 |
--mantine-line-height-lg |
1.6 |
--mantine-line-height-xl |
1.65 |
--mantine-shadow-xs |
0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1) |
--mantine-shadow-sm |
0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 0.625rem 0.9375rem -0.3125rem, rgba(0, 0, 0, 0.04) 0 0.4375rem 0.4375rem -0.3125rem |
--mantine-shadow-md |
0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 1.25rem 1.5625rem -0.3125rem, rgba(0, 0, 0, 0.04) 0 0.625rem 0.625rem -0.3125rem |
--mantine-shadow-lg |
0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 1.75rem 1.4375rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 0.75rem 0.75rem -0.4375rem |
--mantine-shadow-xl |
0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem |
--mantine-radius-xs |
0.125rem |
--mantine-radius-sm |
0.25rem |
--mantine-radius-md |
0.5rem |
--mantine-radius-lg |
1rem |
--mantine-radius-xl |
2rem |
--mantine-font-weight-regular |
400 |
--mantine-font-weight-medium |
600 |
--mantine-font-weight-bold |
700 |
--mantine-primary-color-0 |
var(--mantine-color-blue-0) |
--mantine-primary-color-1 |
var(--mantine-color-blue-1) |
--mantine-primary-color-2 |
var(--mantine-color-blue-2) |
--mantine-primary-color-3 |
var(--mantine-color-blue-3) |
--mantine-primary-color-4 |
var(--mantine-color-blue-4) |
--mantine-primary-color-5 |
var(--mantine-color-blue-5) |
--mantine-primary-color-6 |
var(--mantine-color-blue-6) |
--mantine-primary-color-7 |
var(--mantine-color-blue-7) |
--mantine-primary-color-8 |
var(--mantine-color-blue-8) |
--mantine-primary-color-9 |
var(--mantine-color-blue-9) |
--mantine-color-dark-0 |
#C9C9C9 |
--mantine-color-dark-1 |
#b8b8b8 |
--mantine-color-dark-2 |
#828282 |
--mantine-color-dark-3 |
#696969 |
--mantine-color-dark-4 |
#424242 |
--mantine-color-dark-5 |
#3b3b3b |
--mantine-color-dark-6 |
#2e2e2e |
--mantine-color-dark-7 |
#242424 |
--mantine-color-dark-8 |
#1f1f1f |
--mantine-color-dark-9 |
#141414 |
--mantine-color-gray-0 |
#f8f9fa |
--mantine-color-gray-1 |
#f1f3f5 |
--mantine-color-gray-2 |
#e9ecef |
--mantine-color-gray-3 |
#dee2e6 |
--mantine-color-gray-4 |
#ced4da |
--mantine-color-gray-5 |
#adb5bd |
--mantine-color-gray-6 |
#868e96 |
--mantine-color-gray-7 |
#495057 |
--mantine-color-gray-8 |
#343a40 |
--mantine-color-gray-9 |
#212529 |
--mantine-color-red-0 |
#fff5f5 |
--mantine-color-red-1 |
#ffe3e3 |
--mantine-color-red-2 |
#ffc9c9 |
--mantine-color-red-3 |
#ffa8a8 |
--mantine-color-red-4 |
#ff8787 |
--mantine-color-red-5 |
#ff6b6b |
--mantine-color-red-6 |
#fa5252 |
--mantine-color-red-7 |
#f03e3e |
--mantine-color-red-8 |
#e03131 |
--mantine-color-red-9 |
#c92a2a |
--mantine-color-pink-0 |
#fff0f6 |
--mantine-color-pink-1 |
#ffdeeb |
--mantine-color-pink-2 |
#fcc2d7 |
--mantine-color-pink-3 |
#faa2c1 |
--mantine-color-pink-4 |
#f783ac |
--mantine-color-pink-5 |
#f06595 |
--mantine-color-pink-6 |
#e64980 |
--mantine-color-pink-7 |
#d6336c |
--mantine-color-pink-8 |
#c2255c |
--mantine-color-pink-9 |
#a61e4d |
--mantine-color-grape-0 |
#f8f0fc |
--mantine-color-grape-1 |
#f3d9fa |
--mantine-color-grape-2 |
#eebefa |
--mantine-color-grape-3 |
#e599f7 |
--mantine-color-grape-4 |
#da77f2 |
--mantine-color-grape-5 |
#cc5de8 |
--mantine-color-grape-6 |
#be4bdb |
--mantine-color-grape-7 |
#ae3ec9 |
--mantine-color-grape-8 |
#9c36b5 |
--mantine-color-grape-9 |
#862e9c |
--mantine-color-violet-0 |
#f3f0ff |
--mantine-color-violet-1 |
#e5dbff |
--mantine-color-violet-2 |
#d0bfff |
--mantine-color-violet-3 |
#b197fc |
--mantine-color-violet-4 |
#9775fa |
--mantine-color-violet-5 |
#845ef7 |
--mantine-color-violet-6 |
#7950f2 |
--mantine-color-violet-7 |
#7048e8 |
--mantine-color-violet-8 |
#6741d9 |
--mantine-color-violet-9 |
#5f3dc4 |
--mantine-color-indigo-0 |
#edf2ff |
--mantine-color-indigo-1 |
#dbe4ff |
--mantine-color-indigo-2 |
#bac8ff |
--mantine-color-indigo-3 |
#91a7ff |
--mantine-color-indigo-4 |
#748ffc |
--mantine-color-indigo-5 |
#5c7cfa |
--mantine-color-indigo-6 |
#4c6ef5 |
--mantine-color-indigo-7 |
#4263eb |
--mantine-color-indigo-8 |
#3b5bdb |
--mantine-color-indigo-9 |
#364fc7 |
--mantine-color-blue-0 |
#e7f5ff |
--mantine-color-blue-1 |
#d0ebff |
--mantine-color-blue-2 |
#a5d8ff |
--mantine-color-blue-3 |
#74c0fc |
--mantine-color-blue-4 |
#4dabf7 |
--mantine-color-blue-5 |
#339af0 |
--mantine-color-blue-6 |
#228be6 |
--mantine-color-blue-7 |
#1c7ed6 |
--mantine-color-blue-8 |
#1971c2 |
--mantine-color-blue-9 |
#1864ab |
--mantine-color-cyan-0 |
#e3fafc |
--mantine-color-cyan-1 |
#c5f6fa |
--mantine-color-cyan-2 |
#99e9f2 |
--mantine-color-cyan-3 |
#66d9e8 |
--mantine-color-cyan-4 |
#3bc9db |
--mantine-color-cyan-5 |
#22b8cf |
--mantine-color-cyan-6 |
#15aabf |
--mantine-color-cyan-7 |
#1098ad |
--mantine-color-cyan-8 |
#0c8599 |
--mantine-color-cyan-9 |
#0b7285 |
--mantine-color-teal-0 |
#e6fcf5 |
--mantine-color-teal-1 |
#c3fae8 |
--mantine-color-teal-2 |
#96f2d7 |
--mantine-color-teal-3 |
#63e6be |
--mantine-color-teal-4 |
#38d9a9 |
--mantine-color-teal-5 |
#20c997 |
--mantine-color-teal-6 |
#12b886 |
--mantine-color-teal-7 |
#0ca678 |
--mantine-color-teal-8 |
#099268 |
--mantine-color-teal-9 |
#087f5b |
--mantine-color-green-0 |
#ebfbee |
--mantine-color-green-1 |
#d3f9d8 |
--mantine-color-green-2 |
#b2f2bb |
--mantine-color-green-3 |
#8ce99a |
--mantine-color-green-4 |
#69db7c |
--mantine-color-green-5 |
#51cf66 |
--mantine-color-green-6 |
#40c057 |
--mantine-color-green-7 |
#37b24d |
--mantine-color-green-8 |
#2f9e44 |
--mantine-color-green-9 |
#2b8a3e |
--mantine-color-lime-0 |
#f4fce3 |
--mantine-color-lime-1 |
#e9fac8 |
--mantine-color-lime-2 |
#d8f5a2 |
--mantine-color-lime-3 |
#c0eb75 |
--mantine-color-lime-4 |
#a9e34b |
--mantine-color-lime-5 |
#94d82d |
--mantine-color-lime-6 |
#82c91e |
--mantine-color-lime-7 |
#74b816 |
--mantine-color-lime-8 |
#66a80f |
--mantine-color-lime-9 |
#5c940d |
--mantine-color-yellow-0 |
#fff9db |
--mantine-color-yellow-1 |
#fff3bf |
--mantine-color-yellow-2 |
#ffec99 |
--mantine-color-yellow-3 |
#ffe066 |
--mantine-color-yellow-4 |
#ffd43b |
--mantine-color-yellow-5 |
#fcc419 |
--mantine-color-yellow-6 |
#fab005 |
--mantine-color-yellow-7 |
#f59f00 |
--mantine-color-yellow-8 |
#f08c00 |
--mantine-color-yellow-9 |
#e67700 |
--mantine-color-orange-0 |
#fff4e6 |
--mantine-color-orange-1 |
#ffe8cc |
--mantine-color-orange-2 |
#ffd8a8 |
--mantine-color-orange-3 |
#ffc078 |
--mantine-color-orange-4 |
#ffa94d |
--mantine-color-orange-5 |
#ff922b |
--mantine-color-orange-6 |
#fd7e14 |
--mantine-color-orange-7 |
#f76707 |
--mantine-color-orange-8 |
#e8590c |
--mantine-color-orange-9 |
#d9480f |
--mantine-h1-font-size |
2.125rem |
--mantine-h1-line-height |
1.3 |
--mantine-h1-font-weight |
700 |
--mantine-h2-font-size |
1.625rem |
--mantine-h2-line-height |
1.35 |
--mantine-h2-font-weight |
700 |
--mantine-h3-font-size |
1.375rem |
--mantine-h3-line-height |
1.4 |
--mantine-h3-font-weight |
700 |
--mantine-h4-font-size |
1.125rem |
--mantine-h4-line-height |
1.45 |
--mantine-h4-font-weight |
700 |
--mantine-h5-font-size |
1rem |
--mantine-h5-line-height |
1.5 |
--mantine-h5-font-weight |
700 |
--mantine-h6-font-size |
0.875rem |
--mantine-h6-line-height |
1.5 |
--mantine-h6-font-weight |
700 |
Light 색상 체계 전용 변수
| 변수 | 기본값 |
|---|---|
--mantine-color-scheme |
light |
--mantine-primary-color-contrast |
var(--mantine-color-white) |
--mantine-color-bright |
var(--mantine-color-black) |
--mantine-color-text |
#000 |
--mantine-color-body |
#fff |
--mantine-color-error |
var(--mantine-color-red-6) |
--mantine-color-success |
var(--mantine-color-teal-8) |
--mantine-color-placeholder |
var(--mantine-color-gray-5) |
--mantine-color-anchor |
var(--mantine-color-blue-6) |
--mantine-color-default |
var(--mantine-color-white) |
--mantine-color-default-hover |
var(--mantine-color-gray-0) |
--mantine-color-default-color |
var(--mantine-color-black) |
--mantine-color-default-border |
var(--mantine-color-gray-4) |
--mantine-color-dimmed |
var(--mantine-color-gray-6) |
--mantine-color-disabled |
var(--mantine-color-gray-2) |
--mantine-color-disabled-color |
var(--mantine-color-gray-5) |
--mantine-color-disabled-border |
var(--mantine-color-gray-3) |
--mantine-color-dark-text |
var(--mantine-color-dark-filled) |
--mantine-color-dark-filled |
var(--mantine-color-dark-6) |
--mantine-color-dark-filled-hover |
var(--mantine-color-dark-7) |
--mantine-color-dark-light |
var(--mantine-color-dark-1) |
--mantine-color-dark-light-hover |
var(--mantine-color-dark-2) |
--mantine-color-dark-light-color |
var(--mantine-color-dark-9) |
--mantine-color-dark-outline |
var(--mantine-color-dark-6) |
--mantine-color-dark-outline-hover |
rgba(46, 46, 46, 0.05) |
--mantine-color-gray-text |
var(--mantine-color-gray-filled) |
--mantine-color-gray-filled |
var(--mantine-color-gray-6) |
--mantine-color-gray-filled-hover |
var(--mantine-color-gray-7) |
--mantine-color-gray-light |
var(--mantine-color-gray-1) |
--mantine-color-gray-light-hover |
var(--mantine-color-gray-2) |
--mantine-color-gray-light-color |
var(--mantine-color-gray-9) |
--mantine-color-gray-outline |
var(--mantine-color-gray-6) |
--mantine-color-gray-outline-hover |
rgba(134, 142, 150, 0.05) |
--mantine-color-red-text |
var(--mantine-color-red-filled) |
--mantine-color-red-filled |
var(--mantine-color-red-6) |
--mantine-color-red-filled-hover |
var(--mantine-color-red-7) |
--mantine-color-red-light |
var(--mantine-color-red-1) |
--mantine-color-red-light-hover |
var(--mantine-color-red-2) |
--mantine-color-red-light-color |
var(--mantine-color-red-9) |
--mantine-color-red-outline |
var(--mantine-color-red-6) |
--mantine-color-red-outline-hover |
rgba(250, 82, 82, 0.05) |
--mantine-color-pink-text |
var(--mantine-color-pink-filled) |
--mantine-color-pink-filled |
var(--mantine-color-pink-6) |
--mantine-color-pink-filled-hover |
var(--mantine-color-pink-7) |
--mantine-color-pink-light |
var(--mantine-color-pink-1) |
--mantine-color-pink-light-hover |
var(--mantine-color-pink-2) |
--mantine-color-pink-light-color |
var(--mantine-color-pink-9) |
--mantine-color-pink-outline |
var(--mantine-color-pink-6) |
--mantine-color-pink-outline-hover |
rgba(230, 73, 128, 0.05) |
--mantine-color-grape-text |
var(--mantine-color-grape-filled) |
--mantine-color-grape-filled |
var(--mantine-color-grape-6) |
--mantine-color-grape-filled-hover |
var(--mantine-color-grape-7) |
--mantine-color-grape-light |
var(--mantine-color-grape-1) |
--mantine-color-grape-light-hover |
var(--mantine-color-grape-2) |
--mantine-color-grape-light-color |
var(--mantine-color-grape-9) |
--mantine-color-grape-outline |
var(--mantine-color-grape-6) |
--mantine-color-grape-outline-hover |
rgba(190, 75, 219, 0.05) |
--mantine-color-violet-text |
var(--mantine-color-violet-filled) |
--mantine-color-violet-filled |
var(--mantine-color-violet-6) |
--mantine-color-violet-filled-hover |
var(--mantine-color-violet-7) |
--mantine-color-violet-light |
var(--mantine-color-violet-1) |
--mantine-color-violet-light-hover |
var(--mantine-color-violet-2) |
--mantine-color-violet-light-color |
var(--mantine-color-violet-9) |
--mantine-color-violet-outline |
var(--mantine-color-violet-6) |
--mantine-color-violet-outline-hover |
rgba(121, 80, 242, 0.05) |
--mantine-color-indigo-text |
var(--mantine-color-indigo-filled) |
--mantine-color-indigo-filled |
var(--mantine-color-indigo-6) |
--mantine-color-indigo-filled-hover |
var(--mantine-color-indigo-7) |
--mantine-color-indigo-light |
var(--mantine-color-indigo-1) |
--mantine-color-indigo-light-hover |
var(--mantine-color-indigo-2) |
--mantine-color-indigo-light-color |
var(--mantine-color-indigo-9) |
--mantine-color-indigo-outline |
var(--mantine-color-indigo-6) |
--mantine-color-indigo-outline-hover |
rgba(76, 110, 245, 0.05) |
--mantine-color-blue-text |
var(--mantine-color-blue-filled) |
--mantine-color-blue-filled |
var(--mantine-color-blue-6) |
--mantine-color-blue-filled-hover |
var(--mantine-color-blue-7) |
--mantine-color-blue-light |
var(--mantine-color-blue-1) |
--mantine-color-blue-light-hover |
var(--mantine-color-blue-2) |
--mantine-color-blue-light-color |
var(--mantine-color-blue-9) |
--mantine-color-blue-outline |
var(--mantine-color-blue-6) |
--mantine-color-blue-outline-hover |
rgba(34, 139, 230, 0.05) |
--mantine-color-cyan-text |
var(--mantine-color-cyan-filled) |
--mantine-color-cyan-filled |
var(--mantine-color-cyan-6) |
--mantine-color-cyan-filled-hover |
var(--mantine-color-cyan-7) |
--mantine-color-cyan-light |
var(--mantine-color-cyan-1) |
--mantine-color-cyan-light-hover |
var(--mantine-color-cyan-2) |
--mantine-color-cyan-light-color |
var(--mantine-color-cyan-9) |
--mantine-color-cyan-outline |
var(--mantine-color-cyan-6) |
--mantine-color-cyan-outline-hover |
rgba(21, 170, 191, 0.05) |
--mantine-color-teal-text |
var(--mantine-color-teal-filled) |
--mantine-color-teal-filled |
var(--mantine-color-teal-6) |
--mantine-color-teal-filled-hover |
var(--mantine-color-teal-7) |
--mantine-color-teal-light |
var(--mantine-color-teal-1) |
--mantine-color-teal-light-hover |
var(--mantine-color-teal-2) |
--mantine-color-teal-light-color |
var(--mantine-color-teal-9) |
--mantine-color-teal-outline |
var(--mantine-color-teal-6) |
--mantine-color-teal-outline-hover |
rgba(18, 184, 134, 0.05) |
--mantine-color-green-text |
var(--mantine-color-green-filled) |
--mantine-color-green-filled |
var(--mantine-color-green-6) |
--mantine-color-green-filled-hover |
var(--mantine-color-green-7) |
--mantine-color-green-light |
var(--mantine-color-green-1) |
--mantine-color-green-light-hover |
var(--mantine-color-green-2) |
--mantine-color-green-light-color |
var(--mantine-color-green-9) |
--mantine-color-green-outline |
var(--mantine-color-green-6) |
--mantine-color-green-outline-hover |
rgba(64, 192, 87, 0.05) |
--mantine-color-lime-text |
var(--mantine-color-lime-filled) |
--mantine-color-lime-filled |
var(--mantine-color-lime-6) |
--mantine-color-lime-filled-hover |
var(--mantine-color-lime-7) |
--mantine-color-lime-light |
var(--mantine-color-lime-1) |
--mantine-color-lime-light-hover |
var(--mantine-color-lime-2) |
--mantine-color-lime-light-color |
var(--mantine-color-lime-9) |
--mantine-color-lime-outline |
var(--mantine-color-lime-6) |
--mantine-color-lime-outline-hover |
rgba(130, 201, 30, 0.05) |
--mantine-color-yellow-text |
var(--mantine-color-yellow-filled) |
--mantine-color-yellow-filled |
var(--mantine-color-yellow-6) |
--mantine-color-yellow-filled-hover |
var(--mantine-color-yellow-7) |
--mantine-color-yellow-light |
var(--mantine-color-yellow-1) |
--mantine-color-yellow-light-hover |
var(--mantine-color-yellow-2) |
--mantine-color-yellow-light-color |
var(--mantine-color-yellow-9) |
--mantine-color-yellow-outline |
var(--mantine-color-yellow-6) |
--mantine-color-yellow-outline-hover |
rgba(250, 176, 5, 0.05) |
--mantine-color-orange-text |
var(--mantine-color-orange-filled) |
--mantine-color-orange-filled |
var(--mantine-color-orange-6) |
--mantine-color-orange-filled-hover |
var(--mantine-color-orange-7) |
--mantine-color-orange-light |
var(--mantine-color-orange-1) |
--mantine-color-orange-light-hover |
var(--mantine-color-orange-2) |
--mantine-color-orange-light-color |
var(--mantine-color-orange-9) |
--mantine-color-orange-outline |
var(--mantine-color-orange-6) |
--mantine-color-orange-outline-hover |
rgba(253, 126, 20, 0.05) |
Dark 색상 체계 전용 변수
| 변수 | 기본값 |
|---|---|
--mantine-color-scheme |
dark |
--mantine-primary-color-contrast |
var(--mantine-color-white) |
--mantine-color-bright |
var(--mantine-color-white) |
--mantine-color-text |
var(--mantine-color-dark-0) |
--mantine-color-body |
var(--mantine-color-dark-7) |
--mantine-color-error |
var(--mantine-color-red-8) |
--mantine-color-success |
var(--mantine-color-teal-8) |
--mantine-color-placeholder |
var(--mantine-color-dark-3) |
--mantine-color-anchor |
var(--mantine-color-blue-4) |
--mantine-color-default |
var(--mantine-color-dark-6) |
--mantine-color-default-hover |
var(--mantine-color-dark-5) |
--mantine-color-default-color |
var(--mantine-color-white) |
--mantine-color-default-border |
var(--mantine-color-dark-4) |
--mantine-color-dimmed |
var(--mantine-color-dark-2) |
--mantine-color-disabled |
var(--mantine-color-dark-6) |
--mantine-color-disabled-color |
var(--mantine-color-dark-3) |
--mantine-color-disabled-border |
var(--mantine-color-dark-4) |
--mantine-color-dark-text |
var(--mantine-color-dark-4) |
--mantine-color-dark-filled |
var(--mantine-color-dark-8) |
--mantine-color-dark-filled-hover |
var(--mantine-color-dark-9) |
--mantine-color-dark-light |
rgba(10, 10, 10, 1) |
--mantine-color-dark-light-hover |
rgba(14, 14, 14, 1) |
--mantine-color-dark-light-color |
var(--mantine-color-dark-0) |
--mantine-color-dark-outline |
var(--mantine-color-dark-4) |
--mantine-color-dark-outline-hover |
rgba(66, 66, 66, 0.05) |
--mantine-color-gray-text |
var(--mantine-color-gray-4) |
--mantine-color-gray-filled |
var(--mantine-color-gray-8) |
--mantine-color-gray-filled-hover |
var(--mantine-color-gray-9) |
--mantine-color-gray-light |
rgba(17, 19, 21, 1) |
--mantine-color-gray-light-hover |
rgba(23, 26, 29, 1) |
--mantine-color-gray-light-color |
var(--mantine-color-gray-0) |
--mantine-color-gray-outline |
var(--mantine-color-gray-4) |
--mantine-color-gray-outline-hover |
rgba(206, 212, 218, 0.05) |
--mantine-color-red-text |
var(--mantine-color-red-4) |
--mantine-color-red-filled |
var(--mantine-color-red-8) |
--mantine-color-red-filled-hover |
var(--mantine-color-red-9) |
--mantine-color-red-light |
rgba(101, 21, 21, 1) |
--mantine-color-red-light-hover |
rgba(141, 29, 29, 1) |
--mantine-color-red-light-color |
var(--mantine-color-red-0) |
--mantine-color-red-outline |
var(--mantine-color-red-4) |
--mantine-color-red-outline-hover |
rgba(255, 135, 135, 0.05) |
--mantine-color-pink-text |
var(--mantine-color-pink-4) |
--mantine-color-pink-filled |
var(--mantine-color-pink-8) |
--mantine-color-pink-filled-hover |
var(--mantine-color-pink-9) |
--mantine-color-pink-light |
rgba(83, 15, 39, 1) |
--mantine-color-pink-light-hover |
rgba(116, 21, 54, 1) |
--mantine-color-pink-light-color |
var(--mantine-color-pink-0) |
--mantine-color-pink-outline |
var(--mantine-color-pink-4) |
--mantine-color-pink-outline-hover |
rgba(247, 131, 172, 0.05) |
--mantine-color-grape-text |
var(--mantine-color-grape-4) |
--mantine-color-grape-filled |
var(--mantine-color-grape-8) |
--mantine-color-grape-filled-hover |
var(--mantine-color-grape-9) |
--mantine-color-grape-light |
rgba(67, 23, 78, 1) |
--mantine-color-grape-light-hover |
rgba(94, 32, 109, 1) |
--mantine-color-grape-light-color |
var(--mantine-color-grape-0) |
--mantine-color-grape-outline |
var(--mantine-color-grape-4) |
--mantine-color-grape-outline-hover |
rgba(218, 119, 242, 0.05) |
--mantine-color-violet-text |
var(--mantine-color-violet-4) |
--mantine-color-violet-filled |
var(--mantine-color-violet-8) |
--mantine-color-violet-filled-hover |
var(--mantine-color-violet-9) |
--mantine-color-violet-light |
rgba(48, 31, 98, 1) |
--mantine-color-violet-light-hover |
rgba(67, 43, 137, 1) |
--mantine-color-violet-light-color |
var(--mantine-color-violet-0) |
--mantine-color-violet-outline |
var(--mantine-color-violet-4) |
--mantine-color-violet-outline-hover |
rgba(151, 117, 250, 0.05) |
--mantine-color-indigo-text |
var(--mantine-color-indigo-4) |
--mantine-color-indigo-filled |
var(--mantine-color-indigo-8) |
--mantine-color-indigo-filled-hover |
var(--mantine-color-indigo-9) |
--mantine-color-indigo-light |
rgba(27, 40, 100, 1) |
--mantine-color-indigo-light-hover |
rgba(38, 55, 139, 1) |
--mantine-color-indigo-light-color |
var(--mantine-color-indigo-0) |
--mantine-color-indigo-outline |
var(--mantine-color-indigo-4) |
--mantine-color-indigo-outline-hover |
rgba(116, 143, 252, 0.05) |
--mantine-color-blue-text |
var(--mantine-color-blue-4) |
--mantine-color-blue-filled |
var(--mantine-color-blue-8) |
--mantine-color-blue-filled-hover |
var(--mantine-color-blue-9) |
--mantine-color-blue-light |
rgba(12, 50, 86, 1) |
--mantine-color-blue-light-hover |
rgba(17, 70, 120, 1) |
--mantine-color-blue-light-color |
var(--mantine-color-blue-0) |
--mantine-color-blue-outline |
var(--mantine-color-blue-4) |
--mantine-color-blue-outline-hover |
rgba(77, 171, 247, 0.05) |
--mantine-color-cyan-text |
var(--mantine-color-cyan-4) |
--mantine-color-cyan-filled |
var(--mantine-color-cyan-8) |
--mantine-color-cyan-filled-hover |
var(--mantine-color-cyan-9) |
--mantine-color-cyan-light |
rgba(6, 57, 67, 1) |
--mantine-color-cyan-light-hover |
rgba(8, 80, 93, 1) |
--mantine-color-cyan-light-color |
var(--mantine-color-cyan-0) |
--mantine-color-cyan-outline |
var(--mantine-color-cyan-4) |
--mantine-color-cyan-outline-hover |
rgba(59, 201, 219, 0.05) |
--mantine-color-teal-text |
var(--mantine-color-teal-4) |
--mantine-color-teal-filled |
var(--mantine-color-teal-8) |
--mantine-color-teal-filled-hover |
var(--mantine-color-teal-9) |
--mantine-color-teal-light |
rgba(4, 64, 46, 1) |
--mantine-color-teal-light-hover |
rgba(6, 89, 64, 1) |
--mantine-color-teal-light-color |
var(--mantine-color-teal-0) |
--mantine-color-teal-outline |
var(--mantine-color-teal-4) |
--mantine-color-teal-outline-hover |
rgba(56, 217, 169, 0.05) |
--mantine-color-green-text |
var(--mantine-color-green-4) |
--mantine-color-green-filled |
var(--mantine-color-green-8) |
--mantine-color-green-filled-hover |
var(--mantine-color-green-9) |
--mantine-color-green-light |
rgba(22, 69, 31, 1) |
--mantine-color-green-light-hover |
rgba(30, 97, 43, 1) |
--mantine-color-green-light-color |
var(--mantine-color-green-0) |
--mantine-color-green-outline |
var(--mantine-color-green-4) |
--mantine-color-green-outline-hover |
rgba(105, 219, 124, 0.05) |
--mantine-color-lime-text |
var(--mantine-color-lime-4) |
--mantine-color-lime-filled |
var(--mantine-color-lime-8) |
--mantine-color-lime-filled-hover |
var(--mantine-color-lime-9) |
--mantine-color-lime-light |
rgba(46, 74, 7, 1) |
--mantine-color-lime-light-hover |
rgba(64, 104, 9, 1) |
--mantine-color-lime-light-color |
var(--mantine-color-lime-0) |
--mantine-color-lime-outline |
var(--mantine-color-lime-4) |
--mantine-color-lime-outline-hover |
rgba(169, 227, 75, 0.05) |
--mantine-color-yellow-text |
var(--mantine-color-yellow-4) |
--mantine-color-yellow-filled |
var(--mantine-color-yellow-8) |
--mantine-color-yellow-filled-hover |
var(--mantine-color-yellow-9) |
--mantine-color-yellow-light |
rgba(115, 60, 0, 1) |
--mantine-color-yellow-light-hover |
rgba(161, 83, 0, 1) |
--mantine-color-yellow-light-color |
var(--mantine-color-yellow-0) |
--mantine-color-yellow-outline |
var(--mantine-color-yellow-4) |
--mantine-color-yellow-outline-hover |
rgba(255, 212, 59, 0.05) |
--mantine-color-orange-text |
var(--mantine-color-orange-4) |
--mantine-color-orange-filled |
var(--mantine-color-orange-8) |
--mantine-color-orange-filled-hover |
var(--mantine-color-orange-9) |
--mantine-color-orange-light |
rgba(109, 36, 8, 1) |
--mantine-color-orange-light-hover |
rgba(152, 50, 11, 1) |
--mantine-color-orange-light-color |
var(--mantine-color-orange-0) |
--mantine-color-orange-outline |
var(--mantine-color-orange-4) |
--mantine-color-orange-outline-hover |
rgba(255, 169, 77, 0.05) |