Packages
moon
2.76.5
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/empire.css
:root.theme-empire-light,
.theme-empire-light {
--piccolo: 255 37 168; /* #ff25a8 */
--hit: 184 166 255; /* #b8a6ff */
--beerus: 229 228 234; /* #e5e4ea */
--gohan: 240 238 245; /* #f0eef5 */
--goten: 255 255 255; /* #ffffff */
--goku: 255 255 255; /* #ffffff */
--bulma: 21 6 79; /* #15064f */
--trunks: 92 86 113; /* #5c5671 */
--popo: 0 0 0; /* #000000 */
--jiren: 255 37 168 / 0.12; /* #ff25a8 */
--heles: 0 0 0 / 0.08; /* #000000 */
--zeno: 0 0 0 / 0.56; /* #000000 */
/* support-colors */
--krillin: 255 180 53; /* #ffb319 */
--krillin-60: 255 180 53 / 0.56; /* #ffb319 */
--krillin-10: 255 180 53 / 0.08; /* #ffb319 */
--chichi: 250 76 128; /* #ff4e64 */
--chichi-60: 250 76 128 / 0.56; /* #ff4e64 */
--chichi-10: 250 76 128 / 0.08; /* #ff4e64 */
--roshi: 65 217 185; /* #41d9b9 */
--roshi-60: 65 217 185 / 0.56; /* #41d9b9 */
--roshi-10: 65 217 185 / 0.08; /* #41d9b9 */
--dodoria: 211 48 48; /* #d33030 */
--dodoria-60: 211 48 48 / 0.56; /* #d33030 */
--dodoria-10: 211 48 48 / 0.08; /* #d33030 */
--cell: 10 183 88; /* #0ab758 */
--cell-60: 10 183 88 / 0.56; /* #0ab758 */
--cell-10: 10 183 88 / 0.08; /* #0ab758 */
--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 */
--fira: 'Fira 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-empire-dark,
.theme-empire-dark {
--piccolo: 255 37 168; /* #ff25a8 */
--hit: 184 166 255; /* #b8a6ff */
--beerus: 101 74 206; /* #654ace */
--gohan: 72 40 197; /* #4828c5 */
--goten: 255 255 255; /* #ffffff */
--goku: 21 6 79; /* #15064f */
--bulma: 255 255 255; /* #ffffff */
--trunks: 200 190 238; /* #c8befe */
--popo: 0 0 0; /* #000000 */
--jiren: 255 37 168 / 0.12; /* #ff25a8 */
--heles: 0 0 0 / 0.08; /* #000000 */
--zeno: 0 0 0 / 0.56; /* #000000 */
/* support-colors */
--krillin: 255 180 53; /* #ffb319 */
--krillin-60: 255 180 53 / 0.56; /* #ffb319 */
--krillin-10: 255 180 53 / 0.08; /* #ffb319 */
--chichi: 250 76 128; /* #ff4e64 */
--chichi-60: 250 76 128 / 0.56; /* #ff4e64 */
--chichi-10: 250 76 128 / 0.08; /* #ff4e64 */
--roshi: 65 217 185; /* #41d9b9 */
--roshi-60: 65 217 185 / 0.56; /* #41d9b9 */
--roshi-10: 65 217 185 / 0.08; /* #41d9b9 */
--dodoria: 211 48 48; /* #d33030 */
--dodoria-60: 211 48 48 / 0.56; /* #d33030 */
--dodoria-10: 211 48 48 / 0.08; /* #d33030 */
--cell: 10 183 88; /* #0ab758 */
--cell-60: 10 183 88 / 0.56; /* #0ab758 */
--cell-10: 10 183 88 / 0.08; /* #0ab758 */
--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 */
--fira: 'Fira 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);
}