/* Thème « DSFR » : charte graphique de l'État — bleu France #000091, texte #161616, champs gris #eeeeee soulignés, focus #0a76f6, webfonts Marianne du DSFR (@gouvfr/dsfr) et repli Arial conformément à la charte. Le DSFR et la police Marianne sont réservés aux administrations de l'État : ce thème n'est donc pas celui servi par défaut (voir theme-libre.css), mais il est maintenu en vue d'un possible agrément, seul cas où le site pourrait s'en réclamer. Cette feuille ne contient que les valeurs propres au thème — couleurs, fontes, famille de texte. Toute la mise en page est dans style.css, qui ne connaît les thèmes que par ces variables. Ajouter une couleur en dur dans style.css revient à la rendre insensible à la bascule. Le sélecteur porte sur l'attribut posé sur par la bascule ; il gagne en spécificité sur le `:root` de theme-libre.css, qui reste donc le thème par défaut. Les .woff2 Marianne sous assets/fonts/webfonts/ ne sont chargés par le navigateur que si ce thème est actif — une déclaration @font-face ne télécharge rien tant que la fonte n'est pas employée. Les servir en permanence ne coûte donc rien à qui reste sur le thème par défaut. Ils sont à distinguer des fontstacks .pbf Marianne_*, qui alimentaient les libellés de la carte et ne servent plus (voir 03_tuiles_04_fonts.py). */ @font-face { font-family: "Marianne"; src: url("../assets/fonts/webfonts/Marianne-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Marianne"; src: url("../assets/fonts/webfonts/Marianne-Regular_Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Marianne"; src: url("../assets/fonts/webfonts/Marianne-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Marianne"; src: url("../assets/fonts/webfonts/Marianne-Bold_Italic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; } html[data-theme="dsfr"] { --police: "Marianne", arial, sans-serif; --accent: #000091; --accent-hover: #1212ff; --accent-active: #2323ff; /* blue-france-sun-113 actif */ --accent-selection: #ececfe; /* blue-france-950 */ --accent-fond: #f5f5fe; /* blue-france-975 */ --texte: #161616; --texte-mention: #666666; --fond: #ffffff; --fond-alt: #f6f6f6; --fond-champ: #eeeeee; --contour-champ: #3a3a3a; --bordure: #dddddd; --focus: #0a76f6; --desactive: #929292; --avertissement: #b34000; /* warning-425 */ --avertissement-fond: #fff4f3; /* warning-975 */ --information: #0063cb; /* info-425 */ --information-fond: #f4f6ff; /* info-975 */ }