[{"data":1,"prerenderedAt":966},["ShallowReactive",2],{"navigation_docs":3,"-docs-themes-theme-de-votre-equipe":118,"-docs-themes-theme-de-votre-equipe-surround":961},[4,19,49,75,89],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":18},"Démarrer","i-lucide-rocket","\u002Fdocs\u002Fdemarrer","docs\u002F1.demarrer",[10,14],{"title":11,"path":12,"stem":13},"Première présentation","\u002Fdocs\u002Fdemarrer\u002Fpremiere-presentation","docs\u002F1.demarrer\u002F1.premiere-presentation",{"title":15,"path":16,"stem":17},"Le Markdown","\u002Fdocs\u002Fdemarrer\u002Fle-markdown","docs\u002F1.demarrer\u002F2.le-markdown",false,{"title":20,"icon":21,"path":22,"stem":23,"children":24,"page":18},"Écrire","i-lucide-pen-line","\u002Fdocs\u002Fecrire","docs\u002F2.ecrire",[25,29,33,37,41,45],{"title":26,"path":27,"stem":28},"La syntaxe","\u002Fdocs\u002Fecrire\u002Fsyntaxe","docs\u002F2.ecrire\u002F1.syntaxe",{"title":30,"path":31,"stem":32},"Les composants","\u002Fdocs\u002Fecrire\u002Fcomposants","docs\u002F2.ecrire\u002F2.composants",{"title":34,"path":35,"stem":36},"Story Storybook","\u002Fdocs\u002Fecrire\u002Fstory-storybook","docs\u002F2.ecrire\u002F3.story-storybook",{"title":38,"path":39,"stem":40},"Image et texte","\u002Fdocs\u002Fecrire\u002Fimage-a-cote-du-texte","docs\u002F2.ecrire\u002F4.image-a-cote-du-texte",{"title":42,"path":43,"stem":44},"Présenter et exporter","\u002Fdocs\u002Fecrire\u002Fpresenter","docs\u002F2.ecrire\u002F5.presenter",{"title":46,"path":47,"stem":48},"Écrire avec un agent","\u002Fdocs\u002Fecrire\u002Fecrire-avec-un-agent","docs\u002F2.ecrire\u002F6.ecrire-avec-un-agent",{"title":50,"icon":51,"path":52,"stem":53,"children":54,"page":18},"Studio","i-lucide-layout-grid","\u002Fdocs\u002Fstudio","docs\u002F3.studio",[55,59,63,67,71],{"title":56,"path":57,"stem":58},"Rôles et partage","\u002Fdocs\u002Fstudio\u002Froles-et-partage","docs\u002F3.studio\u002F1.roles-et-partage",{"title":60,"path":61,"stem":62},"Versions et brouillon","\u002Fdocs\u002Fstudio\u002Fversions-et-brouillon","docs\u002F3.studio\u002F2.versions-et-brouillon",{"title":64,"path":65,"stem":66},"Organiser le catalogue","\u002Fdocs\u002Fstudio\u002Forganiser-le-catalogue","docs\u002F3.studio\u002F3.organiser-le-catalogue",{"title":68,"path":69,"stem":70},"Jetons d'accès","\u002Fdocs\u002Fstudio\u002Fjetons-d-acces","docs\u002F3.studio\u002F4.jetons-d-acces",{"title":72,"path":73,"stem":74},"Problèmes fréquents","\u002Fdocs\u002Fstudio\u002Fproblemes-frequents","docs\u002F3.studio\u002F5.problemes-frequents",{"title":76,"icon":77,"path":78,"stem":79,"children":80,"page":18},"Thèmes","i-lucide-palette","\u002Fdocs\u002Fthemes","docs\u002F4.themes",[81,85],{"title":82,"path":83,"stem":84},"Thème DSFR","\u002Fdocs\u002Fthemes\u002Ftheme-dsfr","docs\u002F4.themes\u002F1.theme-dsfr",{"title":86,"path":87,"stem":88},"Thème d'équipe","\u002Fdocs\u002Fthemes\u002Ftheme-de-votre-equipe","docs\u002F4.themes\u002F2.theme-de-votre-equipe",{"title":90,"icon":91,"path":92,"stem":93,"children":94,"page":18},"Référence","i-lucide-book-open","\u002Fdocs\u002Freference","docs\u002F5.reference",[95,99,103,107,111,115],{"title":96,"path":97,"stem":98},"Module de rendu","\u002Fdocs\u002Freference\u002Fnuxt","docs\u002F5.reference\u002F1.nuxt",{"title":100,"path":101,"stem":102},"Composants de schéma","\u002Fdocs\u002Freference\u002Fschemas","docs\u002F5.reference\u002F2.schemas",{"title":104,"path":105,"stem":106},"Composants Storybook","\u002Fdocs\u002Freference\u002Fstorybook","docs\u002F5.reference\u002F3.storybook",{"title":108,"path":109,"stem":110},"Système de thèmes","\u002Fdocs\u002Freference\u002Ftheme-system","docs\u002F5.reference\u002F4.theme-system",{"title":112,"path":113,"stem":114},"Kit de thèmes","\u002Fdocs\u002Freference\u002Ftheme-kit","docs\u002F5.reference\u002F5.theme-kit",{"title":82,"path":116,"stem":117},"\u002Fdocs\u002Freference\u002Ftheme-dsfr","docs\u002F5.reference\u002F6.theme-dsfr",{"id":119,"title":120,"body":121,"description":955,"extension":956,"meta":957,"navigation":958,"path":87,"seo":959,"stem":88,"__hash__":960},"docs\u002Fdocs\u002F4.themes\u002F2.theme-de-votre-equipe.md","Créer le thème de votre équipe",{"type":122,"value":123,"toc":947},"minimark",[124,137,142,157,211,222,226,257,298,324,328,338,445,456,502,512,613,644,648,666,759,768,797,814,818,826,840,850,877,881,884,909,916,943],[125,126,127,128,132,133,136],"p",{},"Un thème donne aux présentations leurs couleurs, leur police, leurs tailles et leurs fonds. C'est un dossier qui contient un manifeste ",[129,130,131],"code",{},"theme.json"," et une feuille de style SCSS construite sur le paquet ",[129,134,135],{},"@vignettes\u002Ftheme-kit",". Dans ce tutoriel, vous écrivez ce dossier, vous le vérifiez dans un studio installé sur votre ordinateur, puis l'exploitant de votre instance le publie.",[138,139,141],"h2",{"id":140},"installer-le-studio-sur-votre-ordinateur","Installer le studio sur votre ordinateur",[125,143,144,145,148,149,156],{},"Le studio est dans le dépôt privé ",[129,146,147],{},"ShallowRed\u002Fvignettes",", que votre compte GitHub doit pouvoir lire. ",[150,151,155],"a",{"href":152,"rel":153},"https:\u002F\u002Fmise.jdx.dev",[154],"nofollow","mise"," installe Node 22 et pnpm, puis lance les tâches du dépôt.",[158,159,164],"pre",{"className":160,"code":161,"language":162,"meta":163,"style":163},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","git clone https:\u002F\u002Fgithub.com\u002FShallowRed\u002Fvignettes.git\ncd vignettes\nmise install\nmise run setup\n","bash","",[129,165,166,182,192,200],{"__ignoreMap":163},[167,168,171,175,179],"span",{"class":169,"line":170},"line",1,[167,172,174],{"class":173},"sBMFI","git",[167,176,178],{"class":177},"sfazB"," clone",[167,180,181],{"class":177}," https:\u002F\u002Fgithub.com\u002FShallowRed\u002Fvignettes.git\n",[167,183,185,189],{"class":169,"line":184},2,[167,186,188],{"class":187},"s2Zo4","cd",[167,190,191],{"class":177}," vignettes\n",[167,193,195,197],{"class":169,"line":194},3,[167,196,155],{"class":173},[167,198,199],{"class":177}," install\n",[167,201,203,205,208],{"class":169,"line":202},4,[167,204,155],{"class":173},[167,206,207],{"class":177}," run",[167,209,210],{"class":177}," setup\n",[125,212,213,214,217,218,221],{},"Les thèmes de votre instance sont dans ",[129,215,216],{},"presentations\u002Fthemes\u002F",", un dossier ignoré par git. Si votre instance garde ses présentations et ses thèmes dans un dépôt, clonez ce dépôt sous le nom ",[129,219,220],{},"presentations",".",[138,223,225],{"id":224},"copier-le-thème-dexemple","Copier le thème d'exemple",[125,227,228,229,236,237,240,241,244,245,248,249,252,253,256],{},"Partez du thème complet ",[150,230,233],{"href":231,"rel":232},"https:\u002F\u002Fgithub.com\u002FShallowRed\u002Fvignettes\u002Fblob\u002Fmain\u002Fexamples\u002Fthemes\u002Fexemple-marque",[154],[129,234,235],{},"examples\u002Fthemes\u002Fexemple-marque",". Le nom de votre thème, en minuscules et avec des tirets, est à la fois celui du dossier, de la clé ",[129,238,239],{},"name"," du manifeste, du fichier SCSS et de la clé ",[129,242,243],{},"theme"," des présentations. Il doit être différent de ",[129,246,247],{},"dsfr"," et de ",[129,250,251],{},"minimal",". Ici, le thème s'appelle ",[129,254,255],{},"mon-equipe"," :",[158,258,260],{"className":160,"code":259,"language":162,"meta":163,"style":163},"mkdir -p presentations\u002Fthemes\ncp -R examples\u002Fthemes\u002Fexemple-marque presentations\u002Fthemes\u002Fmon-equipe\nmv presentations\u002Fthemes\u002Fmon-equipe\u002Fexemple-marque.scss presentations\u002Fthemes\u002Fmon-equipe\u002Fmon-equipe.scss\n",[129,261,262,273,287],{"__ignoreMap":163},[167,263,264,267,270],{"class":169,"line":170},[167,265,266],{"class":173},"mkdir",[167,268,269],{"class":177}," -p",[167,271,272],{"class":177}," presentations\u002Fthemes\n",[167,274,275,278,281,284],{"class":169,"line":184},[167,276,277],{"class":173},"cp",[167,279,280],{"class":177}," -R",[167,282,283],{"class":177}," examples\u002Fthemes\u002Fexemple-marque",[167,285,286],{"class":177}," presentations\u002Fthemes\u002Fmon-equipe\n",[167,288,289,292,295],{"class":169,"line":194},[167,290,291],{"class":173},"mv",[167,293,294],{"class":177}," presentations\u002Fthemes\u002Fmon-equipe\u002Fexemple-marque.scss",[167,296,297],{"class":177}," presentations\u002Fthemes\u002Fmon-equipe\u002Fmon-equipe.scss\n",[125,299,300,301,303,304,307,308,310,311,314,315,319,320,323],{},"Dans ",[129,302,131],{},", remplacez ",[129,305,306],{},"exemple-marque"," par ",[129,309,255],{},", et reportez dans ",[129,312,313],{},"preview"," les couleurs et la police de votre thème : le catalogue dessine la carte d'une présentation avec ces valeurs, sans charger la feuille du thème. La ",[150,316,318],{"href":317},"\u002Fdocs\u002Freference\u002Ftheme-system#manifest","référence du manifeste"," décrit les autres clés, dont ",[129,321,322],{},"backgrounds"," pour une image de fond par rôle de diapositive.",[138,325,327],{"id":326},"régler-les-couleurs","Régler les couleurs",[125,329,300,330,333,334,337],{},[129,331,332],{},"mon-equipe.scss",", le bloc ",[129,335,336],{},":root"," donne leur valeur aux jetons que lisent tous les composants. Remplacez-les par les couleurs de votre équipe :",[339,340,341,356,379,393,405,417,433],"ul",{},[342,343,344,347,348,351,352,355],"li",{},[129,345,346],{},"--accent",", ",[129,349,350],{},"--accent-soft"," et ",[129,353,354],{},"--accent-bg"," : la couleur principale, des liens, des puces et des diagrammes, et deux teintes plus claires ;",[342,357,358,361,362,364,365,367,368,371,372,375,376,378],{},[129,359,360],{},"--accent-strong"," : l'accent mélangé à la couleur des titres, pour un texte posé sur ",[129,363,350],{}," ou ",[129,366,354],{},", et ",[129,369,370],{},"--accent-line"," : l'accent mélangé au fond, pour les contours d'un schéma : cartes, zones ",[129,373,374],{},"subject"," et étiquettes des flèches ; sans valeur, ils sont calculés à partir de ",[129,377,346],{}," ;",[342,380,381,384,385,388,389,392],{},[129,382,383],{},"--surface"," : le fond des diapositives, et ",[129,386,387],{},"--surface-contrast"," avec ",[129,390,391],{},"--on-contrast"," : une surface sombre et son texte ;",[342,394,395,347,398,351,401,404],{},[129,396,397],{},"--text-title",[129,399,400],{},"--text-default",[129,402,403],{},"--text-mention"," : les titres, le texte courant, les légendes ;",[342,406,407,347,410,351,413,416],{},[129,408,409],{},"--border",[129,411,412],{},"--radius",[129,414,415],{},"--shadow"," : le contour, les coins et l'ombre des boîtes ;",[342,418,419,351,422,425,426,351,429,432],{},[129,420,421],{},"--code-surface",[129,423,424],{},"--code-surface-dark"," : le fond des blocs de code des thèmes de code ",[129,427,428],{},"clair",[129,430,431],{},"nuit"," ; sans valeur, ils prennent les fonds clair et sombre du code de GitHub ;",[342,434,435,438,439,442,443,221],{},[129,436,437],{},"--accent-on-contrast"," : l'accent éclairci, pour la zone active d'un ",[129,440,441],{},"JsonTour"," sur un bloc de code sombre ; sans valeur, il est calculé à partir de ",[129,444,346],{},[125,446,447,448,450,451,455],{},"Un jeton omis garde la valeur par défaut du kit, un gris neutre avec un accent bleu. Les deux dernières règles de l'exemple colorent les diapositives de section avec ",[129,449,387],{}," : gardez-les. ",[150,452,454],{"href":453},"\u002Fdocs\u002Freference\u002Ftheme-system#slides-by-role","Slides by role"," explique comment elles atteignent le fond de l'écran, l'export PDF et la vue du téléphone.",[125,457,458,459,462,463,347,466,347,469,347,472,347,475,347,478,347,481,351,484,487,488,491,492,351,495,498,499,501],{},"Les cartes et les zones d'un schéma prennent une couleur par son nom, comme ",[129,460,461],{},"color=\"green\"",". Le kit définit ",[129,464,465],{},"blue",[129,467,468],{},"green",[129,470,471],{},"yellow",[129,473,474],{},"orange",[129,476,477],{},"brown",[129,479,480],{},"pink",[129,482,483],{},"purple",[129,485,486],{},"grey",". Pour un nom, ",[129,489,490],{},"--palette-\u003Cnom>-text"," colore le titre et l'icône, ",[129,493,494],{},"--palette-\u003Cnom>-bg",[129,496,497],{},"--palette-\u003Cnom>-main"," le fond et le contour d'une zone. Redéfinissez ces propriétés dans le bloc ",[129,500,336],{},", ou ajoutez un nom avec les trois mêmes propriétés.",[125,503,504,505,508,509,511],{},"Pour garder la police Marianne et la mise en forme du DSFR, avec vos couleurs, remplacez les trois lignes ",[129,506,507],{},"@use"," du kit et le bloc ",[129,510,336],{}," par le thème DSFR, réglé par ses variables Sass :",[158,513,517],{"className":514,"code":515,"language":516,"meta":163,"style":163},"language-scss shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@use 'pkg:@vignettes\u002Ftheme-dsfr\u002Fvariables' with (\n  $dsfr-blue-france-sun-113: #7c2d12,\n  $dsfr-blue-france-main-525: #c2410c,\n  $dsfr-blue-france-850: #fed7aa,\n  $dsfr-blue-france-950: #fff7ed\n);\n@use 'pkg:@vignettes\u002Ftheme-dsfr';\n","scss",[129,518,519,540,555,567,579,592,598],{"__ignoreMap":163},[167,520,521,524,528,531,534,537],{"class":169,"line":170},[167,522,507],{"class":523},"s7zQu",[167,525,527],{"class":526},"sMK4o"," '",[167,529,530],{"class":177},"pkg:@vignettes\u002Ftheme-dsfr\u002Fvariables",[167,532,533],{"class":526},"'",[167,535,536],{"class":523}," with",[167,538,539],{"class":526}," (\n",[167,541,542,546,549,552],{"class":169,"line":184},[167,543,545],{"class":544},"sTEyZ","  $dsfr-blue-france-sun-113",[167,547,548],{"class":526},":",[167,550,551],{"class":526}," #",[167,553,554],{"class":544},"7c2d12,\n",[167,556,557,560,562,564],{"class":169,"line":194},[167,558,559],{"class":544},"  $dsfr-blue-france-main-525",[167,561,548],{"class":526},[167,563,551],{"class":526},[167,565,566],{"class":544},"c2410c,\n",[167,568,569,572,574,576],{"class":169,"line":202},[167,570,571],{"class":544},"  $dsfr-blue-france-850",[167,573,548],{"class":526},[167,575,551],{"class":526},[167,577,578],{"class":544},"fed7aa,\n",[167,580,582,585,587,589],{"class":169,"line":581},5,[167,583,584],{"class":544},"  $dsfr-blue-france-950",[167,586,548],{"class":526},[167,588,551],{"class":526},[167,590,591],{"class":544},"fff7ed\n",[167,593,595],{"class":169,"line":594},6,[167,596,597],{"class":526},");\n",[167,599,601,603,605,608,610],{"class":169,"line":600},7,[167,602,507],{"class":523},[167,604,527],{"class":526},[167,606,607],{"class":177},"pkg:@vignettes\u002Ftheme-dsfr",[167,609,533],{"class":526},[167,611,612],{"class":526},";\n",[125,614,615,616,618,619,347,622,618,624,347,627,618,629,351,632,618,634,637,638,643],{},"Le thème DSFR associe ",[129,617,346],{}," à ",[129,620,621],{},"$dsfr-blue-france-main-525",[129,623,350],{},[129,625,626],{},"$dsfr-blue-france-850",[129,628,354],{},[129,630,631],{},"$dsfr-blue-france-950",[129,633,360],{},[129,635,636],{},"$dsfr-blue-france-sun-113",", qui colore aussi le survol des liens. Le fichier ",[150,639,642],{"href":640,"rel":641},"https:\u002F\u002Fgithub.com\u002FShallowRed\u002Fvignettes\u002Fblob\u002Fmain\u002Fpackages\u002Ftheme-dsfr\u002F_variables.scss",[154],"_variables.scss"," liste les autres variables.",[138,645,647],{"id":646},"choisir-la-police","Choisir la police",[125,649,650,651,654,655,658,659,662,663,256],{},"Placez les fichiers de la police dans ",[129,652,653],{},"assets\u002Ffonts\u002F"," et déclarez-la dans un fichier ",[129,656,657],{},"_fonts.scss"," du dossier du thème. Le dossier ",[129,660,661],{},"assets\u002F"," est servi à l'adresse ",[129,664,665],{},"\u002Fthemes\u002Fmon-equipe\u002Fassets\u002F",[158,667,669],{"className":514,"code":668,"language":516,"meta":163,"style":163},"@font-face {\n  font-family: Equipe;\n  font-weight: 400;\n  font-display: swap;\n  src: url('\u002Fthemes\u002Fmon-equipe\u002Fassets\u002Ffonts\u002FEquipe-Regular.woff2') format('woff2');\n}\n",[129,670,671,679,692,705,717,754],{"__ignoreMap":163},[167,672,673,676],{"class":169,"line":170},[167,674,675],{"class":523},"@font-face",[167,677,678],{"class":526}," {\n",[167,680,681,685,687,690],{"class":169,"line":184},[167,682,684],{"class":683},"sqsOY","  font-family",[167,686,548],{"class":526},[167,688,689],{"class":544}," Equipe",[167,691,612],{"class":526},[167,693,694,697,699,703],{"class":169,"line":194},[167,695,696],{"class":683},"  font-weight",[167,698,548],{"class":526},[167,700,702],{"class":701},"sbssI"," 400",[167,704,612],{"class":526},[167,706,707,710,712,715],{"class":169,"line":202},[167,708,709],{"class":683},"  font-display",[167,711,548],{"class":526},[167,713,714],{"class":544}," swap",[167,716,612],{"class":526},[167,718,719,722,724,727,730,732,735,737,740,743,745,747,750,752],{"class":169,"line":581},[167,720,721],{"class":683},"  src",[167,723,548],{"class":526},[167,725,726],{"class":187}," url",[167,728,729],{"class":526},"(",[167,731,533],{"class":526},[167,733,734],{"class":177},"\u002Fthemes\u002Fmon-equipe\u002Fassets\u002Ffonts\u002FEquipe-Regular.woff2",[167,736,533],{"class":526},[167,738,739],{"class":526},")",[167,741,742],{"class":187}," format",[167,744,729],{"class":526},[167,746,533],{"class":526},[167,748,749],{"class":177},"woff2",[167,751,533],{"class":526},[167,753,597],{"class":526},[167,755,756],{"class":169,"line":594},[167,757,758],{"class":526},"}\n",[125,760,300,761,763,764,767],{},[129,762,332],{},", ajoutez ",[129,765,766],{},"@use 'fonts';"," et appliquez la police :",[158,769,771],{"className":514,"code":770,"language":516,"meta":163,"style":163},".reveal {\n  font-family: Equipe, system-ui, sans-serif;\n}\n",[129,772,773,782,793],{"__ignoreMap":163},[167,774,775,777,780],{"class":169,"line":170},[167,776,221],{"class":526},[167,778,779],{"class":173},"reveal",[167,781,678],{"class":526},[167,783,784,786,788,791],{"class":169,"line":184},[167,785,684],{"class":683},[167,787,548],{"class":526},[167,789,790],{"class":544}," Equipe, system-ui, sans-serif",[167,792,612],{"class":526},[167,794,795],{"class":169,"line":194},[167,796,758],{"class":526},[125,798,799,800,803,804,806,807,810,811,221],{},"Pour la carte du catalogue, ajoutez ",[129,801,802],{},"\"fonts\": \"fonts\""," dans ",[129,805,313],{}," et mettez ",[129,808,809],{},"Equipe"," en tête de ",[129,812,813],{},"fontFamily",[138,815,817],{"id":816},"vérifier-le-thème","Vérifier le thème",[125,819,820,821,825],{},"Lancez le studio, puis connectez-vous sans compte GitHub ni Google à l'adresse ",[150,822,823],{"href":823,"rel":824},"http:\u002F\u002Flocalhost:3000\u002Fauth\u002Fdev-login?role=owner",[154],", qui répond seulement en développement :",[158,827,829],{"className":160,"code":828,"language":162,"meta":163,"style":163},"mise run dev:nuxt\n",[129,830,831],{"__ignoreMap":163},[167,832,833,835,837],{"class":169,"line":170},[167,834,155],{"class":173},[167,836,207],{"class":177},[167,838,839],{"class":177}," dev:nuxt\n",[125,841,842,843,846,847,849],{},"Une modification d'un fichier ",[129,844,845],{},".scss"," recharge la page ; après une modification de ",[129,848,131],{},", relancez la commande.",[125,851,852,853,860,861,863,864,866,867,871,872,876],{},"La présentation de contrôle ",[150,854,857],{"href":855,"rel":856},"https:\u002F\u002Fgithub.com\u002FShallowRed\u002Fvignettes\u002Fblob\u002Fmain\u002Fexamples\u002Fcontrole-du-theme.md",[154],[129,858,859],{},"examples\u002Fcontrole-du-theme.md"," contient chaque rôle de diapositive et chaque élément que colore un thème. Copiez-la, écrivez ",[129,862,255],{}," dans sa clé ",[129,865,243],{},", puis ",[150,868,870],{"href":869},"\u002Fdocs\u002Fecrire\u002Fecrire-avec-un-agent#importer-le-fichier","importez-la"," et publiez-la. Lisez chaque diapositive en largeur d'ordinateur, puis à 390 pixels de large, avec la liste de ",[150,873,875],{"href":874},"\u002Fdocs\u002Freference\u002Ftheme-system#checking-a-theme","Checking a theme"," : le contraste de chaque couple de couleurs, le code en ligne en fin de ligne, les diagrammes, la vue du téléphone et l'export PDF.",[138,878,880],{"id":879},"faire-publier-le-thème","Faire publier le thème",[125,882,883],{},"La commande de publication envoie le thème dans le stockage de l'instance, et il faut pour la lancer les clés de ce stockage : l'exploitant de votre instance la lance, dans son propre clone du studio. Envoyez-lui le dossier du thème, en archive ou par un commit dans le dépôt des présentations, et demandez-lui :",[885,886,887,892,903],"ol",{},[342,888,889,890,378],{},"de placer le dossier dans ",[129,891,216],{},[342,893,894,895,898,899,902],{},"de lancer ",[129,896,897],{},"mise run theme:push -- mon-equipe",", qui affiche les fichiers à envoyer, puis ",[129,900,901],{},"mise run theme:push -- mon-equipe --apply",", qui les envoie ;",[342,904,905,906,221],{},"de vous prévenir quand la commande affiche ",[129,907,908],{},"✓ published",[125,910,911,912,915],{},"Le thème apparaît dans la liste des thèmes de la fenêtre « Nouvelle présentation » une minute plus tard au plus. Pour l'appliquer à une présentation existante, écrivez ",[129,913,914],{},"theme: mon-equipe"," dans son en-tête et publiez-la. Pour une nouvelle version du thème, faites la même demande : la commande remplace les fichiers publiés sous le même nom.",[125,917,918,919,922,923,926,927,930,931,934,935,939,940,221],{},"Pour faire écrire le thème par un agent, utilisez la skill ",[129,920,921],{},"writing-themes",". Dans Claude Code, le plugin ",[129,924,925],{},"vignettes-decks"," la contient : commencez la demande par ",[129,928,929],{},"\u002Fvignettes-decks:writing-themes",". Pour les autres agents, installez-la comme ",[129,932,933],{},"writing-decks"," (",[150,936,938],{"href":937},"\u002Fdocs\u002Fecrire\u002Fecrire-avec-un-agent#installer-la-skill","Installer la skill","), avec ",[129,941,942],{},"gh skill install ShallowRed\u002Fvignettes writing-themes --agent codex --scope user",[944,945,946],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":163,"searchDepth":184,"depth":184,"links":948},[949,950,951,952,953,954],{"id":140,"depth":184,"text":141},{"id":224,"depth":184,"text":225},{"id":326,"depth":184,"text":327},{"id":646,"depth":184,"text":647},{"id":816,"depth":184,"text":817},{"id":879,"depth":184,"text":880},"Écrire un thème aux couleurs de votre équipe, le vérifier dans un studio installé sur votre ordinateur, puis le faire publier par l'exploitant de votre instance.","md",{},{"title":86},{"title":120,"description":955},"KFo4bpjJxl5Fop1Y_qbBdUYHe9N1iexeCcUF3gQ93D0",[962,964],{"title":82,"path":83,"stem":84,"description":963,"children":-1},"Ce que le thème dsfr donne à une présentation, sa palette illustrative et ses pictogrammes pour les schémas.",{"title":96,"path":97,"stem":98,"description":965,"children":-1},"Renders a deck in a Nuxt application: the Reveal layer, the authoring components, the two slide parsers, the theme pipeline and the French orthotypography directive.",1793478538007]