Couleur d'arrière-plan sur la page des catégories (version mobile)

Soutien
1

Je souhaiterais colorer ces espaces blancs.

Capture - Categories2
Capture - Categories21080×2220 302 KB

Voici le code CSS que j’utilise.

       /* Taille de la police */
.topic-post {
  font-size: 17px;
}
.topic-list-item:nth-child(even) { background-color: #EEE; } .topic-list-item:nth-child(odd) { background-color: #FFF; }

@mixin boxShadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
  }
// Ajouter une ombre derrière la liste des sujets à droite dans les vues Catégorie et Derniers
// Ajouter une ombre derrière la liste des catégories à gauche dans les vues Catégorie et Derniers
// Ajouter une ombre derrière les sujets dans la vue Derniers
.category-list,
.topic-list,
.latest-topic-list {
  @include boxShadow;
  background-color: lighten($secondary, 10%);
   border-radius: 15px;
}

// Créer des cartes de conversation
.topic-body {
  @include boxShadow;
  background-color: lighten($secondary, 10%);
  margin-top: 3px;
  padding: 10px;
  border-radius: 6px;
}

// Plus d'espace pour les avatars
.topic-avatar {
  border-top: 0;
  padding-top: 10px;
  padding-left: 5px;
  .avatar-flair {
    right: 4px;
  }
}
.topic-avatar {
    width: 45px;
    height: 45px; // augmente la largeur du conteneur de l'avatar
    img.avatar { // augmente la taille de l'avatar
        width: 40px;
        height: 40px;
    }
}

// Augmenter l'espace entre les métadonnées du message et son contenu
.boxed .contents {
  padding: 20px 0 0 0;
}

// Supprimer la bordure isolée en bas du dernier message
.topic-status-info {
  border-top: 0;
}

.small-action {
  border: none;
}

#topic-closing-info {
  border: none;
}

// Supprimer les lignes entre les cartes
.topic-post article {
  border: none;
}

// Ajouter une ombre aux citations également
aside.quote {
  @include boxShadow;
}

// Remplacements pour le RTL
.rtl {
  .topic-avatar {
    padding-left: initial;
    padding-right: 20px;
    .avatar-flair {
      right: initial;
      left: 4px;
    }
  }
}
/* Plugin Signatures */
.user-signature {
    display: none;
}
.cooked img {
  max-width: 100% !important;
}
3 
.category-list,
.subcategories-list,
.category-topic-link,
.topic-list,
.topic-list tr,
.latest-topic-list {
  _@include boxShadow;
  background-color: lighten($secondary, 10%) !important;
  border-radius: 15px;
}
4

Merci @Bcat, mais ça ne fonctionne pas :frowning:

5

Il se peut que votre meilleure option soit d’embaucher quelqu’un sur le Marketplace pour organiser votre CSS en un vrai thème.

6

Merci, je suis vraiment nouveau sur Discourse et je ne sais pas exactement comment faire cela sur le marché.

7

Tout est bon. :slight_smile: Publiez un message dans Marketplace en expliquant le type de soutien dont vous avez besoin et votre budget. La lecture de certains autres sujets vous donnera une idée des informations requises.

8

Merci, je vais le faire.