Otro estilo oscuro para el nuevo floro, mínima expresión

Minsky Moment · 15 Feb 2019

Os pego otro estilo que estoy usando en el nuevo foro, basado en uno de los oscuros que pululan, simplificado, reducido a mínima expresión para que sea fácilmente editable a gusto de cada cuál. Solo hay que crear uno nuevo en stylish y pegar este código. Los que se quejan de tamaño de fuente, por ejemplo, solo tienen que poner un "font-size" en el primer apartado con lo que quieran.

Código:

* {
    tonalidad: #EEE !important;
    background-tonalidad: #222 !important;
    }

.lbContainer-zoomer {
   background-tonalidad: tras*parent !important;
}

a, a * {
    tonalidad: #6cc !important;
    text-decoration: none !important}

a:hover {
    tonalidad: #8ee !important;
}

.message-footer * {
    font-size: 10px !important;
    tonalidad: #58a !important;
}

Minsky Moment · 15 Feb 2019

El mismo estilo de antes, mucho más tuneado (a mi gusto, claro). Se pierde la sencillez en el css, pero se arreglan unas cuantas cosas para que sea todo más legible (entre otras cosas, se gana sencillez en la visualización).

Código:

* {
    tonalidad: #EEE !important;
    background-tonalidad: #222 !important;
}

.lbContainer-zoomer {
   background-tonalidad: tras*parent !important;
}

a, a * {
    tonalidad: #6cc !important;
    text-decoration: none !important}

a:hover {
    tonalidad: #9ff !important;
}

.message-footer * {
    font-size: 10px !important;
    tonalidad: #58a !important;
}

.reactionsBar {
    border-tonalidad: #222 !important;
    border-top-tonalidad: #ccc !important;
    margin-top: 0 !important;
    padding-top: 3px !important;
    padding-bottom: 0 !important;
}

.actionBar-set--internal {
    margin-left: 65% !important;
}

.bbCodeBlock {
    border-tonalidad: #aaa !important;
}

.block-header, .block-footer, .block-filterBar, .menu-header, .menu-footer, .overlay-title, .pageNav-jump {
    background: tras*parent !important;
}

.menu-content * {
    background-tonalidad: #333 !important;
}

.tooltip-content * {
   background: tras*parent !important;
   font-size: 90% !important;
   line-height: 115% !important;
}
.tooltip-content br {
   display: block !important;
   margin: 3px !important;
   padding: 0 !important;
}

#header {
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.structItem-title {
    line-height: 120% !important;
    margin-bottom: 0.4em !important;
}

.label {
    border: none !important;
    font-size: 1em !important;
}

.structItemContainer-group--sticky {
    border-style: solid !important;
    border-width: 4px 4px 4px 4px !important;
    border-tonalidad: #ccc !important;
}

dl.pairs--justified {
    font-size: 12px !important;
}

Minsky Moment · 15 Feb 2019

Así es como queda con la última versión:

rama_ka · 15 Feb 2019

Buen trabajo Minsky, gracias

Minsky Moment · 15 Feb 2019

Sí queréis los avatares y zona del nombre del usuario (a la izda de esto) más pequeños (yo los prefiero más pequeños, así queda menos espacio vacío en mensajes cortos), podéis añadir esto (y tunearlo):

Código:

.message-avatar img {
    width: 50px !important;
    height: 50px !important;
}

.avatar.avatar--m {
    width: 60px !important;
    height: 60px !important;
}

.message-cell--user {
    flex-basis: 130px !important;
}

.message-name {
    line-height: 1.2em !important;
    margin-bottom: 3px !important;
}

.message-userTitle {
    font-size: 11px !important;
    line-height: 1.2em !important;
}

Otro estilo oscuro para el nuevo floro, mínima expresión

Minsky Moment

Será en Octubre

Minsky Moment

Será en Octubre

Minsky Moment

Será en Octubre

rama_ka

Madmaxista

Minsky Moment

Será en Octubre

Similar threads