Hamano :blobkoala_heartyellow: (@hamano)

@tournesol Hello ! Désolé de t'embêter. Est-ce qu'il y a un moyen de changer les couleurs de l'appli sans passer par le CSS ? Car le CSS mis à jour ne change rien, même après avoir vider le cache

@hamano le CSS dans les préférences ? Je sais que @DamiaB semblait avoir réussi hier

@tournesol @hamano Oui, faut bien faire attention aux déclarations. Ex : pour la barre en haut, elle s'appelle .top-bar avec un code entre crochets. Faut mettre ça, sinon ça marchera pas (je suppose que c'est un identifiant unique qui permet d'associer ta CSS perso à ton compte). Et c'est comme ça pour tout le HTML.

@DamiaB @tournesol Merci d'avoir posté ton code CSS, ça m'a permis de comprendre quelques trucs ! Et du coup, en copiant/collant ton CSS directement, sans changer les codes, ça fonctionne. Est-ce que ça veut dire qu'ils ne sont pas uniques du coup ? Ou que ce n'est pas la fonction que tu pensais ?

@hamano @DamiaB les codes sont les identifiants des component me semble, en gros c'est plus "spécifique". Ça fait un bail que je me suis pas penché sur ce CSS

@tournesol @DamiaB Oh, okay ! Idée en vrac, tant qu'il n'y a pas d'options de thèmes, est-ce qu'on pourrait réunir nos CSS quelque part sur peculiar.florist, afin de faire une sorte de répertoire des thèmes ?

@hamano @DamiaB ça peut être une bonne idée ! Pas sûr de comment l'organiser pour que tout le monde puisse y contribuer facilement cela dit

@tournesol @DamiaB Hmm... Un hashtag quand on post un thème ?

@hamano @tournesol Chépa. Un hashtag oui. Ou voir si on peut pas avoir un mini-wiki dedans dans lequel on peut contribuer. Va savoir.

Au juste : y a pas de balises exprès pour poster du code avec la typo qui va bien (sans mise en forme ou autre) ?

@DamiaB @hamano j'essaie de trouver la cause de l'arrêt de l'instance et je regarde après si je peux faire un petit wiki communautaire, j'aime bien l'idée :D

en attendant pour les balises, y'a le markdown donc entourer un texte de ``` permets d'enlever la mise en forme oui !

body {
font-family:Raleway;
}

.page[b-0ji69mhg5p] {
background:#45012b;
}


.top-bar[b-0ji69mhg5p] {
border:none;
background: #591f5bc4;
backdrop-filter: blur(10px);
box-shadow: 0 0 25px #000;
border-radius: 45px;
margin: 1rem;
}

.scroller[b-9227kmg8nd] {
margin-right: 1rem;
}

.widget-panel[b-0ji69mhg5p] {
width: 38rem;
border:none;
}

.sidebar[b-f96hf1odox] {
border:none;
background: #363636;
box-shadow: 0 0 5px #000 inset;
border-radius: 5px;
margin: 1rem;
height: auto;
}

.widget-panel-header[b-r9mngh1keu] {
border:none;
}

.note-container[b-9iccjxjkej] {
max-width:55rem;
background:#3a2a2a;
box-shadow: 0 5px 20px #202020;
}

.notification[b-1mlnmqluoa] {
box-shadow: 0 2px 5px #202020;
}

.display-name[b-m1ad2an598] {
color:#fff;
font-size: 1.5rem;
font-family: Poiret One;
text-shadow: 0 2px 2px #000;
}
}

@tournesol @DamiaB

Edit final : Je remets à jour une dernière fois le pastebin pour proposer la version "définitive" de mon thème. Elle a un thème clair type "journal" et sombre type "bois". Si vous voulez enlever les images, il suffit de commenter la ligne en question, car il y a des couleurs en background de base. Si jamais je trouve des trucs qui vont pas qui m'ont échapper ou autres, j'y retoucherai sûrement mais je ne le partagerai probablement pas sur ce post. Désolé pour le spam avec les edits.

Edit : J'ai mis à jour le pastebin car, j'ai ajouter la version sombre (marron, là ou la version clair est couleur crème).

Si jamais, j'ai passé l'après-midi à comprendre comment bidouiller le CSS (d'abord en modifier bloc par bloc avant de comprendre 2-3 heures plus tard qu'il y a des valeurs générales qui se changent et jouent sur tout le site)

...

J'ai repris le CSS de @DamiaB et je l'ai changé à ma sauce pour faire quelque chose qui me ressemble plus (style "cream/café"). Je n'ai pas intégré de thème sombre. J'essaierai plus tard. Aussi, le code est peut-être affreux, je m'y connais très peu en CSS, je fais surtout du copier/coller. :blobkoala_melt:

Avec ce thème, je supporte un peu mieux le changement de logiciel

Lien : pastebin.com/VG6wDBuG