Aller au contenu

PluxThèmes

Zone de ressources - thèmes et tutoriaux

lightNdark

Rédigé par GC-nomade Aucun commentaire Classé dans : creation, Thèmes Mots clés : Thème, téléchargement, gratuit
Aperçu du thème

Auteur: Pluxthémes

Version : 0.0

Date 5/08/2024

Avec des tentatives de nouveautés dans ce que l'on trouve en thèmes pour PluXml, ce thèmes ne ressemble pas aux autres de premier abord.

  1. les liens de la barre latérales vers les mots clés sont déplacés vers l'entête dans un datalist, ressemblant à un formulaire de recherches
  2. Il y a une icône à cliquer, qui passe d'un petit soleil en étoile à une lune, passant ainsi d'un thème clair à un thème foncé et vice versa, selon les préférences du navigateur du visiteur.
  3. Les listes de liens vers les catégories et archives sont transformé en boite de sélection, prenant moins de place dans la barre latérale en en laissant plus pour les commentaires par exemple.
  4. Le reste est similaire aux thèmes classiques

Thème basé sur l'arborescence du thème par défaut avec une structure simplifiée et des feuilles de style indépendante de tout framework.

Un peu de JavaScript pour le passage du thème en clair ou foncé selon les préférences de l'utilisateur via [prefers-color-scheme]

Coté CSS, le layout principal est basé sur le grid-layout et propose un affichage en 1 ou 2 colonnes si la sidebar s'affiche.

Les couleurs "dark" et "light" des préférences utilisateurs du thème sont incluses par le biais de variable CSS var() , en début de feuille de style,
vous pourrez aisément les modifiées à votre guise, cela inclus celle de l’icône en SVG

Le mode light est conservé pour l'impression et seul le contenu est imprimable (header,sidebar,commentaire et footer sont cachés))

Downloads:14

3 notes / moyenne 9.4

Hébergeur bénévole de ressources pour le CMS PluXml, un CMS en flat file propulsé à l'XML.

Mon site PluXml perso : re7net.com.

Écrire un commentaire

Quelle est le premier caractère du mot d5gy8 ?

Fil RSS des commentaires de cet article

Haut de page