Simple Conversation

Simple Discord conversation showcasing basic features

📱 Rendered Result
Simple Conversation Result
📄 Source Code
#import "mod.typ": *


#let user1 = user(name: [alex_dev], avatar: circle(
  fill: gradient.radial(rgb("#5865F2"), rgb("#4752C4")),
  text(white, size: 8pt, weight: "bold")[AD],
))

#let user2 = user(name: [sarah_pm], avatar: circle(
  fill: gradient.radial(rgb("#57F287"), rgb("#3BA55D")),
  text(white, size: 8pt, weight: "bold")[SP],
))

#discord.chat(
  theme: (
    inherit: "default",
    text-normal: rgb("#FFD700"), // Gold text
    text-username: rgb("#FF69B4"), // Pink names
  ),
  time[Today at 2:30 PM],

  message(left, user1)[
    Hey team! Just pushed the latest changes to main 🚀
  ],

  message(left, user2)[
    Great work! The new features look amazing
  ],

  message(left, user1)[
    Thanks! Next up is the mobile optimization
  ],

  message(left, user2)[
    Perfect timing, we have the client demo on Friday
  ],

  message(left, user1)[
    I'll have it ready by Thursday EOD 👍
  ],

  message(left, user2)[
    Awesome! You're the best ⭐
  ],
)