idea.md

IDEA FOR CUSTOM STYLE OF THE APP

font-family

Font title

body {
  font-family: Founders Grotesk,Arial Black,sans-serif;
}

font regular

body {
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

Colors

.green {
  color: #6bd968;
}
.blue {
  color: #3992ff;
}
.yellow {
  color: #fecc1b;
}
.gray {
  color: #6a726d;
}
.red {
  color: #f44250;
}
.magenta {
  color: #d83bd2;
}
.cyan {
  color: #3defe9;
}

Colors of Discord

.purple {
  color: #404eed;
}
.primary {
  color: #202225;
}
.secondary {
  color: #292b2f;
}

Default colors in home page

colors: {
  discord_blue: '#404eed',
  discord_blurple: '#7289da',
  discord_purple: '#8565f2',
  discord_green: '#3ba55c'
}

Home page image hero

https://discord.com/assets/e6d57714479874c665b36c7adee76b1d.svg https://discord.com/assets/8a8375ab7908384e1fd6efe408284203.svg https://discord.com/assets/c40c84ca18d84633a9d86b4046a91437.svg https://discord.com/assets/46b2132c01604c9493d558de444929f4.svg https://discord.com/assets/575a0322f3b36ca2fecb23ad2c6dd5ad.svg https://discord.com/assets/921b1ae33edca174b6ebe787bb8b6c3b.svg https://discord.com/assets/98ea5b9e92e304c7d352ac462996adc5.svg https://discord.com/assets/a188414ce83f2454b9d71a47c3d95909.svg