Discourse Vincent theme

Personalização Tema
276

Sei que isso está atrasado alguns meses, mas…

Hoje em dia, uso meu próprio fork do projeto que não sofre desses problemas. Mas se você quiser uma solução CSS simples, ainda tenho algumas das minhas correções antigas.

Aqui estão algumas que você pode achar relevantes:

/* Corrige o preenchimento excessivo no topo da página.
 * NOTA: Isso deve remover o grande espaço entre o conteúdo da sua página e o topo da página.
 */
#main-outlet {
    padding-top: 1.8em;
}

/* O wrap deve ser centralizado e ocupar apenas uma certa largura da tela.
 * NOTA: Este em específico pode ajudar a corrigir o problema de layout do seu tópico/posts!
 */
.wrap {
    max-width: 1110px;
    /* max-width: 60vw;*/
}

/* Corrige problemas com o layout da lista de Categorias.
 * NOTA: Existem maneiras muito melhores de fazer isso.
 */
#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;
}

/* Torna o texto em negrito realmente em negrito.
 * NOTA: Alternativamente, mude o font-weight padrão para o tema para 400.
 * O projeto original o define como 300 como o peso padrão usado por tudo, o que faz com que o texto em negrito/forte use algo como 400, pois são definidos como "mais forte".
 * Na maioria das fontes, isso é literalmente indistinguível de 300.
 */
b, strong {
    font-weight: 700;
}

/* Remove a margem do contêiner para links cruzados internos listados sob os posts. */
.post-links-container {
    margin-left: 0;
}

/* Melhora o design do texto "última visita" na lista de tópicos. */
.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);
}

/* Melhora o design do texto "última visita" no post do tópico. */
.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 curtidas