For those interested, I’ve made some CSS tweaks for Vincent since the repo doesn’t look very well maintained. You can use these by using an extension such as Stylus. These tweaks improve a couple of things with the theme that bother me. If you didn’t like Vincent, maybe these tweaks will make it tolerable for you.
I probably won’t keep this reply up to date if I update these tweaks so if something with Vincent bothers you and these tweaks don’t help, feel free to DM me about it.
/************************************
Mobile-specific fixes / tweaks
************************************/
/* Fix bad padding */
.form-vertical,
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
padding: 15px;
}
/* Fix header logo cut off at bottom */
.d-header #site-logo {
max-height: 2.6em;
}
/* Fix inconsistently sized lock/unlist messages, fix mysterious space on right side of threads somehow */
.small-action {
width: 100%;
}
/* Fix youtube embeds not being centered */
.lazyYT-container {
margin: 12px 20px;
}
/* Fix topic list padding on tablets */
#list-area .contents tbody td {
padding: 10px 15px;
}
/************************************
Generic and desktop-specific fixes / tweaks
************************************/
/* Square category color badges */
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);
}
/* Fix threads being too skinny and in strange alignment with controls at bottom of page */
.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%;
}
/* Fix poor contrast on thread list sort labels when new thread banner is visible */
.show-more.has-topics .alert {
background: rgba(40,42,49,1);
}
.alert.alert-info {
background: rgba(19,20,24,1);
}
/* Make code blocks blend better */
p>code, li>code, pre>code {
background: rgba(255,255,255,0.09);
}
/* Fix youtube embeds missing padding */
.lazyYT.lazyYT-container {
width: 100% !important;
}
/* Fix category left colored lines not reaching bottom of category container */
.category-list tbody .category {
display: table-cell;
}
/* Better subcategory layout (desktop only) */
.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;
}
/* Highlight pinned posts */
.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);
}
/* Better appearance and contrast on disabled New Topic button */
.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;
}
/* Larger letter spacing for better readability */
* {
letter-spacing: 0.2px;
}
/* Larger fonts for better readability */
a {
font-size: 95%; /* theme sets 90% */
}
.search-link .blurb {
font-size: 1em;
}
/* Fix wrongly colored UI on search page */
.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;
}
/* Fix floating border around composer for profile bio */
.user-preferences .bio-composer {
border: none;
}
/* Fix collapse button exiting frame on profile page */
.user-main .about .details .primary,
.user-main .about.collapsed-info .details .primary {
width: auto;
}
/* Fix post notice size and border color */
.post-notice {
width: calc(100% - 1.6em);
border-top: none;
}
/* Fix post links container size */
.post-links-container {
margin-left: 0;
}
/* Fix bio scroll bar not being to the right */
.user-main .about .details .primary .bio {
max-width: none;
}
/* Category link hightlighting */
.category-list .subcategories .subcategory .badge-wrapper:hover .category-name {
color: white;
}
.category-list .subcategories .subcategory .badge-wrapper .category-name {
transition: color 0.3s;
}
/* Fix hidden posts being split horizontally by unhide link */
.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;
}