Discourse Vincent 主题

自定义 主题
276

我知道这已经过去几个月了，但是……

现在，我使用自己项目的 fork，它没有这些问题。但如果你想要一个简单的 CSS 解决方案，我仍然有一些旧的修复方法。

这里有几个你可能会觉得相关的：

/* 修复页面顶部过多的内边距。
 * 注意：这应该可以消除页面内容与页面顶部之间的大间隙。
 */
#main-outlet {
    padding-top: 1.8em;
}

/* Wrap 应该居中，并且只占据屏幕的一定宽度。
 * 注意：这个特定的修复可能有助于解决你的主题/帖子布局问题！
 */
.wrap {
    max-width: 1110px;
    /* max-width: 60vw; */
}

/* 修复分类列表布局的问题。
 * 注意：有更好的方法可以做到这一点。
 */
#topic-footer-buttons, .top-title-buttons, .user-badge, #user-card.show-badges .more-user-badges, .category-list tbody .category, .nav-pills>li, .layouts-nav-button>li {
    display: revert;
}
.nav-pills>li {
    display: flex;
}

/* 使粗体文本真正粗体。
 * 注意：或者，将主题的默认字体粗细更改为 400。
 * 原始项目默认使用 300 作为所有内容的默认粗细，这会导致粗体/强文本使用类似 400 的值，因为它们被设置为“更粗”。
 * 在大多数字体上，这与 300 无法区分。
 */
b, strong {
    font-weight: 700;
}

/* 删除帖子下方列出的内部交叉链接容器的边距。 */
.post-links-container {
    margin-left: 0;
}

/* 改进主题列表中“上次访问”文本的设计。 */
.topic-list .topic-list-item-separator .topic-list-data span {
    color: var(--primary);
    border: 1px solid var(--secondary-very-high);
    font-weight: bold;
}
.topic-list .topic-list-item-separator .topic-list-data span {
    background-color: var(--secondary);
}

/* 改进主题帖子中“上次访问”文本的设计。 */
.small-action.topic-post-visited .topic-post-visited-line {
    border-bottom: none;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
    color: var(--primary);
    border: none;
    font-weight: bold;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
    background-color: transparent;
}
4 个赞