このトピックが #theme:broken-theme に移動されたため、このテーマはもはやメンテナンスされていない可能性が高いようです。私は、vincent 単独でも十分機能していたため、独自のフォークを維持するリソースがなかったこともあり、Chrome 拡張機能を使ってフォーラムで使用する一連のカスタマイズを行っています。これらは少し個人的な好みを反映したもので、すべてをカバーしているわけではなく、すでに公式に修正されたバグを修正するためのものかもしれませんし、少し古くなっているかもしれませんが、誰かの役に立つかもしれません。
/************************************
モバイル固有の修正 / カスタマイズ
************************************/
/* 不適切なパディングの修正 */
.form-vertical,
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
padding: 15px;
}
/* 下部で切り取られるヘッダーロゴの修正 */
.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;
}
}
