Packages
moon
2.72.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/bitcasinoNew.css
:root.theme-bitcasino-light,
.theme-bitcasino-light {
--piccolo: 214 55 65; /* #D63741 */
--hit: 255 255 255; /* #FFFFFF */
--beerus: 224 224 224; /* #E0E0E0 */
--gohan: 242 242 242; /* #F2F2F2 */
--goten: 255 255 255; /* #FFFFFF */
--goku: 255 255 255; /* #FFFFFF */
--bulma: 27 20 20; /* #1B1414 */
--trunks: 133 133 133; /* #858585 */
--popo: 0 0 0; /* #000000 */
--jiren: 0 0 0 / 0.12; /* #0000001f */
--heles: 0 0 0 / 0.08; /* #000000 */
--zeno: 0 0 0 / 0.56; /* #000000 */
/* support-colors */
--krillin: 255 179 25; /* #ffb319 */
--krillin-60: 255 203 99; /* #FFCB63 */
--krillin-10: 255 228 173; /* #FFE4AD */
--chichi: 255 78 100; /* #ff4e64 */
--chichi-60: 255 114 131; /* #FF7283 */
--chichi-10: 255 167 178; /* #FFA7B2 */
--roshi: 12 214 100; /* #0CD664 */
--roshi-60: 95 245 118; /* #5FF576 */
--roshi-10: 182 243 208; /* #B6F3D0 */
--dodoria: 211 48 48; /* #d33030 */
--dodoria-60: 241 89 89; /* #F15959 */
--dodoria-10: 233 151 151; /* #E99797 */
--cell: 10 183 88; /* #0AB758 */
--cell-60: 43 207 117; /* #2BCF75 */
--cell-10: 132 219 171; /* #84DBAB */
--raditz: 179 128 74; /* #b3804a */
--raditz-60: 215 157 97; /* #D79D61 */
--raditz-10: 217 191 164; /* #D9BFA4 */
--whis: 46 105 255; /* #2E69FF */
--whis-60: 46 105 255 / 0.56; /* #2E69FF8F */
--whis-10: 46 105 255 / 0.1; /* #2E69FF1A */
--frieza: 92 51 207; /* #5c33cf */
--frieza-60: 124 82 240; /* #7C52F0 */
--frieza-10: 182 163 233; /* #B6A3E9 */
--nappa: 114 85 80; /* #725550 */
--nappa-60: 146 116 110; /* #92746E */
--nappa-10: 184 170 167; /* #B8AAA7 */
/* 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';
--fraunces: 'Fraunces', serif;
--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-bitcasino-dark,
.theme-bitcasino-dark {
--piccolo: 214 55 65; /* #D63741 */
--hit: 82 82 82; /* #525252 */
--beerus: 50 50 50; /* #323232 */
--gohan: 30 30 30; /* #1E1E1E */
--goten: 255 255 255; /* #ffffff */
--goku: 16 16 16; /* #101010 */
--bulma: 255 255 255; /* #ffffff */
--trunks: 133 133 133; /* #858585 */
--popo: 0 0 0; /* #000000 */
--jiren: 255 255 255 / 0.32; /* #FFFFFF52 */
--heles: 255 255 255 / 0.08; /* #FFFFFF14 */
--zeno: 0 0 0 / 0.8; /* #000000CC */
/* support-colors */
--krillin: 255 179 25; /* #ffb319 */
--krillin-60: 255 203 99; /* #FFCB63 */
--krillin-10: 255 228 173; /* #FFE4AD */
--chichi: 255 78 100; /* #ff4e64 */
--chichi-60: 255 114 131; /* #FF7283 */
--chichi-10: 255 167 178; /* #FFA7B2 */
--roshi: 12 214 100; /* #0CD664 */
--roshi-60: 95 245 118; /* #5FF576 */
--roshi-10: 182 243 208; /* #B6F3D0 */
--dodoria: 211 48 48; /* #d33030 */
--dodoria-60: 241 89 89; /* #F15959 */
--dodoria-10: 233 151 151; /* #E99797 */
--cell: 10 183 88; /* #0AB758 */
--cell-60: 43 207 117; /* #2BCF75 */
--cell-10: 132 219 171; /* #84DBAB */
--raditz: 179 128 74; /* #b3804a */
--raditz-60: 215 157 97; /* #D79D61 */
--raditz-10: 217 191 164; /* #D9BFA4 */
--whis: 46 105 255; /* #2E69FF */
--whis-60: 46 105 255 / 0.56; /* #2E69FF8F */
--whis-10: 46 105 255 / 0.1; /* #2E69FF1A */
--frieza: 92 51 207; /* #5c33cf */
--frieza-60: 124 82 240; /* #7C52F0 */
--frieza-10: 182 163 233; /* #B6A3E9 */
--nappa: 114 85 80; /* #725550 */
--nappa-60: 146 116 110; /* #92746E */
--nappa-10: 184 170 167; /* #B8AAA7 */
/* 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';
--fraunces: 'Fraunces', serif;
--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);
}