Packages
moon
2.69.1
2.90.5
retired
2.90.4
2.90.3
2.90.2
2.90.1
2.90.0
2.89.4
2.89.1
2.89.0
2.88.0
2.87.11
2.87.10
2.87.9
2.87.8
2.87.7
2.87.6
2.87.5
2.87.4
2.87.3
2.87.2
2.87.1
2.87.0
2.86.1
2.86.0
2.85.1
2.85.0
2.84.0
2.83.0
2.82.0
2.81.4
2.81.3
2.81.2
2.81.1
2.81.0
2.80.2
2.80.1
2.80.0
2.79.13
2.79.12
2.79.11
2.79.10
2.79.9
2.79.8
2.79.7
2.79.6
2.79.5
2.79.4
2.79.3
2.79.2
2.79.1
2.79.0
2.78.4
2.78.3
2.78.2
2.78.1
2.78.0
2.77.0
2.76.5
2.76.4
2.76.3
2.76.2
2.76.1
2.76.0
2.75.0
2.74.1
2.74.0
2.73.8
2.73.7
2.73.6
2.73.5
2.73.4
2.73.3
2.73.2
2.73.1
2.73.0
2.72.5
2.72.4
2.72.3
2.72.2
2.72.1
2.72.0
2.71.1
2.71.0
2.70.0
2.69.2
2.69.1
2.69.0
2.68.11
2.68.10
Components-based design system written in elixir
Current section
Files
Jump to
Current section
Files
priv/static/themes/livecasino.css
:root.theme-livecasino-light,
.theme-livecasino-light {
--piccolo: 222 13 62; /* #de0d3e */
--hit: 169 170 177; /* #a9aab1 */
--beerus: 229 233 240; /* #e5e9f0 */
--gohan: 240 246 255; /* #f0f6ff */
--goten: 255 255 255; /* #ffffff */
--goku: 255 255 255; /* #ffffff */
--bulma: 15 22 31; /* #0f161f */
--trunks: 134 151 162; /* #8697a2 */
--popo: 0 0 0; /* #000000 */
--jiren: 222 13 62 / 0.12; /* #de0d3e */
--heles: 0 0 0 / 0.08; /* #000000 */
--zeno: 0 0 0 / 0.56; /* #000000 */
/* support-colors */
--krillin: 255 179 25; /* #ffb319 */
--krillin-60: 255 198 82; /* #ffc652 */
--krillin-10: 255 217 141; /* #ffd98d */
--chichi: 255 78 100; /* #ff4e64 */
--chichi-60: 255 118 135; /* #ff7687 */
--chichi-10: 255 150 163; /* #ff96a3 */
--roshi: 74 209 95; /* #4ad15f */
--roshi-60: 100 220 119; /* #64dc77 */
--roshi-10: 127 242 145; /* #7ff291 */
--dodoria: 211 48 48; /* #d33030 */
--dodoria-60: 219 78 78; /* #db4e4e */
--dodoria-10: 240 103 103; /* #f06767 */
--cell: 149 241 213; /* #95f1d5 */
--cell-60: 162 250 223; /* #a2fadf */
--cell-10: 191 255 236; /* #bfffec */
--raditz: 179 128 74; /* #b3804a */
--raditz-60: 193 145 93; /* #c1915d */
--raditz-10: 214 169 121; /* #d6a979 */
--whis: 52 72 240; /* #3448f0 */
--whis-60: 103 119 248; /* #6777f8 */
--whis-10: 132 144 249; /* #8490f9 */
--frieza: 92 51 207; /* #5c33cf */
--frieza-60: 115 77 222; /* #734dde */
--frieza-10: 146 113 239; /* #9271ef */
--nappa: 114 85 80; /* #725550 */
--nappa-60: 133 106 102; /* #856a66 */
--nappa-10: 161 134 129; /* #a18681 */
/* border-radius */
--radius-i-xs: 0.25rem; /* 4px */
--radius-i-sm: 0.5rem; /* 8px */
--radius-i-md: 0.75rem; /* 12px */
--radius-s-xs: 0.25rem; /* 4px */
--radius-s-sm: 0.5rem; /* 8px */
--radius-s-md: 0.75rem; /* 12px */
--radius-s-lg: 1rem; /* 16px */
/* border-width */
--border-width: 0.0625rem; /* 1px */
--border-i-width: 0.125rem; /* 2px */
/* opacity */
--opacity-moon: 0.6;
/* fonts */
--averta: 'Averta Std';
--dm-sans: 'DM Sans';
/* box-shadow */
--shadow-xs: 0 4px 12px -6px rgb(0 0 0 / 0.06);
--shadow-sm: 0 6px 6px -6px rgb(0 0 0 / 0.16), 0 0 1px rgb(0 0 0 / 0.4);
--shadow-md: 0 12px 12px -6px rgb(0 0 0 / 0.16), 0 0 1px rgb(0 0 0 / 0.4);
--shadow-lg: 0 8px 24px -6px rgb(0 0 0 / 0.16), 0 0 1px rgb(0 0 0 / 0.4);
--shadow-xl: 0 32px 32px -8px rgb(0 0 0 / 0.08),
0 0 32px -8px rgb(0 0 0 / 0.12), 0 0 1px rgb(0 0 0 / 0.2);
}
:root.theme-livecasino-dark,
.theme-livecasino-dark {
--piccolo: 222 13 62; /* #de0d3e */
--hit: 103 105 126; /* #67697e */
--beerus: 50 53 72; /* #323548 */
--gohan: 25 29 51; /* #191d33 */
--goten: 255 255 255; /* #ffffff */
--goku: 0 7 15; /* #00070f */
--bulma: 255 255 255; /* #ffffff */
--trunks: 134 151 162; /* #8697a2 */
--popo: 0 0 0; /* #000000 */
--jiren: 222 13 62 / 0.12; /* #de0d3e */
--heles: 255 255 255 / 0.12; /* #ffffff */
--zeno: 0 0 0 / 0.56; /* #000000 */
/* support-colors */
--krillin: 255 179 25; /* #ffb319 */
--krillin-60: 255 198 82; /* #ffc652 */
--krillin-10: 255 217 141; /* #ffd98d */
--chichi: 255 78 100; /* #ff4e64 */
--chichi-60: 255 118 135; /* #ff7687 */
--chichi-10: 255 150 163; /* #ff96a3 */
--roshi: 74 209 95; /* #4ad15f */
--roshi-60: 100 220 119; /* #64dc77 */
--roshi-10: 127 242 145; /* #7ff291 */
--dodoria: 211 48 48; /* #d33030 */
--dodoria-60: 219 78 78; /* #db4e4e */
--dodoria-10: 240 103 103; /* #f06767 */
--cell: 149 241 213; /* #95f1d5 */
--cell-60: 162 250 223; /* #a2fadf */
--cell-10: 191 255 236; /* #bfffec */
--raditz: 179 128 74; /* #b3804a */
--raditz-60: 193 145 93; /* #c1915d */
--raditz-10: 214 169 121; /* #d6a979 */
--whis: 52 72 240; /* #3448f0 */
--whis-60: 103 119 248; /* #6777f8 */
--whis-10: 132 144 249; /* #8490f9 */
--frieza: 92 51 207; /* #5c33cf */
--frieza-60: 115 77 222; /* #734dde */
--frieza-10: 146 113 239; /* #9271ef */
--nappa: 114 85 80; /* #725550 */
--nappa-60: 133 106 102; /* #856a66 */
--nappa-10: 161 134 129; /* #a18681 */
/* border-radius */
--radius-i-xs: 0.25rem; /* 4px */
--radius-i-sm: 0.5rem; /* 8px */
--radius-i-md: 0.75rem; /* 12px */
--radius-s-xs: 0.25rem; /* 4px */
--radius-s-sm: 0.5rem; /* 8px */
--radius-s-md: 0.75rem; /* 12px */
--radius-s-lg: 1rem; /* 16px */
/* border-width */
--border-width: 0.0625rem; /* 1px */
--border-i-width: 0.125rem; /* 2px */
/* opacity */
--opacity-moon: 0.6;
/* fonts */
--averta: 'Averta Std';
--dm-sans: 'DM Sans';
/* box-shadow */
--shadow-xs: 0 4px 12px -6px rgb(0 0 0 / 0.64);
--shadow-sm: 0 6px 6px -6px rgb(0 0 0 / 0.64), 0 0 1px rgb(0 0 0 / 0.56);
--shadow-md: 0 12px 12px -6px rgb(0 0 0 / 0.64), 0 0 1px rgb(0 0 0 / 0.56);
--shadow-lg: 0 24px 24px -6px rgb(0 0 0 / 0.64), 0 0 1px rgb(0 0 0 / 0.56);
--shadow-xl: 0 48px 48px -6px rgb(0 0 0 / 0.88), 0 0 1px rgb(0 0 0 / 0.72);
}