Tema oscuro de ForoBeta

  • Autor Autor RoloTortu
  • Fecha de inicio Fecha de inicio
me gusta la propuesta, muy chula 🙂
 
nivel de aburrimiento para hacer eso, significa gran falta de trabajo amigo....
Pero buen trabajo....a mi personalmente me gusta mas el tema claro, le aporta mas frescura, aparte de que la tematica lo exige, al menos que se convierta en un foro de webmasters blackhat....
 
Está interesante, sería otro punto a favor de la nueva actualización. El diseño de Alexvk está 🆒
 
oie sii, esto seria genial para los que estamos 24/7 en el ordenador. 🙄
 
Ya tienen el tema oscuro oficial de forobeta? @Carlos Arreola
maxresdefault.jpg

No? Vuelvo en 20 minutos...​
 
No esta mal pero hay mucho contraste, aqui mi propuesta de 2m XD

rfmii5L.png


De hacer esta versión necesitaría la ayuda de todos (para revisar cada rincón del foro para que este todo ok... ojo no sera asi como lo muestro solo es una idea no me he parado a mirar la accesibilidad los tonos si con correctos o no...) y claro la aprobación de Carlos XD

Facil no es ya que aunque se les de gusto con la versión dark seguro a muchos no les gustara jeje pero bueno si es entre todos igual y si 😉

Justo es la que yo me empece a editar basándome en el modo nocturno de twitter.
 
Se aceptan contribuciones para editar el tema amigos, no sólo digan xd la idea es mejorar la experiencia del foro en estos momentos de cambios 😉
 
Okay, te envio update de como lo tengo yo:
Insertar CODE, HTML o PHP:
.p-header {
    background: #af8560;
}

.p-sectionLinks {
    background: #363333;
    color: #fff;
    border-bottom: none;
}

.p-sectionLinks a {
    text-decoration: none;
    color: #fff;
}

.p-sectionLinks a:hover {
    color: #fff;
}

.p-navEl-link {
    color: #fff;
}

.p-nav .is-selected {
    background: #363333;
}

.p-navEl-link:hover {
    color: #fff;
}

.p-navEl-link:hover:before {
    color: #fff;
}

.p-nav-list .p-navEl {
    background: #13354E;
}

.p-nav {
    background: #13354E;
}

.p-pageWrapper {
    background: #0C2131;
}

.block-minorHeader {
    border: none;
    color: #fff;
}

.block-body a:hover {
    color: #eee;
}

.block-header {
    border: none;
}

.node i {
    color: #a8a8a8;
}

.fr-box i {
    color: #a8a8a8;
}

.notice--primary {
    background: #363333;
    border: none;
}

.menu-content {
    background: #393e46;
    color: #fff;
}

.menu-row.menu-row--alt {
    background: #393e46;
    color: #fff;
}

ul.listPlain li .menu-linkRow:hover {
    background: #fd7014;
    border: none;
}

ul.listPlain li {
    color: #fff;
}

ul.listPlain li a {
    color: #fff;
}

.menu-linkRow:hover {
    background: #fd7014;
    border: none;
}

.menu-linkRow {
    color: #fff;
}

.menu-footer {
    background: #29435c;
    border: none;
}

.menu-footer textarea .input {
    color: #000;
    font-style: bold;
}

.menu-row--clickable:hover {
    background: #393e46;
}

.menu-scroller ol.listPlain li a {
    font-weight: 700;
}

.menu-header {
    border: none;
}

.menu-row {
    border: none;
}

.block-row {
    background: #1A1A1A;
}

.block-body .blockLink {
    background: #363333;
}

.p-title {
    color: #fff;
}

.memberHeader-main {
    background: #363333;
    color: #fff;
    border: none;
}

.pairJustifier {
    color: #fff;
}

.message-cell.message-cell--user {
    background: #242424 ;
}

.buttonGroup:hover {
    color: #000;
}

.button.button--link a:hover {
    color: #000;
}

.button:hover {
    background: #272121;
}

dd {
    color: #fff;
}

h1 {
    color: #fff;
}

h2 {
    color: #fff;
}

h3 {
    color: #fff;
}

h4 {
    color: #fff;
}

.message-cell--main {
    background: #1A1A1A ;
    color: #fff;
}

.message-userArrow {
    border-right-color: #404040;
}

.message-userArrow:after {
    border-right-color: #272121;
    color: #fff;
}

.bbCodeBlock {
    border: none;
}

.bbCodeBlock-content {
    background: #363333;
}

.bbCodeBlock-title {
    background: #666363;
}

.message-attribution {
    border: none;
}

.message-signature {
    border: none;
}

.bbCodeBlock-expandLink {
    background: linear-gradient(to bottom,rgba(94,92,92,0) 0,#5e5c5c 99%);
}

.reactionsBar {
    background: #363333;
    border: none;
}

.fr-toolbar {
    background: #272121;
    border: none;
}

.structItem-parts>li:nth-child(even) {
    color: #fff;
}

dt {
    background: #565656;
    color: #B9B9B9;
}

dl.pairs dt {
    background: 0 0;
}

dd .formSubmitRow-bar {
    background: #363333;
    border: none;
}

.message-avatar-wrapper .avatar {
    border-radius: 3px;
}

.bbCodeBlock--unfurl {
    background: #363333;
    color: #fff;
}

.block--messages .message, .block--messages .block-row {
    box-shadow: 0 0 3px #404040;
    border-top-color: #3B3B3B ;
    border-right-color: #3B3B3B ;
    border-bottom-color: #3B3B3B ;
    border-left-color: #3B3B3B;
}

.button.button--link, a.button.button--link {
    background: #13354E ;
    color: #B9B9B9 ;
    border-color: #272121 ;
}

.message-cell.message-cell--user, .message-cell.message-cell--action {
    border-right: 0.3px solid #3B3B3B ;
}

.block-container {
    background: #000000;
    border-top-color: #3B3B3B ;
    border-right-color: #3B3B3B ;
    border-bottom-color: #3B3B3B ;
    border-left-color: #3B3B3B ;
}

.node+.node {
    border-top: 1px solid #212121 !important;
}

.node-main {
    padding-left: 20px !important;
}

.structItem {
    border-top: 1px solid #212121 ;
}

Le hice unas modificaciones al tuyo @RoloTortu 🙂

panel.PNG


post.PNG


postrespuesta.PNG
 
Última edición:
Me gusta la idea, toda página web debe tener su versión oscura.
 
Justo es la que yo me empece a editar basándome en el modo nocturno de twitter.
Las he añadido al tema original, gracias por la contribución 🙂 creo que ese estaré usando yo xdd mientras hago la propuesta por alexk
 
No esta mal pero hay mucho contraste, aqui mi propuesta de 2m XD

rfmii5L.png


De hacer esta versión necesitaría la ayuda de todos (para revisar cada rincón del foro para que este todo ok... ojo no sera asi como lo muestro solo es una idea no me he parado a mirar la accesibilidad los tonos si con correctos o no...) y claro la aprobación de Carlos XD

Facil no es ya que aunque se les de gusto con la versión dark seguro a muchos no les gustara jeje pero bueno si es entre todos igual y si 😉
este de aquí se ve excelente +10 si lo agregan al foro 😀
 
Y como puedo poner el tema claro en un foro black hat que usa Mybb.
Es un dolor de ojos.
 
No esta mal pero hay mucho contraste, aqui mi propuesta de 2m XD

rfmii5L.png


De hacer esta versión necesitaría la ayuda de todos (para revisar cada rincón del foro para que este todo ok... ojo no sera asi como lo muestro solo es una idea no me he parado a mirar la accesibilidad los tonos si con correctos o no...) y claro la aprobación de Carlos XD

Facil no es ya que aunque se les de gusto con la versión dark seguro a muchos no les gustara jeje pero bueno si es entre todos igual y si 😉

¡Está hermoso!
 
Atrás
Arriba