feat(t3-chat): init

[arithefirst]

🎉 Theme for T3 Chat 🎉

💬 Additional Comments 💬

One very important thing to know, codeblocks do not work properly, and likely will not be able to. This is what codeblocks look like (mocha mauve), and looking in the HTML, you can see that the website was built with a classless syntax highlighter (react-syntax-highlighter), and all of the colors for the codeblocks are inline styles.

I currently am not sure on how fixable this is, but if anyone can think of a way, that would be seriously awesome.

🗒 Checklist 🗒

• I have read and followed Catppuccin's submission guidelines.
• I have made a new directory underneath /styles/<name-of-website> containing the contents of the /template directory.
  • I have ensured that the new directory is in lower-kebab-case.
  • I have followed the template and kept the preprocessor as LESS.
• I have made sure to update the userstyles.yml file with information about the new userstyle.
• I have included the following files:
  • catppuccin.user.less - all the CSS for the userstyle, based on the template.
  • preview.webp - composite image of all four individual flavor screenshots (taken with the default accent color of mauve) stitched together, generated via Catwalk.

[arithefirst]

I assume changing the .css into .less and updating line 6 should be all, as it was all I could find when reading through the newer CONTRIBUTING.md, but please correct me if I am mistaken!

[uncenter]

I assume changing the .css into .less and updating line 6 should be all, as it was all I could find when reading through the newer CONTRIBUTING.md, but please correct me if I am mistaken!

There are quite a few other changes that need to be made unfortunately 😅 I would suggest copying the middle section of styles that are for T3 Chat specifically, pasting in the template, and pasting back in the T3 Chat styles in the same spot of the template as usual.

[arithefirst]

Thanks, will do so ASAP.

[arithefirst]

That look good? Seems to pass all checks.

[uncenter]

This X icon is unthemed.

This logged out limit text is unthemed. Original CSS below for reference.

.text-yellow-200\/80 {
    color: hsla(53,98%,77%,.8);
}

The color of icons in icon buttons on hover is unthemed.

The background of some icon buttons on hover is unthemed.

[arithefirst]

Thank you for your feedback, I unfortunately have a few classes that don't let me on my laptop for my morning block in school today, but I'll be sure to fix these later today!

[arithefirst]

This X icon is unthemed...
All of these issues should be resolved now.

[uncenter]

I'm going to mark this is a draft for now seeing as you are still finding improvements to make - feel free to give it some time, maybe a week, accumulate changes, and then mark as ready when you are ready for a second review :)

[arithefirst]

Nah, I finished everything up last night I believe

[arithefirst]

2025-03-11.07-30-12.mp4

Here's just a screen recording of me walking through the account page to help with review, in case there's something that might not show up for free/logged out users.

[uncenter]

This client refresh toast (left a t3.chat tab open overnight!) is unthemed.

[arithefirst]

Ooh good catch, as that would mean all toasts are unthemed as well. Go ahead and add on the waiting on author, I won't be able to get to it until later today.

[uncenter]

Nono no worries, I still have the tab open because I need to get around to the full review, just thought I'd point it out to give you ample time :D

[arithefirst]

Was mostly testing with the "Copy message" button, as that seems to be the only consistent way to fire a toast, but they seem to be using Sonner for all of their toasts, so they should all be themed now.

[uncenter]

Sort of, the button and this subtext still aren't themed. You should be able to reproduce if you keep it open for a couple hours.

[arithefirst]

Seems like they just re-did their entire UI
Guess I'll be having a fun day or two.....

[uncenter]

Sorry to hear that after the work you've put in to this! I'll mark as a draft for now, feel free to mark as ready when you deem appropriate :)