Default CSS variables list

This page contains a list of all Mantine CSS variables that are generated from default theme.

CSS variables not depending on color scheme

--mantine-scale1
--mantine-cursor-typedefault
--mantine-webkit-font-smoothingantialiased
--mantine-color-schemelight dark
--mantine-moz-font-smoothinggrayscale
--mantine-color-white#fff
--mantine-color-black#000
--mantine-line-height1.55
--mantine-font-family-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
--mantine-font-family-monospaceui-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-weight700
--mantine-heading-text-wrapwrap
--mantine-radius-default0.25rem
--mantine-primary-color-filledvar(--mantine-color-blue-filled)
--mantine-primary-color-filled-hovervar(--mantine-color-blue-filled-hover)
--mantine-primary-color-lightvar(--mantine-color-blue-light)
--mantine-primary-color-light-hovervar(--mantine-color-blue-light-hover)
--mantine-primary-color-light-colorvar(--mantine-color-blue-light-color)
--mantine-breakpoint-xs36em
--mantine-breakpoint-sm48em
--mantine-breakpoint-md62em
--mantine-breakpoint-lg75em
--mantine-breakpoint-xl88em
--mantine-spacing-xs0.625rem
--mantine-spacing-sm0.75rem
--mantine-spacing-md1rem
--mantine-spacing-lg1.25rem
--mantine-spacing-xl2rem
--mantine-font-size-xs0.75rem
--mantine-font-size-sm0.875rem
--mantine-font-size-md1rem
--mantine-font-size-lg1.125rem
--mantine-font-size-xl1.25rem
--mantine-line-height-xs1.4
--mantine-line-height-sm1.45
--mantine-line-height-md1.55
--mantine-line-height-lg1.6
--mantine-line-height-xl1.65
--mantine-shadow-xs0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1)
--mantine-shadow-sm0 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-md0 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-lg0 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-xl0 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-xs0.125rem
--mantine-radius-sm0.25rem
--mantine-radius-md0.5rem
--mantine-radius-lg1rem
--mantine-radius-xl2rem
--mantine-primary-color-0var(--mantine-color-blue-0)
--mantine-primary-color-1var(--mantine-color-blue-1)
--mantine-primary-color-2var(--mantine-color-blue-2)
--mantine-primary-color-3var(--mantine-color-blue-3)
--mantine-primary-color-4var(--mantine-color-blue-4)
--mantine-primary-color-5var(--mantine-color-blue-5)
--mantine-primary-color-6var(--mantine-color-blue-6)
--mantine-primary-color-7var(--mantine-color-blue-7)
--mantine-primary-color-8var(--mantine-color-blue-8)
--mantine-primary-color-9var(--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-size2.125rem
--mantine-h1-line-height1.3
--mantine-h1-font-weight700
--mantine-h2-font-size1.625rem
--mantine-h2-line-height1.35
--mantine-h2-font-weight700
--mantine-h3-font-size1.375rem
--mantine-h3-line-height1.4
--mantine-h3-font-weight700
--mantine-h4-font-size1.125rem
--mantine-h4-line-height1.45
--mantine-h4-font-weight700
--mantine-h5-font-size1rem
--mantine-h5-line-height1.5
--mantine-h5-font-weight700
--mantine-h6-font-size0.875rem
--mantine-h6-line-height1.5
--mantine-h6-font-weight700

Light color scheme only variables

--mantine-primary-color-contrastvar(--mantine-color-white)
--mantine-color-brightvar(--mantine-color-black)
--mantine-color-text#000
--mantine-color-body#fff
--mantine-color-errorvar(--mantine-color-red-6)
--mantine-color-placeholdervar(--mantine-color-gray-5)
--mantine-color-anchorvar(--mantine-color-blue-6)
--mantine-color-defaultvar(--mantine-color-white)
--mantine-color-default-hovervar(--mantine-color-gray-0)
--mantine-color-default-colorvar(--mantine-color-black)
--mantine-color-default-bordervar(--mantine-color-gray-4)
--mantine-color-dimmedvar(--mantine-color-gray-6)
--mantine-color-dark-textvar(--mantine-color-dark-filled)
--mantine-color-dark-filledvar(--mantine-color-dark-6)
--mantine-color-dark-filled-hovervar(--mantine-color-dark-7)
--mantine-color-dark-lightrgba(46, 46, 46, 0.1)
--mantine-color-dark-light-hoverrgba(46, 46, 46, 0.12)
--mantine-color-dark-light-colorvar(--mantine-color-dark-6)
--mantine-color-dark-outlinevar(--mantine-color-dark-6)
--mantine-color-dark-outline-hoverrgba(46, 46, 46, 0.05)
--mantine-color-gray-textvar(--mantine-color-gray-filled)
--mantine-color-gray-filledvar(--mantine-color-gray-6)
--mantine-color-gray-filled-hovervar(--mantine-color-gray-7)
--mantine-color-gray-lightrgba(134, 142, 150, 0.1)
--mantine-color-gray-light-hoverrgba(134, 142, 150, 0.12)
--mantine-color-gray-light-colorvar(--mantine-color-gray-6)
--mantine-color-gray-outlinevar(--mantine-color-gray-6)
--mantine-color-gray-outline-hoverrgba(134, 142, 150, 0.05)
--mantine-color-red-textvar(--mantine-color-red-filled)
--mantine-color-red-filledvar(--mantine-color-red-6)
--mantine-color-red-filled-hovervar(--mantine-color-red-7)
--mantine-color-red-lightrgba(250, 82, 82, 0.1)
--mantine-color-red-light-hoverrgba(250, 82, 82, 0.12)
--mantine-color-red-light-colorvar(--mantine-color-red-6)
--mantine-color-red-outlinevar(--mantine-color-red-6)
--mantine-color-red-outline-hoverrgba(250, 82, 82, 0.05)
--mantine-color-pink-textvar(--mantine-color-pink-filled)
--mantine-color-pink-filledvar(--mantine-color-pink-6)
--mantine-color-pink-filled-hovervar(--mantine-color-pink-7)
--mantine-color-pink-lightrgba(230, 73, 128, 0.1)
--mantine-color-pink-light-hoverrgba(230, 73, 128, 0.12)
--mantine-color-pink-light-colorvar(--mantine-color-pink-6)
--mantine-color-pink-outlinevar(--mantine-color-pink-6)
--mantine-color-pink-outline-hoverrgba(230, 73, 128, 0.05)
--mantine-color-grape-textvar(--mantine-color-grape-filled)
--mantine-color-grape-filledvar(--mantine-color-grape-6)
--mantine-color-grape-filled-hovervar(--mantine-color-grape-7)
--mantine-color-grape-lightrgba(190, 75, 219, 0.1)
--mantine-color-grape-light-hoverrgba(190, 75, 219, 0.12)
--mantine-color-grape-light-colorvar(--mantine-color-grape-6)
--mantine-color-grape-outlinevar(--mantine-color-grape-6)
--mantine-color-grape-outline-hoverrgba(190, 75, 219, 0.05)
--mantine-color-violet-textvar(--mantine-color-violet-filled)
--mantine-color-violet-filledvar(--mantine-color-violet-6)
--mantine-color-violet-filled-hovervar(--mantine-color-violet-7)
--mantine-color-violet-lightrgba(121, 80, 242, 0.1)
--mantine-color-violet-light-hoverrgba(121, 80, 242, 0.12)
--mantine-color-violet-light-colorvar(--mantine-color-violet-6)
--mantine-color-violet-outlinevar(--mantine-color-violet-6)
--mantine-color-violet-outline-hoverrgba(121, 80, 242, 0.05)
--mantine-color-indigo-textvar(--mantine-color-indigo-filled)
--mantine-color-indigo-filledvar(--mantine-color-indigo-6)
--mantine-color-indigo-filled-hovervar(--mantine-color-indigo-7)
--mantine-color-indigo-lightrgba(76, 110, 245, 0.1)
--mantine-color-indigo-light-hoverrgba(76, 110, 245, 0.12)
--mantine-color-indigo-light-colorvar(--mantine-color-indigo-6)
--mantine-color-indigo-outlinevar(--mantine-color-indigo-6)
--mantine-color-indigo-outline-hoverrgba(76, 110, 245, 0.05)
--mantine-color-blue-textvar(--mantine-color-blue-filled)
--mantine-color-blue-filledvar(--mantine-color-blue-6)
--mantine-color-blue-filled-hovervar(--mantine-color-blue-7)
--mantine-color-blue-lightrgba(34, 139, 230, 0.1)
--mantine-color-blue-light-hoverrgba(34, 139, 230, 0.12)
--mantine-color-blue-light-colorvar(--mantine-color-blue-6)
--mantine-color-blue-outlinevar(--mantine-color-blue-6)
--mantine-color-blue-outline-hoverrgba(34, 139, 230, 0.05)
--mantine-color-cyan-textvar(--mantine-color-cyan-filled)
--mantine-color-cyan-filledvar(--mantine-color-cyan-6)
--mantine-color-cyan-filled-hovervar(--mantine-color-cyan-7)
--mantine-color-cyan-lightrgba(21, 170, 191, 0.1)
--mantine-color-cyan-light-hoverrgba(21, 170, 191, 0.12)
--mantine-color-cyan-light-colorvar(--mantine-color-cyan-6)
--mantine-color-cyan-outlinevar(--mantine-color-cyan-6)
--mantine-color-cyan-outline-hoverrgba(21, 170, 191, 0.05)
--mantine-color-teal-textvar(--mantine-color-teal-filled)
--mantine-color-teal-filledvar(--mantine-color-teal-6)
--mantine-color-teal-filled-hovervar(--mantine-color-teal-7)
--mantine-color-teal-lightrgba(18, 184, 134, 0.1)
--mantine-color-teal-light-hoverrgba(18, 184, 134, 0.12)
--mantine-color-teal-light-colorvar(--mantine-color-teal-6)
--mantine-color-teal-outlinevar(--mantine-color-teal-6)
--mantine-color-teal-outline-hoverrgba(18, 184, 134, 0.05)
--mantine-color-green-textvar(--mantine-color-green-filled)
--mantine-color-green-filledvar(--mantine-color-green-6)
--mantine-color-green-filled-hovervar(--mantine-color-green-7)
--mantine-color-green-lightrgba(64, 192, 87, 0.1)
--mantine-color-green-light-hoverrgba(64, 192, 87, 0.12)
--mantine-color-green-light-colorvar(--mantine-color-green-6)
--mantine-color-green-outlinevar(--mantine-color-green-6)
--mantine-color-green-outline-hoverrgba(64, 192, 87, 0.05)
--mantine-color-lime-textvar(--mantine-color-lime-filled)
--mantine-color-lime-filledvar(--mantine-color-lime-6)
--mantine-color-lime-filled-hovervar(--mantine-color-lime-7)
--mantine-color-lime-lightrgba(130, 201, 30, 0.1)
--mantine-color-lime-light-hoverrgba(130, 201, 30, 0.12)
--mantine-color-lime-light-colorvar(--mantine-color-lime-6)
--mantine-color-lime-outlinevar(--mantine-color-lime-6)
--mantine-color-lime-outline-hoverrgba(130, 201, 30, 0.05)
--mantine-color-yellow-textvar(--mantine-color-yellow-filled)
--mantine-color-yellow-filledvar(--mantine-color-yellow-6)
--mantine-color-yellow-filled-hovervar(--mantine-color-yellow-7)
--mantine-color-yellow-lightrgba(250, 176, 5, 0.1)
--mantine-color-yellow-light-hoverrgba(250, 176, 5, 0.12)
--mantine-color-yellow-light-colorvar(--mantine-color-yellow-6)
--mantine-color-yellow-outlinevar(--mantine-color-yellow-6)
--mantine-color-yellow-outline-hoverrgba(250, 176, 5, 0.05)
--mantine-color-orange-textvar(--mantine-color-orange-filled)
--mantine-color-orange-filledvar(--mantine-color-orange-6)
--mantine-color-orange-filled-hovervar(--mantine-color-orange-7)
--mantine-color-orange-lightrgba(253, 126, 20, 0.1)
--mantine-color-orange-light-hoverrgba(253, 126, 20, 0.12)
--mantine-color-orange-light-colorvar(--mantine-color-orange-6)
--mantine-color-orange-outlinevar(--mantine-color-orange-6)
--mantine-color-orange-outline-hoverrgba(253, 126, 20, 0.05)

Dark color scheme only variables

--mantine-primary-color-contrastvar(--mantine-color-white)
--mantine-color-brightvar(--mantine-color-white)
--mantine-color-textvar(--mantine-color-dark-0)
--mantine-color-bodyvar(--mantine-color-dark-7)
--mantine-color-errorvar(--mantine-color-red-8)
--mantine-color-placeholdervar(--mantine-color-dark-3)
--mantine-color-anchorvar(--mantine-color-blue-4)
--mantine-color-defaultvar(--mantine-color-dark-6)
--mantine-color-default-hovervar(--mantine-color-dark-5)
--mantine-color-default-colorvar(--mantine-color-white)
--mantine-color-default-bordervar(--mantine-color-dark-4)
--mantine-color-dimmedvar(--mantine-color-dark-2)
--mantine-color-dark-textvar(--mantine-color-dark-4)
--mantine-color-dark-filledvar(--mantine-color-dark-8)
--mantine-color-dark-filled-hovervar(--mantine-color-dark-9)
--mantine-color-dark-lightrgba(46, 46, 46, 0.15)
--mantine-color-dark-light-hoverrgba(46, 46, 46, 0.2)
--mantine-color-dark-light-colorvar(--mantine-color-dark-3)
--mantine-color-dark-outlinevar(--mantine-color-dark-4)
--mantine-color-dark-outline-hoverrgba(66, 66, 66, 0.05)
--mantine-color-gray-textvar(--mantine-color-gray-4)
--mantine-color-gray-filledvar(--mantine-color-gray-8)
--mantine-color-gray-filled-hovervar(--mantine-color-gray-9)
--mantine-color-gray-lightrgba(134, 142, 150, 0.15)
--mantine-color-gray-light-hoverrgba(134, 142, 150, 0.2)
--mantine-color-gray-light-colorvar(--mantine-color-gray-3)
--mantine-color-gray-outlinevar(--mantine-color-gray-4)
--mantine-color-gray-outline-hoverrgba(206, 212, 218, 0.05)
--mantine-color-red-textvar(--mantine-color-red-4)
--mantine-color-red-filledvar(--mantine-color-red-8)
--mantine-color-red-filled-hovervar(--mantine-color-red-9)
--mantine-color-red-lightrgba(250, 82, 82, 0.15)
--mantine-color-red-light-hoverrgba(250, 82, 82, 0.2)
--mantine-color-red-light-colorvar(--mantine-color-red-3)
--mantine-color-red-outlinevar(--mantine-color-red-4)
--mantine-color-red-outline-hoverrgba(255, 135, 135, 0.05)
--mantine-color-pink-textvar(--mantine-color-pink-4)
--mantine-color-pink-filledvar(--mantine-color-pink-8)
--mantine-color-pink-filled-hovervar(--mantine-color-pink-9)
--mantine-color-pink-lightrgba(230, 73, 128, 0.15)
--mantine-color-pink-light-hoverrgba(230, 73, 128, 0.2)
--mantine-color-pink-light-colorvar(--mantine-color-pink-3)
--mantine-color-pink-outlinevar(--mantine-color-pink-4)
--mantine-color-pink-outline-hoverrgba(247, 131, 172, 0.05)
--mantine-color-grape-textvar(--mantine-color-grape-4)
--mantine-color-grape-filledvar(--mantine-color-grape-8)
--mantine-color-grape-filled-hovervar(--mantine-color-grape-9)
--mantine-color-grape-lightrgba(190, 75, 219, 0.15)
--mantine-color-grape-light-hoverrgba(190, 75, 219, 0.2)
--mantine-color-grape-light-colorvar(--mantine-color-grape-3)
--mantine-color-grape-outlinevar(--mantine-color-grape-4)
--mantine-color-grape-outline-hoverrgba(218, 119, 242, 0.05)
--mantine-color-violet-textvar(--mantine-color-violet-4)
--mantine-color-violet-filledvar(--mantine-color-violet-8)
--mantine-color-violet-filled-hovervar(--mantine-color-violet-9)
--mantine-color-violet-lightrgba(121, 80, 242, 0.15)
--mantine-color-violet-light-hoverrgba(121, 80, 242, 0.2)
--mantine-color-violet-light-colorvar(--mantine-color-violet-3)
--mantine-color-violet-outlinevar(--mantine-color-violet-4)
--mantine-color-violet-outline-hoverrgba(151, 117, 250, 0.05)
--mantine-color-indigo-textvar(--mantine-color-indigo-4)
--mantine-color-indigo-filledvar(--mantine-color-indigo-8)
--mantine-color-indigo-filled-hovervar(--mantine-color-indigo-9)
--mantine-color-indigo-lightrgba(76, 110, 245, 0.15)
--mantine-color-indigo-light-hoverrgba(76, 110, 245, 0.2)
--mantine-color-indigo-light-colorvar(--mantine-color-indigo-3)
--mantine-color-indigo-outlinevar(--mantine-color-indigo-4)
--mantine-color-indigo-outline-hoverrgba(116, 143, 252, 0.05)
--mantine-color-blue-textvar(--mantine-color-blue-4)
--mantine-color-blue-filledvar(--mantine-color-blue-8)
--mantine-color-blue-filled-hovervar(--mantine-color-blue-9)
--mantine-color-blue-lightrgba(34, 139, 230, 0.15)
--mantine-color-blue-light-hoverrgba(34, 139, 230, 0.2)
--mantine-color-blue-light-colorvar(--mantine-color-blue-3)
--mantine-color-blue-outlinevar(--mantine-color-blue-4)
--mantine-color-blue-outline-hoverrgba(77, 171, 247, 0.05)
--mantine-color-cyan-textvar(--mantine-color-cyan-4)
--mantine-color-cyan-filledvar(--mantine-color-cyan-8)
--mantine-color-cyan-filled-hovervar(--mantine-color-cyan-9)
--mantine-color-cyan-lightrgba(21, 170, 191, 0.15)
--mantine-color-cyan-light-hoverrgba(21, 170, 191, 0.2)
--mantine-color-cyan-light-colorvar(--mantine-color-cyan-3)
--mantine-color-cyan-outlinevar(--mantine-color-cyan-4)
--mantine-color-cyan-outline-hoverrgba(59, 201, 219, 0.05)
--mantine-color-teal-textvar(--mantine-color-teal-4)
--mantine-color-teal-filledvar(--mantine-color-teal-8)
--mantine-color-teal-filled-hovervar(--mantine-color-teal-9)
--mantine-color-teal-lightrgba(18, 184, 134, 0.15)
--mantine-color-teal-light-hoverrgba(18, 184, 134, 0.2)
--mantine-color-teal-light-colorvar(--mantine-color-teal-3)
--mantine-color-teal-outlinevar(--mantine-color-teal-4)
--mantine-color-teal-outline-hoverrgba(56, 217, 169, 0.05)
--mantine-color-green-textvar(--mantine-color-green-4)
--mantine-color-green-filledvar(--mantine-color-green-8)
--mantine-color-green-filled-hovervar(--mantine-color-green-9)
--mantine-color-green-lightrgba(64, 192, 87, 0.15)
--mantine-color-green-light-hoverrgba(64, 192, 87, 0.2)
--mantine-color-green-light-colorvar(--mantine-color-green-3)
--mantine-color-green-outlinevar(--mantine-color-green-4)
--mantine-color-green-outline-hoverrgba(105, 219, 124, 0.05)
--mantine-color-lime-textvar(--mantine-color-lime-4)
--mantine-color-lime-filledvar(--mantine-color-lime-8)
--mantine-color-lime-filled-hovervar(--mantine-color-lime-9)
--mantine-color-lime-lightrgba(130, 201, 30, 0.15)
--mantine-color-lime-light-hoverrgba(130, 201, 30, 0.2)
--mantine-color-lime-light-colorvar(--mantine-color-lime-3)
--mantine-color-lime-outlinevar(--mantine-color-lime-4)
--mantine-color-lime-outline-hoverrgba(169, 227, 75, 0.05)
--mantine-color-yellow-textvar(--mantine-color-yellow-4)
--mantine-color-yellow-filledvar(--mantine-color-yellow-8)
--mantine-color-yellow-filled-hovervar(--mantine-color-yellow-9)
--mantine-color-yellow-lightrgba(250, 176, 5, 0.15)
--mantine-color-yellow-light-hoverrgba(250, 176, 5, 0.2)
--mantine-color-yellow-light-colorvar(--mantine-color-yellow-3)
--mantine-color-yellow-outlinevar(--mantine-color-yellow-4)
--mantine-color-yellow-outline-hoverrgba(255, 212, 59, 0.05)
--mantine-color-orange-textvar(--mantine-color-orange-4)
--mantine-color-orange-filledvar(--mantine-color-orange-8)
--mantine-color-orange-filled-hovervar(--mantine-color-orange-9)
--mantine-color-orange-lightrgba(253, 126, 20, 0.15)
--mantine-color-orange-light-hoverrgba(253, 126, 20, 0.2)
--mantine-color-orange-light-colorvar(--mantine-color-orange-3)
--mantine-color-orange-outlinevar(--mantine-color-orange-4)
--mantine-color-orange-outline-hoverrgba(255, 169, 77, 0.05)