/* Palette Carmoove officielle, extraite du design system Sketch (Carmoove-Library_20251121, page "Design System" > frame "Colors"). mkdocs.yml force primary=white / accent=blue (palettes neutres) car Material fixe --md-primary-fg-color etc. sur via ces attributs : nos règles doivent cibler les mêmes sélecteurs [data-md-color-*] pour gagner la cascade, un simple :root est ignoré (body redéfinit les variables localement). */ [data-md-color-primary="white"] { --md-primary-fg-color: #01426a; /* Carmoove Dark Blue - couleur primaire, titres */ --md-primary-fg-color--light: #39a1d8; /* Carmoove Blue - emphase, boutons, lignes, cadres */ --md-primary-fg-color--dark: #012c47; /* dérivé assombri du Dark Blue */ --md-primary-bg-color: #ffffff; --md-primary-bg-color--light: #ffffff; --md-typeset-a-color: #39a1d8; } [data-md-color-accent="blue"] { --md-accent-fg-color: #39a1d8; /* Carmoove Blue */ --md-accent-fg-color--transparent: #39a1d81a; --md-accent-bg-color: #ffffff; --md-accent-bg-color--light: #ffffff; } [data-md-color-scheme="slate"] { --md-typeset-a-color: #5fb6e8; /* Carmoove Blue éclairci pour le contraste en mode sombre */ } [data-md-color-scheme="slate"][data-md-color-accent="blue"] { --md-accent-fg-color: #5fb6e8; } /* Footer aux couleurs Carmoove (mêmes tons que le header). Le schéma "slate" redéfinit --md-footer-bg-color localement sur body : même piège de cascade que plus haut, donc on cible les deux schémas explicitement plutôt que :root. */ [data-md-color-scheme="default"], [data-md-color-scheme="slate"] { --md-footer-bg-color: #01426a; --md-footer-bg-color--dark: #012c47; --md-footer-fg-color: #ffffff; } /* Header : recherche centrée en fond blanc, icône de thème alignée à droite */ .md-header__inner { position: relative; } .md-header__inner > .md-search { position: absolute; left: 50%; transform: translateX(-50%); } .md-header .md-search__form, .md-header .md-search__form:hover { background-color: #ffffff; } .md-header .md-search__input { color: #01426a; } .md-header .md-search__input::placeholder { color: #01426a; opacity: 0.6; } .md-header .md-search__input + .md-search__icon, .md-header .md-search__icon { color: #01426a; } /* Le lien vers le repo (masqué en prod via mkdocs.prod.yml) doit rester avant le sélecteur de langue et le bouton clair/sombre, groupés à l'extrême droite et l'un à côté de l'autre. Le sélecteur de langue (ajouté par mkdocs-static-i18n) est un `.md-header__option` sans data-md-component, contrairement à celui de la palette qui en a un — c'est ce qui les distingue. */ .md-header__inner > .md-header__source { order: 1; } .md-header__inner > .md-header__option:not([data-md-component="palette"]) { order: 2; } .md-header__inner > [data-md-component="palette"] { order: 3; } /* Le conteneur principal (contenu + sidebars) est plafonné à 76.25rem par Material au-delà d'un certain seuil de largeur, laissant des bandes vides sur les grands écrans (ex. ~110px de chaque côté à 1440px de large) — on le laisse occuper toute la largeur disponible. Le header et le footer gardent leur propre largeur (`.md-grid`) inchangée. */ .md-main__inner.md-grid { max-width: 100%; }