ZPROJECT

Thèmes

Par
SörenSkyneur
v1.0.0Voir la ressource →

zPedMenu charge le thème indiqué par CONFIG.theme depuis le dossier themes/.

Thèmes inclus

La ressource fournit les thèmes suivants :

  • Ambre : themes/amber.json
  • Noir : themes/black.json
  • Bleu : themes/blue.json
  • Crimson : themes/crimson.json
  • Cyber : themes/cyber.json
  • Défaut : themes/default.json
  • Émeraude : themes/emerald.json
  • Gothique : themes/gothic.json
  • Violet : themes/violet.json
  • Blanc : themes/white.json

Pour activer le thème bleu :

lua
theme = "blue"

Créer un thème personnalisé

  1. 1Copiez un fichier existant dans themes/.
  2. 2Donnez-lui le nom de votre choix, par exemple themes/mon_theme.json.
  3. 3Modifiez les couleurs, les fonds, la police et les arrondis.
  4. 4Définissez theme = "mon_theme" dans config.lua.
  5. 5Redémarrez zPedMenu.

Tout fichier JSON valide placé dans themes/ peut être chargé avec son nom exact, sans l’extension .json.

Exemple complet

json
{
  "name": "Mon thème",
  "accent": "#ff8800",
  "accentSoft": "rgba(255,136,0,0.25)",
  "panelBackground": "rgba(20,20,22,0.9)",
  "panelBorder": "rgba(255,136,0,0.4)",
  "backgroundOverlay": "rgba(0,0,0,0)",
  "backgroundBlur": "4px",
  "itemBg": "#1f1f23",
  "itemBgHover": "#2a2a30",
  "itemBgActive": "#35353d",
  "favoriteBg": "#ffffff",
  "favoriteInactiveBg": "rgba(255,255,255,0.2)",
  "textPrimary": "#ffffff",
  "textSecondary": "#c2c2c7",
  "textMuted": "#7d7d85",
  "scrollbarThumb": "#ff8800",
  "scrollbarTrack": "#202024",
  "svgAccent": "#ffb347",
  "radius": "10px",
  "fontFamily": "'Inter', sans-serif"
}

Couleurs principales

  • accent — Couleur principale. Valeur par défaut : "#FF3837".
  • accentSoft — Variante transparente de l’accent. Valeur par défaut : "rgba(255,56,55,0.2)".
  • panelBackground — Fond du panneau. Valeur par défaut : "rgba(24,24,27,0.85)".
  • panelBorder — Bordure du panneau. Valeur par défaut : "rgba(255,56,55,0.35)".

Arrière-plan

  • backgroundOverlay — Overlay derrière le panneau. Valeur par défaut : "rgba(0,0,0,0)".
  • backgroundBlur — Intensité du flou. Valeur par défaut : "4px".
  • backgroundImage — Image CSS optionnelle, par exemple url(...). Cette option n’est pas définie dans le thème par défaut.

Éléments et favoris

  • itemBg — Fond normal. Valeur par défaut : "#27272a".
  • itemBgHover — Fond au survol. Valeur par défaut : "#3f3f46".
  • itemBgActive — Fond actif. Valeur par défaut : "#3f3f46".
  • favoriteBg — Fond d’un favori actif. Valeur par défaut : "#ffffff".
  • favoriteInactiveBg — Fond d’un favori inactif. Valeur par défaut : "rgba(255,255,255,0.2)".

Textes

  • textPrimary — Texte principal. Valeur par défaut : "#ffffff".
  • textSecondary — Texte secondaire. Valeur par défaut : "#a1a1aa".
  • textMuted — Texte atténué. Valeur par défaut : "#71717a".

Défilement et icônes

  • scrollbarThumb — Curseur de défilement. Valeur par défaut : "#FF3837".
  • scrollbarTrack — Piste de défilement. Valeur par défaut : "#27272a".
  • svgAccent — Couleur d’accent des icônes SVG. Valeur par défaut : "#FF3837".

Forme et typographie

  • name — Nom lisible du thème. Valeur du thème par défaut : "Défault".
  • radius — Arrondi général. Valeur par défaut : "8px".
  • fontFamily — Famille de police. Valeur par défaut : "'Inter', sans-serif".

Le fichier THEMES.md fourni avec la ressource contient des exemples supplémentaires.