分类页面背景颜色（移动版本）

支持
1

我想给这些空白区域上色。

Capture - Categories2
Capture - Categories21080×2220 302 KB

这是我正在使用的 CSS 代码。

       /* 字体大小 */
.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);
  }
// 在分类和最新视图右侧的主题列表后方添加阴影
// 在分类和最新视图左侧的分类列表后方添加阴影
// 在最新视图中的主题后方添加阴影
.category-list,
.topic-list,
.latest-topic-list {
  @include boxShadow;
  background-color: lighten($secondary, 10%);
   border-radius: 15px;
}

// 创建对话卡片
.topic-body {
  @include boxShadow;
  background-color: lighten($secondary, 10%);
  margin-top: 3px;
  padding: 10px;
  border-radius: 6px;
}

// 为头像留出更多空间
.topic-avatar {
  border-top: 0;
  padding-top: 10px;
  padding-left: 5px;
  .avatar-flair {
    right: 4px;
  }
}
.topic-avatar {
    width: 45px;
    height: 45px; // 增加头像容器的宽度
    img.avatar { // 增加头像的大小
        width: 40px;
        height: 40px;
    }
}

// 增加帖子元数据与帖子内容之间的间距
.boxed .contents {
  padding: 20px 0 0 0;
}

// 移除最后一个帖子底部的多余边框
.topic-status-info {
  border-top: 0;
}

.small-action {
  border: none;
}

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

// 移除卡片之间的线条
.topic-post article {
  border: none;
}

// 为引用也添加阴影
aside.quote {
  @include boxShadow;
}

// RTL 覆盖
.rtl {
  .topic-avatar {
    padding-left: initial;
    padding-right: 20px;
    .avatar-flair {
      right: initial;
      left: 4px;
    }
  }
}
/* 签名插件 */
.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

谢谢 @Bcat，但是不行 :frowning:

5

您最好的选择可能是从 Marketplace 聘请专人，将您的 CSS 整理成规范的主题。

6

谢谢，我对 Discourse 还非常陌生，不太清楚如何在市场板块中操作。

7

一切顺利。:slight_smile: 请在 Marketplace 发帖，说明你需要哪类支持以及你的预算。阅读其他一些主题会帮助你了解需要提供哪些信息。

8

谢谢，我会照做的。