Note

Quark 2 est le thème par défaut de Grav 2.0. Il utilise Blades CSS (le successeur activement maintenu de Pico CSS) comme base sans classes, complétée par un système de design inspiré de Cal.com. Toutes les capacités de Blades sont documentées dans la documentation officielle de Blades CSS.

Le thème Quark 2 est le nouveau thème par défaut de Grav, qui remplace le thème Quark (1.x) en place depuis longtemps. Il associe une palette en pur niveaux de gris à Cal Sans pour les titres et Inter pour le texte courant (tous deux hébergés localement), des icônes Font Awesome 7, et un apparence auto/clair/sombre mémorisé dans le navigateur de l'utilisateur. Le système de mise en page repose sur CSS Grid et des propriétés personnalisées modernes plutôt que sur une grille de framework.

Titres

Quark 2 utilise Cal Sans pour les titres d'affichage et traite h1 / h2 différemment : h1 adopte une graisse d'affichage plus légère, tandis que h2 est plus gras et reçoit une petite barre d'accent pour marquer les ruptures de section. h6 est rendu comme une étiquette « eyebrow » en majuscules.

Titre H1 — aérien, graisse d'affichage

Titre H2 — affirmé, avec barre d'accent

Titre H3 — titre de section polyvalent

Titre H4

Titre H5
Titre H6 — eyebrow en majuscules
# Titre H1
## Titre H2
### Titre H3
#### Titre H4
##### Titre H5
###### Titre H6

Paragraphes

Le texte courant est composé en Inter à 16 px avec une hauteur de ligne de 1,7 et un léger crénage. Les liens adoptent la couleur d'accent du thème — par défaut un anthracite sobre, mais configurable avec n'importe quelle valeur hexadécimale via Thèmes → Quark 2 → Couleur d'accent.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.

Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.

Éléments de texte sémantiques Markdown

Gras **Gras**

Italique _Italique_

Supprimé ~~Supprimé~~

Code en ligne `Code en ligne`

Éléments de texte sémantiques HTML

I18N <abbr>

Citation <cite>

Ctrl + S <kbd>

Texteen exposant <sup>

Texteen indice <sub>

Souligné <u>

Surligné <mark>

<time>

x = y + 2 <var>

Citation

Le progrès technologique consiste à faire en sorte que la technologie s'intègre si bien qu'on ne la remarque même plus, qu'elle fasse partie de la vie de tous les jours.

- Bill Gates

> Le progrès technologique consiste à faire en sorte que la technologie s'intègre si bien qu'on ne la remarque même plus,
> qu'elle fasse partie de la vie de tous les jours.
>
> <cite>- Bill Gates</cite>

Liste non ordonnée

  • élément de liste 1
  • élément de liste 2
    • élément de liste 2.1
    • élément de liste 2.2
    • élément de liste 2.3
  • élément de liste 3
* élément de liste 1
* élément de liste 2
    * élément de liste 2.1
    * élément de liste 2.2
    * élément de liste 2.3
* élément de liste 3

Liste ordonnée

  1. élément de liste 1
  2. élément de liste 2
    1. élément de liste 2.1
    2. élément de liste 2.2
    3. élément de liste 2.3
  3. élément de liste 3
1. élément de liste 1
1. élément de liste 2
    1. élément de liste 2.1
    1. élément de liste 2.2
    1. élément de liste 2.3
1. élément de liste 3

Tableau

Titre Genre Date de sortie
Les Évadés Crime, Drame 14 octobre 1994
Le Parrain Crime, Drame 24 mars 1972
La Liste de Schindler Biographie, Drame, Histoire 4 février 1994
Se7en Crime, Drame, Mystère 22 septembre 1995
| Titre                       | Genre                         | Date de sortie       |
| :-------------------------- | :---------------------------: | -------------------: |
| Les Évadés                  | Crime, Drame                  | 14 octobre 1994      |
| Le Parrain                  | Crime, Drame                  | 24 mars 1972         |
| La Liste de Schindler       | Biographie, Drame, Histoire   | 4 février 1994       |
| Se7en                       | Crime, Drame, Mystère         | 22 septembre 1995    |

Alertes

Grav 2.0 remplace l'ancien plugin markdown-notices par github-markdown-alerts, qui rend les alertes Markdown de GitHub. Cinq types sont disponibles, chacun avec un liseré d'accent, une icône et une étiquette :

Note

Met en avant les informations que les utilisateurs doivent prendre en compte, même en parcourant rapidement.

Tip

Information facultative pour aider l'utilisateur à mieux réussir.

Important

Information essentielle pour que l'utilisateur réussisse.

Warning

Contenu critique exigeant une attention immédiate en raison de risques potentiels.

Caution

Conséquences négatives potentielles d'une action.

> [!NOTE]
> Met en avant les informations que les utilisateurs doivent prendre en compte, même en parcourant rapidement.

> [!TIP]
> Information facultative pour aider l'utilisateur à mieux réussir.

> [!IMPORTANT]
> Information essentielle pour que l'utilisateur réussisse.

> [!WARNING]
> Contenu critique exigeant une attention immédiate en raison de risques potentiels.

> [!CAUTION]
> Conséquences négatives potentielles d'une action.