# Discourse Vincent 主题

**URL:** <https://meta.discourse.org/t/discourse-vincent-theme/76662>\
**Category:** Theme\
**Tags:** broken\
**Created:** [2017年十二月23日 12:49 UTC](https://meta.discourse.org/t/discourse-vincent-theme/76662 "2017-12-23T12:49:19Z")\
**Posts on this page:** 1\
**Showing post:** 270

<div class="post-metadata">

**Author:** ![CaZsm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cazsm/32/164906_2.png) [@CaZsm](https://meta.discourse.org/u/CaZsm)\
**Post date:** [2020年九月1日 15:28 UTC](https://meta.discourse.org/t/discourse-vincent-theme/76662/270 "2020-09-01T15:28:24Z")

</div>

由于该主题已移至 #customization:theme:broken-theme，看来该主题已不再维护。我在我们的论坛上使用了一套通过 Chrome 扩展实现的调整方案，因为 Vincent 主题本身已经足够好用，但我们没有资源去维护自己的分支。这些调整方案带有一些个人偏好，仅针对个人喜好进行了一些微调，并未涵盖所有内容，而且可能有些过时，或者是为了修复那些现已由官方正式修复的 Bug，但或许对某人仍有用处。

```css
/ ************************************ 
移动端特定修复/调整
************************************ /

/* 修复填充不足 */
.form-vertical, 
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
    padding: 15px;
}

/* 修复页眉 Logo 底部被截断 */
.d-header #site-logo {
    max-height: 2.6em;
}

/* 修复锁定/取消列表消息大小不一致，修复帖子右侧莫名出现的空白 */
.small-action {
    width: 100%;
}

/* 修复 YouTube 嵌入内容未居中 */
.lazyYT-container {
    margin: 12px 20px;
}

/* 修复平板设备上的帖子列表填充 */
#list-area .contents tbody td {
    padding: 10px 15px;
}

/ ************************************
通用及桌面端特定修复/调整 
************************************ /

/* 修复 html 上的字体被 .font-helvetica 覆盖 */
html {
    font-family: "Assistant", sans-serif !important;
}

/* 方形分类颜色徽章 */
span.badge-category-bg, span.badge-category-parent-bg, span.badge-category-parent-bg+.badge-category-bg {
    border-radius: 0;
}

.badge-wrapper.bullet .badge-category-parent-bg,
.badge-wrapper.bullet .badge-category-parent-bg+.badge-category-bg,
.extra-info-wrapper .badge-wrapper.bullet .badge-category-parent-bg {
    width: 4px;
    min-width: 4px;
}

span.badge-category-parent-bg {
    border-right: 1px solid rgba(0,0,0,0.2);
}

span.badge-category-parent-bg+.badge-category-bg {
    border-left: 1px solid rgba(0,0,0,0.2);
}

/* 修复帖子过窄且与页面底部控件对齐怪异 */
.topic-post {
    max-width: 758px;
}

.topic-post .embedded-posts {
    width: 758px;
}

#topic-title .title-wrapper {
    margin-left: 0;
    margin-right: 0;
    width: 758px;
}

#topic-title, .posts-wrapper {
    margin: 0;
    width: 758px;
}

html.desktop-view.not-mobile-device .topic-body {
    max-width: 758px;
}

.topic-body {
    width: 100%;
}

/* 修复可见新帖子横幅时帖子列表排序标签对比度差 */
.show-more.has-topics .alert {
    background: rgba(40,42,49,1);
}

.alert.alert-info {
    background: rgba(19,20,24,1);
}

/* 使代码块融合得更好 */
p>code, li>code, pre>code {
    background: rgba(255,255,255,0.09);
}

/* 修复 YouTube 嵌入内容缺少填充 */
.lazyYT.lazyYT-container {
    width: 100% !important;
}

/* 修复分类左侧彩色线条未延伸至分类容器底部 */
.category-list tbody .category {
    display: table-cell;
}

/* 更好的子分类布局（仅限桌面端） */
.not-mobile-device .category-list .subcategories {
    display: flex;
    flex-direction: column;
}

.not-mobile-device .category-list .subcategories .subcategory .badge.new-posts {
    display: inline-block;
    margin: 0 5px;
}

.not-mobile-device .category-list .subcategories .subcategory {
    height: 21px;
    align-items: center;
}

/* 高亮置顶帖子 */
.topic-list-item.pinned {
    background: rgba(200,200,255,0.06);
}

.topic-list tbody tr:nth-of-type(even).pinned {
    background: rgba(200,200,255,0.04);
}

/* 改进禁用“新帖子”按钮的外观和对比度 */

.list-controls #create-topic[disabled],
.list-controls #create-topic.disabled {
    background-color: rgba(255,255,255,0.04);
    color: #888
}

.list-controls #create-topic[disabled]:hover,
.list-controls #create-topic.disabled:hover {
    background-color: rgba(255,255,255,0.06);
}

.list-controls #create-topic[disabled] svg,
.list-controls #create-topic.disabled svg {
    color: inherit;
}

/* 增大字间距以提高可读性 */
* {
    letter-spacing: 0.2px;
}

/* 增大字体以提高可读性 */
a {
    font-size: 95%; /* 主题设置为 90% */
}

.search-link .blurb {
    font-size: 1em;
}

/* 修复搜索页面 UI 颜色错误 */
.search-container .search-advanced-sidebar .search-advanced-title,
.search-container .search-advanced-sidebar .search-advanced-filters {
    background: rgba(255,255,255,0.04);
}

.search-container .search-advanced-sidebar .search-advanced-title.btn {
    background: rgba(255,255,255,0.04);
}

.search-advanced-options {
    background: rgba(0,0,0,0.3);
    margin-bottom: 10px;
}

/* 修复个人资料简介编辑器周围的浮动边框 */
.user-preferences .bio-composer {
    border: none;
}

/* 修复个人资料页面上折叠按钮超出框架 */
.user-main .about .details .primary,
.user-main .about.collapsed-info .details .primary {
    width: auto;
}

/* 修复帖子通知的大小和边框颜色 */
.post-notice {
    width: calc(100% - 1.6em);
    border-top: none;
}

/* 修复帖子链接容器大小 */
.post-links-container {
    margin-left: 0;
}

/* 修复简介滚动条未靠右 */
.user-main .about .details .primary .bio {
    max-width: none;
}

/* 分类链接高亮 */
.category-list .subcategories .subcategory .badge-wrapper:hover .category-name {
    color: white;
}

.category-list .subcategories .subcategory .badge-wrapper .category-name {
    transition: color 0.3s;
}

/* 修复被隐藏的帖子被取消隐藏链接水平分割 */
.post-hidden {
    position: relative;
}

.post-hidden .expand-hidden {
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 1;
}

.post-hidden .post-menu-area,
.post-hidden .expand-hidden {
    opacity: 0.5;
}
}

```

---

_[View the full topic](https://meta.discourse.org/t/discourse-vincent-theme/76662)._