spip/spip | 5 commits
-
Par Matthieu Marcillaud, le 19 mars 2021 à 00h58min :
Ajout de différentes variables CSS à toutes fins utiles pour l'espace privé de SPIP, qui concerne
notamment les couleurs du thème. On met les propriétés :
--spip-couleur-claire (un hexa tel que #334455)
--spip-couleur-claire-hsl (une valeur hsl(...))
--spip-couleur-claire-h (la valeur h de hsl uniquement)
--spip-couleur-claire-s
--spip-couleur-claire-l
Pareil pour couleur-foncee. Cela permet de décliner «facilement» des couleurs en CSS, avec calc().
Par exemple :
--exemple-darken: hsl(var(--spip-couleur-foncee-h), var(--spip-couleur-foncee-s), calc(var(--spip-couleur-foncee-l) + 25%));
--exemple-complementaire: hsl(calc(var(--spip-couleur-foncee-h) + 180), var(--spip-couleur-foncee-s), var(--spip-couleur-foncee-l));
*Ajouté*
prive/themes/spip/vars.css.html
*Modifié*
prive/themes/spip/style_prive.css.html
Détails : https://git.spip.net/spip/spip/commit/523f148257daab892be5056e455e5c6884de218e
==============================
Par Matthieu Marcillaud, le 19 mars 2021 à 01h31min :
Proposer aussi les versions rgb pour les variables css.
*Modifié*
prive/themes/spip/vars.css.html
Détails : https://git.spip.net/spip/spip/commit/5c4aecdde798afb14e2135e9000a6292960d3ba6
==============================
Par Matthieu Marcillaud, le 19 mars 2021 à 17h28min :
Les couleur_lien et couleur_lien_off ne servent plus depuis 13 ans.
Par ailleurs on enlève les globales de couleurs. Les plugins peuvent
les récupérer dans le fichier prive/style_prive_plugin_xx ou encore avec parametres_css_prive().
*Modifié*
ecrire/inc/couleurs.php
Détails : https://git.spip.net/spip/spip/commit/b33e9d3c3f52c6cbc0249d41fca21719097767c0
==============================
Par Matthieu Marcillaud, le 19 mars 2021 à 19h13min :
Modification substantielles dans les couleurs des thèmes de l'espace privé : on considère qu'il n'y a qu'une couleur (la foncée),
comme couleur définissant un thème. La couleur claire est calculée à partir de celle là.
Ça modifie légèrement ici ou là l'apparence du privé. Il faudra peut être redéfinir légèrement certaines couleurs en les saturant ou désaturant selon).
On renomme cette couleur "couleur_theme".
Du coup, avec ceci, on crée des variables CSS (hsl) :
--spip-color-theme-lightest
--spip-color-theme-lighter
--spip-color-theme-light
--spip-color-theme
--spip-color-theme-dark
--spip-color-theme-darker
--spip-color-theme-darkest
Qui remplacent la proposition précédente.
On définit aussi quelques autres variables -hsl, -rgb (les 3 valeurs séparées par des virgules), -h, -s, -l, -r, -g, -b
(chaque valeur) mais également -hs, et -sl qui regroupent 2 valeurs.
C'est pour pouvoir économiser quelques caractères en changeant la teinte ou la clarté, comme pour le calcul ici des variantes :
--spip-color-theme-dark: hsl(var(--spip-color-theme-hs), calc(var(--spip-color-theme-l) * var(--spip-color-coef-dark)));
*Modifié*
ecrire/inc/couleurs.php
prive/formulaires/configurer_preferences.html
prive/themes/spip/style_prive.css.html
prive/themes/spip/vars.css.html
Détails : https://git.spip.net/spip/spip/commit/711c7d1456c071028a63916f34b9e732d12a8afb
==============================
Par Matthieu Marcillaud, le 19 mars 2021 à 20h42min :
Remodification des variables CSS de couleurs proposées.
+ Chaque theme de couleur a sa définition (.spip-theme-colors-0 ou [data-spip-theme-colors="3"])
On propose les variantes suivantes : white lightest lighter light dark darker darkest black,
où black et white sont très proches de blanc ou noir.
Ces variantes s'appuient sur un dégradé créé avec couleur_eclaircir ou couleur_foncer à partire de la couleur du thème.
J'ai testé différentes méthodes (dégradés à partir du "l" de hsl, ou du "l" de hslux, fixes (0, 10%, 10%...) ou proportionnels à la luminosité de la couleur d'origine,
mais rien ne collait mieux finalement et apriori d'utiliser couleur_eclaircir ou couleur_foncer.
*Ajouté*
prive/themes/spip/vars.css_fonctions.php
*Modifié*
ecrire/inc/commencer_page.php
ecrire/inc/couleurs.php
prive/formulaires/configurer_preferences.html
prive/formulaires/configurer_preferences.php
prive/themes/spip/style_prive.css.html
prive/themes/spip/vars.css.html
Détails : https://git.spip.net/spip/spip/commit/ce9a8fb1353a95d6622398f84714a133122517f8