feat(react.dev): init

[RaiderHCPlay]

🎉 Theme for React 🎉

React is a popular JavaScript library used for building user interfaces, particularly for web and mobile applications.

💬 Additional Comments 💬

🗒 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.

[uncenter]

None of the generated files should be present. That is all done automatically. Please remove the changes from those scripts.

(I've noticed the potential for confusion here though, working on some clarifications to the scripts to make this clearer to new contributors)

[RaiderHCPlay]

I removed the autogenerated files. I hope everything is fine now.

[uncenter]

You still had lots of changes that can't be made. I squashed all your commits on this branch into one and removed the unwanted changes. In the future, only run commands that the contributing instructions tell you to run. Avoid including/modifying other files, like the styles/react/catppuccin.user.css file - that was not needed, and not mentioned in the documentation as something that needed to be added either (it is a "stub" file for a mass file rename we did earlier in January: #1546).

[RaiderHCPlay]

I though css file was needed. Sorry about that and thank you.

[uncenter]

Please please pull the branch before pushing new changes. You just merged your old branch into the updated branch and now undid all the squashing I had done.

[uncenter]

In the future you can ideally use these buttons to add suggestions, which makes it clearer to understand which suggestions/comments have been resolved.

[RaiderHCPlay]

I applied all your requested changes, I fixed every detail I could saw and I updated looking of these color fragments of website:

[uncenter]

Color of the line under code block tabs:

Text of social links on https://react.dev/community/team:

Down arrow of "deep dive" callouts on https://react.dev/reference/react/useCallback:

Search bar on focus:

Cancel button in top right while typing in search bar:

[RaiderHCPlay]

I applied all requested changes

[uncenter]

Last things and then this is good to merge!

Border in these expanded deep dive callouts (again see https://react.dev/reference/react/useCallback):

Below the above pictured deep dives is this tabbed component - the forward/back buttons look unthemed, and the not-current tab border bottom is also unthemed.

[RaiderHCPlay]

Changes applied.

[uncenter]

Two final things!

Links on hover have this underline unthemed in the footer of the root page:

The "Console" text is unthemed (again in one of the code samples on https://react.dev/reference/react/useCallback):