Packages
moon
2.87.8
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/betadda.css
:root.theme-betadda-light,
.theme-betadda-light {
--piccolo: 255 153 51; /* #FF9933 */
--hit: 28 163 15; /* #1CA30F */
--beerus: 228 230 233; /* #E4E6E9 */
--gohan: 242 243 247; /* #F2F3F7; */
--goten: 255 255 255; /* #ffffff */
--goku: 255 255 255; /* #ffffff */
--bulma: 26 33 42; /* #1a212a */
--trunks: 99 113 123; /* #63717B */
--popo: 0 0 0; /* #000000 */
--jiren: 255 153 51 / 0.12; /* #ff9933 */
--heles: 0 0 0 / 0.08; /* #000000 */
--zeno: 0 0 0 / 0.56; /* #000000 */
/* support-colors */
--krillin: 255 179 25; /* #ffb319 */
--krillin-60: 255 179 25 / 0.56; /* #ffb319 */
--krillin-10: 255 179 25 / 0.08; /* #ffb319 */
--chichi: 255 78 100; /* #ff4e64 */
--chichi-60: 255 78 100 / 0.56; /* #ff4e64 */
--chichi-10: 255 78 100 / 0.08; /* #ff4e64 */
--roshi: 74 209 95; /* #4ad15f */
--roshi-60: 74 209 95 / 0.56; /* #4ad15f */
--roshi-10: 74 209 95 / 0.08; /* #4ad15f */
--dodoria: 211 48 48; /* #d33030 */
--dodoria-60: 211 48 48 / 0.56; /* #d33030 */
--dodoria-10: 211 48 48 / 0.08; /* #d33030 */
--cell: 149 241 213; /* #95f1d5 */
--cell-60: 149 241 213 / 0.56; /* #95f1d5 */
--cell-10: 149 241 213 / 0.08; /* #95f1d5 */
--raditz: 179 128 74; /* #b3804a */
--raditz-60: 179 128 74 / 0.56; /* #b3804a */
--raditz-10: 179 128 74 / 0.08; /* #b3804a */
--whis: 52 72 240; /* #3448f0 */
--whis-60: 52 72 240 / 0.56; /* #3448f0 */
--whis-10: 52 72 240 / 0.08; /* #3448f0 */
--frieza: 92 51 207; /* #5c33cf */
--frieza-60: 92 51 207 / 0.56; /* #5c33cf */
--frieza-10: 92 51 207 / 0.08; /* #5c33cf */
--nappa: 114 85 80; /* #725550 */
--nappa-60: 114 85 80 / 0.56; /* #725550 */
--nappa-10: 114 85 80 / 0.08; /* #725550 */
/* 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-betadda-dark,
.theme-betadda-dark {
--piccolo: 255 153 51; /* #FF9933 */
--hit: 28 163 15; /* #1CA30F */
--beerus: 64 70 79; /* #40464F */
--goku: 50 56 65; /* #323841 */
--gohan: 26 33 42; /* #1A212A */
--bulma: 255 255 255; /* #ffffff */
--trunks: 151 162 174; /* #97A2AE */
--goten: 255 255 255; /* #ffffff */
--popo: 0 0 0; /* #000000 */
--jiren: 255 153 51 / 0.12; /* #ff9933 */
--heles: 0 0 0 / 0.08; /* #000000 */
--zeno: 0 0 0 / 0.56; /* #000000 */
/* support-colors */
--krillin: 255 179 25; /* #ffb319 */
--krillin-60: 255 179 25 / 0.56; /* #ffb319 */
--krillin-10: 255 179 25 / 0.08; /* #ffb319 */
--chichi: 255 78 100; /* #ff4e64 */
--chichi-60: 255 78 100 / 0.56; /* #ff4e64 */
--chichi-10: 255 78 100 / 0.08; /* #ff4e64 */
--roshi: 74 209 95; /* #4ad15f */
--roshi-60: 74 209 95 / 0.56; /* #4ad15f */
--roshi-10: 74 209 95 / 0.08; /* #4ad15f */
--dodoria: 211 48 48; /* #d33030 */
--dodoria-60: 211 48 48 / 0.56; /* #d33030 */
--dodoria-10: 211 48 48 / 0.08; /* #d33030 */
--cell: 149 241 213; /* #95f1d5 */
--cell-60: 149 241 213 / 0.56; /* #95f1d5 */
--cell-10: 149 241 213 / 0.08; /* #95f1d5 */
--raditz: 179 128 74; /* #b3804a */
--raditz-60: 179 128 74 / 0.56; /* #b3804a */
--raditz-10: 179 128 74 / 0.08; /* #b3804a */
--whis: 52 72 240; /* #3448f0 */
--whis-60: 52 72 240 / 0.56; /* #3448f0 */
--whis-10: 52 72 240 / 0.08; /* #3448f0 */
--frieza: 92 51 207; /* #5c33cf */
--frieza-60: 92 51 207 / 0.56; /* #5c33cf */
--frieza-10: 92 51 207 / 0.08; /* #5c33cf */
--nappa: 114 85 80; /* #725550 */
--nappa-60: 114 85 80 / 0.56; /* #725550 */
--nappa-10: 114 85 80 / 0.08; /* #725550 */
/* 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);
}