app/layouts/prism.css

@@ -52,7 +52,6 @@
 }
 
 .token.module,
-.token.attr-name,
 .token.keyword,
 .token.rule,
 .token.pseudo-class,
@@ -67,6 +66,9 @@
 }
 
 .token.generic,
+.token.attr-name,
+.token.boolean,
+.token.number,
 .token.class-name {
   color: #C18401;
 }

app/pages/docs/react/jsx/tabs.tsx

@@ -8,12 +8,12 @@ const reactCreateElementSnippets = [
 	},
 	{
 		name: "React sans JSX",
-		codeLanguage: "js",
+		codeLanguage: "jsx",
 		code: `React.createElement("button", { className: "button" }, "Clique moi !");`,
 	},
 	{
 		name: "React avec JSX",
-		codeLanguage: "tsx",
+		codeLanguage: "jsx",
 		code: `<button className="button">Clique moi !</button>`,
 	},
 ];

app/pages/docs/react/premier-composant/tabs.tsx

@@ -18,9 +18,8 @@ const reactUseButtonComponentSnippets = [
 		name: "Utilisation du composant Button",
 		codeLanguage: "jsx",
 		withLineNumbers: true,
-		code: `import React from "react";
-
-import { Button } from "./Button";
+		code: `import { Button } from "./Button";
+import React from "react";
 
 export function App() {
   return (
@@ -66,9 +65,8 @@ const reactUseButtonComponentPropsSnippets = [
 		name: "Ajout de la prop `onClick`",
 		codeLanguage: "jsx",
 		withLineNumbers: true,
-		code: `import React from "react";
-
-import { Button } from "./Button";
+		code: `import { Button } from "./Button";
+import React from "react";
 
 export function App() {
   function handleClick() {