Foro Modo Oscuro
Hola, es mi primera vez haciendo una guía. Trataré de hacerla lo mejor que pueda.
Motivo de creación
A mí por lo general no me agrada por así decirlo el blanco que trae el foro, por más luz que ponga atrás de mí para contraer esa luz ayudando a mi ojos, no lo logro. Entonces, me he puesto a investigar para ver si el foro tenía un modo oscuro lo cuál veo que no es así. Seguí dándole pasos con otros usuarios de la comunidad y caí en esta extensión.
Modificación — Pasos
Instalamos la extensión Stylish disponible para Google Chrome, Opera y Firefox.
Buscamos algún color agradable dentro de su menú de colores disponibles, le damos a instalar y lo activamos mediante el ícono que saldrá ahora en los Accesos Directos de tu navegador.
Una vez así, vamos al foro y le apretamos F5(recargar página) y ya estaría en funcionamiento.
DEFECTOS
Añadiré ahora, que tiene sus defectos a la hora de empezar con el código BBC, se ve como que los íconos están fuera de su borde, pero es algo que se deja pasar completamente.
Las imágenes siempre se verán oscuras, para poder verlas con la claridad que trae deberán pasar el ratón por encima de la imagen (Dejar el mouse arriba de la imagen)
FUNCIONAMIENTO
Suerte a todos.
Créditos: @Toner (facilitador de información)
@Amovn (dar la existencia de la extensión)
EN CASO DE USAR OPERA
Cita:
Iniciado por
PriceST
@
ExpiracionLSRP
Al parecer encontré una solución más rápida para los usuarios que usamos Opera Browser.
Simplemente descargamos la extensión en el sitio web de "Opera Add-ons" acá:
https://addons.opera.com/es-419/exte...ils/dark-mode/
Te va a reenviar hacia las extensiones de Opera para activarlo en todos los sitios web, le das a "Instalar" y después te abre una pestaña de "Dak Mode extension" ( o algo así ). Que te indica como activarlo.
Luego de activarlo como te dice, simplemente reinicias las páginas que estes usando, y nada, sigues con lo tuyo.
Como activarlo:
Presionando en ese pick de extensión, lo subes y bajas. En naranja está apagado, y en blanco está activo.
El modo Dark en el foro (tiene defectos en algunos iconos, pero lo desactivas 1 minuto y ya está.
Para no quemarte la vista a las 3am mientras redactas un reporte o algo sirve mucho-.
Créditos: @
PriceST(se tomó todo el tiempo para escribirlo e investigar del tema, ámenlo)
Esto se puede mejorar pero tiene que ir alguien que sepa claro
lo probé, es básico, pero allí lo tendremos mientras se hace algo con el foro original, tampoco es que stylish sea taaan bueno
Espero que el mismo foro lance una versión así pero de mientras usaré esto que seguro mis ojos lo agradecerán asjajja gracias por el aporte
WTF re bueno esto XD, no lo sabía
Buenísimo. Me desanimé cuando leí la parte de los defectos pero igual te lo agradezco, crack.
Muy bueno, así se ve más chido
Muy buena y muy chido compa
¡Excelente! así se ve mil veces más bonito.
un descanso para mis ojos, así no me dará miopia
Cita:
Iniciado por
Lahey
sirve para móvil?
Hasta lo que se, al menos en iOS no deja poner extensiones al chrome, por ende no se puede, habría que desarrollarlo como una opción más del foro, tal cuál YouTube, Twitter entre otros.
Algún día cuando lo termine posteo el link
Esta guay para los ojos, pero algo incompleto a la hora de cargarse en la web. Lo puse pero no me convence, al igual, buen aporte.
Cita:
Iniciado por
Sopa
Algún día cuando lo termine posteo el link
Toma, términalo, a mí me dio paja.
Código:
#header {
background-color: #151515;
}
.hi-menu {
background-color: #252525;
border-radius: 16px;
}
img[src*="images/logos/logof_8.png"]{
background-image: url("https://dl.dropboxusercontent.com/s/epudzy0ue6h7axg/banner.png");
background-position: center;
padding:211px 0 0 0;
height: 0px}
.sidebar {
background: #181818;
}
/*
"Barra de botones de las facciones"
*/
.navtabs {
background: none;
padding: 0;
height: 120px;
text-align: right;
font-size: 0;
background-color: #252525;
}
.navtabs > li {
border-left: 12px solid #202020;
}
#navtabs > li > a {
background-image: url(https://dl.dropboxusercontent.com/s/qdjeygkjwsg401v/nav-icons.png);
}
/*
"Último mensaje"
*/
.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead span {
color: #fcfcfc;
}
/*
"Los Santos - Juego de Rol"
*/
.forumbit_nopost .forumhead .forumtitle a {
color: #fcfcfc;
}
/*
"Información"
*/
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
color: #fcfcfc;
}
/*
Descripción del foro
*/
.forumbit_post .forumdescription {
color: #e2e2e2;
}
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background: #202020 none;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #4e4e4e;
background: #202020 none;
border-bottom: 1px solid #303030;
border-left: 1px solid #303030;
border-right: 1px solid #303030;
}
.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
color: #ffffff;
}
.forumbit_post .foruminfo .forumdata .viewing {
color: #dcdcdc;
}
.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
color: #dcdcdc;
}
.lastpostby {
color: #dcdcdc;
}
.forumbit_post .forumlastpost .lastpostdate {
color: #dcdcdc;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #b1b1b1;
}
.forumhead {
background-color: #252525;
}
.shade {
color: #dcdcdc;
}
.navlinks {
background: #252525 none;
color: #dcdcdc;
border: 1px solid #303030;
}
body a {
color: #dcdcdc;
}
body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
color: #ffffff;
}
body a:visited {
color: #dcdcdc;
}
body, body.content {
color: #d4d4d4;
background-color: #202020;
}
#forums a.username:hover {
color: #ffffff;
}
#forums a.username {
color: #dcdcdc;
}
.container {
background-color: #202020;
}
main, body, html {
background-color: #202020;
}
.wgo_block .blockbody {
border: 1px solid #303030;
background-color: #202020;
}
.wgo_block .blockhead{
background-color: #252525;
color: #dcdcdc;
border: none;
border-top: 1px solid #303030;
border-left: 1px solid #303030;
border-right: 1px solid #303030;
}
.wgo_block .blocksubhead {
background-color: #202020;
color: #dcdcdc;
border-color: #303030;
}
.wgo_block .section {
color: #dcdcdc;
}
.wgo_block .time {
color: #dcdcdc;
}
#wgo_wgo_members_users{
display: none;
}
#wgo_members_list{
display: none;
}
#wgo_stats{
display: none;
}
#wgo_legend{
display: none;
}
.prefooter {
display: none;
}
.below_body{
display: none;
}
#profile_tabs dl.tabslight dd.userprof_module {
background-color: #404040;
border-color: #303030;
}
#profile_tabs dl.tabslight dd.userprof_moduleinactive {
background-color: #252525;
border-color: #303030;
}
.memberprofiletabunder {
background-color: #202020;
}
dl.as-tabs dd {
background-color: #252525;
border-color: #303030;
}
dl.as-tabs dd.selected a {
background-color: #404040;
color: #dcdcdc;
}
li.activitybit {
background-color: #252525;
color: #dcdcdc;
border-color: #303030;
}
li.activitybit a{
color: #ae7640;
}
li.activitybit a:hover {
color: #daa162;
}
body.content {
height: 100%;
color: #ffffff;
background: #404040 none;
}
.userprof_headers_border {
border-color: #303030;
}
.userprof_headers {
background-color: #202020;
}
.userprof_headers a {
color: #dcdcdc;
}
.userprof_headers a:hover {
color: #ffffff;
}
#visitormessageseditor.blockrow {
background-color: #252525;
}
.block.userprof_editor, .postbit-lite.postcontainer.userprof, .postbit-lite.deleted.userprof {
background-color: #252525;
}
.userprof_editor {
border-color: #303030 !important;
}
.profile_content .actionbuttons {
border-color: #303030;
}
.formcontrols{
border-color: #303030 !important;
}
.postbit.postbit-lite{
border-color: #303030 !important;
}
.formcontrols .blockrow {
border: 0 !important;
}
span.cke_skin_kama {
border: 1px solid #303030 !important;
}
.cke_skin_kama .cke_editor .cke_rcombo a, .cke_skin_kama .cke_editor .cke_toolgroup {
background-color: #252525;
}
.cke_skin_kama div.cke_bottom_restore_autosave a.restoretext {
color: #000000;
}
.userprof_title {
color: #d4d4d4;
}
.pagination span a {
border-color: #303030;
color: #d4d4d4;
}
.pagination span a:hover {
border-color: #303030;
color: #ffffff;
}
.pagination span a, .pagination span a.popupctrl {
color: #d4d4d4;
border-color: #303030;
}
.pagination span.selected a, .pagination span.selected a.popupctrl {
color: #ffffff;
background-color: #404040;
}
.postbit-lite .postdate{
color: #d4d4d4;
}
.userprof_content {
color: #d4d4d4;
background-color: #252525;
border: 0;
}
#message_list .userprof_headers.userprof_headers_border, .picture_comments .postbithead, .comment_blockrow.postbit_headers.postbit_borders, #message_list .postbit .postbithead {
border: none;
border-bottom: solid 1px #303030;
}
.pagination span a, .pagination span a.popupctrl {
color: #d4d4d4;
border-color: #303030;
background-color: #404040;
}
.pagination span a:hover {
border-color: #303030;
color: #ffffff;
background-color: #404040;
}
.above_postlist .pagination_top .pagination, .above_postlist .pagination_top .postpagestats {
color: #d4d4d4;
}
.newcontent_textcontrol {
background-color: #404040;
color: #d4d4d4;
text-decoration: none;
}
.newcontent_textcontrol:hover {
background-color: #404040;
color: #ffffff;
}
.newcontent_textcontrol > span, .pagetitleinfo.textcontrol > span {
background-color: #252525;
}
.toolsmenu {
background-color: #252525;
border-color: #303030;
color: #d4d4d4;
}
.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .nopopupgroup li a {
color: #d4d4d4;
}
.toolsmenu .popupgroup a.popupctrl:hover, .toolsmenu .popupgroup .popupmenu a.popupctrl:hover, .toolsmenu .nopopupgroup li a:hover {
color: #ffffff;
}
#forumrules {
display:none;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background: #252525;
border-color: #303030;
color: #d4d4d4;
}
.postbitlegacy .userinfo {
background-color: #202020;
color: #d4d4d4;
}
.postbit, .postbitlegacy, .eventbit {
background-color: #202020;
border-color: #303030;
}
.postcontent {
background-color: #202020;
color: #d4d4d4;
}
.postcontent .time{
color: #d4d4d4;
}
.postbitlegacy .postdetails, .eventbit .eventdetails {
background-color: #202020;
}
.postbit .posttitle, .postbitlegacy .title {
background-color: #202020;
border-color: #303030;
color: #d4d4d4;
}
.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
background-color: #202020;
color: #d4d4d4;
}
.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
background-color: #202020;
}
.postbitlegacy .postbody, .after_content {
background-color: #202020;
border-color: #303030;
}
.formcontrols .blockrow {
background-color: #202020;
}
span.cke_skin_kama {
background-color: #202020;
border-color: #303030;
}
.cke_skin_kama .cke_wrapper {
background-color: #303030 !important;
}
.blockhead {
color: #d4d4d4;
background-color: #252525;
}
.formcontrols .showsignature {
color: #d4d4d4;
background-color: #252525;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: none;
border-color: #303030;
background-color: #202020;
}
.formcontrols .blockrow .primary.full:focus {
color: #d4d4d4;
border-color: #303030;
background-color: #202020;
}
.formcontrols .blockrow .primary.full {
color: #d4d4d4;
border-color: #303030;
background-color: #202020;
}
Cita:
Iniciado por
Jesy
Toma, términalo, a mí me dio paja.
Código:
#header {
background-color: #151515;
}
.hi-menu {
background-color: #252525;
border-radius: 16px;
}
img[src*="images/logos/logof_8.png"]{
background-image: url("https://dl.dropboxusercontent.com/s/epudzy0ue6h7axg/banner.png");
background-position: center;
padding:211px 0 0 0;
height: 0px}
.sidebar {
background: #181818;
}
/*
"Barra de botones de las facciones"
*/
.navtabs {
background: none;
padding: 0;
height: 120px;
text-align: right;
font-size: 0;
background-color: #252525;
}
.navtabs > li {
border-left: 12px solid #202020;
}
#navtabs > li > a {
background-image: url(https://dl.dropboxusercontent.com/s/qdjeygkjwsg401v/nav-icons.png);
}
/*
"Último mensaje"
*/
.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead span {
color: #fcfcfc;
}
/*
"Los Santos - Juego de Rol"
*/
.forumbit_nopost .forumhead .forumtitle a {
color: #fcfcfc;
}
/*
"Información"
*/
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
color: #fcfcfc;
}
/*
Descripción del foro
*/
.forumbit_post .forumdescription {
color: #e2e2e2;
}
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background: #202020 none;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #4e4e4e;
background: #202020 none;
border-bottom: 1px solid #303030;
border-left: 1px solid #303030;
border-right: 1px solid #303030;
}
.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
color: #ffffff;
}
.forumbit_post .foruminfo .forumdata .viewing {
color: #dcdcdc;
}
.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
color: #dcdcdc;
}
.lastpostby {
color: #dcdcdc;
}
.forumbit_post .forumlastpost .lastpostdate {
color: #dcdcdc;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #b1b1b1;
}
.forumhead {
background-color: #252525;
}
.shade {
color: #dcdcdc;
}
.navlinks {
background: #252525 none;
color: #dcdcdc;
border: 1px solid #303030;
}
body a {
color: #dcdcdc;
}
body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
color: #ffffff;
}
body a:visited {
color: #dcdcdc;
}
body, body.content {
color: #d4d4d4;
background-color: #202020;
}
#forums a.username:hover {
color: #ffffff;
}
#forums a.username {
color: #dcdcdc;
}
.container {
background-color: #202020;
}
main, body, html {
background-color: #202020;
}
.wgo_block .blockbody {
border: 1px solid #303030;
background-color: #202020;
}
.wgo_block .blockhead{
background-color: #252525;
color: #dcdcdc;
border: none;
border-top: 1px solid #303030;
border-left: 1px solid #303030;
border-right: 1px solid #303030;
}
.wgo_block .blocksubhead {
background-color: #202020;
color: #dcdcdc;
border-color: #303030;
}
.wgo_block .section {
color: #dcdcdc;
}
.wgo_block .time {
color: #dcdcdc;
}
#wgo_wgo_members_users{
display: none;
}
#wgo_members_list{
display: none;
}
#wgo_stats{
display: none;
}
#wgo_legend{
display: none;
}
.prefooter {
display: none;
}
.below_body{
display: none;
}
#profile_tabs dl.tabslight dd.userprof_module {
background-color: #404040;
border-color: #303030;
}
#profile_tabs dl.tabslight dd.userprof_moduleinactive {
background-color: #252525;
border-color: #303030;
}
.memberprofiletabunder {
background-color: #202020;
}
dl.as-tabs dd {
background-color: #252525;
border-color: #303030;
}
dl.as-tabs dd.selected a {
background-color: #404040;
color: #dcdcdc;
}
li.activitybit {
background-color: #252525;
color: #dcdcdc;
border-color: #303030;
}
li.activitybit a{
color: #ae7640;
}
li.activitybit a:hover {
color: #daa162;
}
body.content {
height: 100%;
color: #ffffff;
background: #404040 none;
}
.userprof_headers_border {
border-color: #303030;
}
.userprof_headers {
background-color: #202020;
}
.userprof_headers a {
color: #dcdcdc;
}
.userprof_headers a:hover {
color: #ffffff;
}
#visitormessageseditor.blockrow {
background-color: #252525;
}
.block.userprof_editor, .postbit-lite.postcontainer.userprof, .postbit-lite.deleted.userprof {
background-color: #252525;
}
.userprof_editor {
border-color: #303030 !important;
}
.profile_content .actionbuttons {
border-color: #303030;
}
.formcontrols{
border-color: #303030 !important;
}
.postbit.postbit-lite{
border-color: #303030 !important;
}
.formcontrols .blockrow {
border: 0 !important;
}
span.cke_skin_kama {
border: 1px solid #303030 !important;
}
.cke_skin_kama .cke_editor .cke_rcombo a, .cke_skin_kama .cke_editor .cke_toolgroup {
background-color: #252525;
}
.cke_skin_kama div.cke_bottom_restore_autosave a.restoretext {
color: #000000;
}
.userprof_title {
color: #d4d4d4;
}
.pagination span a {
border-color: #303030;
color: #d4d4d4;
}
.pagination span a:hover {
border-color: #303030;
color: #ffffff;
}
.pagination span a, .pagination span a.popupctrl {
color: #d4d4d4;
border-color: #303030;
}
.pagination span.selected a, .pagination span.selected a.popupctrl {
color: #ffffff;
background-color: #404040;
}
.postbit-lite .postdate{
color: #d4d4d4;
}
.userprof_content {
color: #d4d4d4;
background-color: #252525;
border: 0;
}
#message_list .userprof_headers.userprof_headers_border, .picture_comments .postbithead, .comment_blockrow.postbit_headers.postbit_borders, #message_list .postbit .postbithead {
border: none;
border-bottom: solid 1px #303030;
}
.pagination span a, .pagination span a.popupctrl {
color: #d4d4d4;
border-color: #303030;
background-color: #404040;
}
.pagination span a:hover {
border-color: #303030;
color: #ffffff;
background-color: #404040;
}
.above_postlist .pagination_top .pagination, .above_postlist .pagination_top .postpagestats {
color: #d4d4d4;
}
.newcontent_textcontrol {
background-color: #404040;
color: #d4d4d4;
text-decoration: none;
}
.newcontent_textcontrol:hover {
background-color: #404040;
color: #ffffff;
}
.newcontent_textcontrol > span, .pagetitleinfo.textcontrol > span {
background-color: #252525;
}
.toolsmenu {
background-color: #252525;
border-color: #303030;
color: #d4d4d4;
}
.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .nopopupgroup li a {
color: #d4d4d4;
}
.toolsmenu .popupgroup a.popupctrl:hover, .toolsmenu .popupgroup .popupmenu a.popupctrl:hover, .toolsmenu .nopopupgroup li a:hover {
color: #ffffff;
}
#forumrules {
display:none;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background: #252525;
border-color: #303030;
color: #d4d4d4;
}
.postbitlegacy .userinfo {
background-color: #202020;
color: #d4d4d4;
}
.postbit, .postbitlegacy, .eventbit {
background-color: #202020;
border-color: #303030;
}
.postcontent {
background-color: #202020;
color: #d4d4d4;
}
.postcontent .time{
color: #d4d4d4;
}
.postbitlegacy .postdetails, .eventbit .eventdetails {
background-color: #202020;
}
.postbit .posttitle, .postbitlegacy .title {
background-color: #202020;
border-color: #303030;
color: #d4d4d4;
}
.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
background-color: #202020;
color: #d4d4d4;
}
.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
background-color: #202020;
}
.postbitlegacy .postbody, .after_content {
background-color: #202020;
border-color: #303030;
}
.formcontrols .blockrow {
background-color: #202020;
}
span.cke_skin_kama {
background-color: #202020;
border-color: #303030;
}
.cke_skin_kama .cke_wrapper {
background-color: #303030 !important;
}
.blockhead {
color: #d4d4d4;
background-color: #252525;
}
.formcontrols .showsignature {
color: #d4d4d4;
background-color: #252525;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: none;
border-color: #303030;
background-color: #202020;
}
.formcontrols .blockrow .primary.full:focus {
color: #d4d4d4;
border-color: #303030;
background-color: #202020;
}
.formcontrols .blockrow .primary.full {
color: #d4d4d4;
border-color: #303030;
background-color: #202020;
}
Creo que me dio paja en el mismo punto que a vos
Código:
#header { background-color: #151515;
}
.hi-menu {
background-color: #252525;
border-radius: 16px;
}
.sidebar {
background: #181818;
}
/*
"Barra de botones de las facciones"
*/
.navtabs {
background: none;
padding: 0;
height: 120px;
text-align: right;
font-size: 0;
background-color: #252525;
}
.navtabs > li {
border-left: 12px solid #202020;
}
#navtabs > li > a {
background-image: url(https://dl.dropboxusercontent.com/s/qdjeygkjwsg401v/nav-icons.png);
}
/*
"Último mensaje"
*/
.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead span {
color: #fcfcfc;
}
/*
"Los Santos - Juego de Rol"
*/
.forumbit_nopost .forumhead .forumtitle a {
color: #fcfcfc;
}
/*
"Información"
*/
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
color: #fcfcfc;
}
/*
Descripción del foro
*/
.forumbit_post .forumdescription {
color: #e2e2e2;
}
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background: #202020 none;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #4e4e4e;
background: #202020 none;
border-bottom: 1px solid #303030;
border-left: 1px solid #303030;
border-right: 1px solid #303030;
}
.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
color: #ffffff;
}
.forumbit_post .foruminfo .forumdata .viewing {
color: #dcdcdc;
}
.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
color: #dcdcdc;
}
.lastpostby {
color: #dcdcdc;
}
.forumbit_post .forumlastpost .lastpostdate {
color: #dcdcdc;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #b1b1b1;
}
.forumhead {
background-color: #252525;
}
.forumbits .forumhead {
border-left: 1px solid #252525;
border-right: 1px solid #252525;
}
.shade {
color: #dcdcdc;
}
.navlinks {
background: #252525 none;
color: #dcdcdc;
border: 1px solid #303030;
}
body a {
color: #dcdcdc;
}
body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
color: #ffffff;
}
body a:visited {
color: #dcdcdc;
}
body, body.content {
color: #d4d4d4;
background-color: #202020;
}
#forums a.username:hover {
color: #ffffff;
}
#forums a.username {
color: #dcdcdc;
}
.container {
background-color: #202020;
}
main, body, html {
background-color: #202020;
}
.wgo_block .blockbody {
border: 1px solid #303030;
background-color: #202020;
}
.wgo_block .blockhead{
background-color: #252525;
color: #dcdcdc;
border: none;
border-top: 1px solid #303030;
border-left: 1px solid #303030;
border-right: 1px solid #303030;
}
.wgo_block .blocksubhead {
background-color: #202020;
color: #dcdcdc;
border-color: #303030;
}
.wgo_block .section {
color: #dcdcdc;
}
.wgo_block .time {
color: #dcdcdc;
}
#wgo_wgo_members_users{
display: none;
}
#wgo_members_list{
display: none;
}
#wgo_stats{
display: none;
}
#wgo_legend{
display: none;
}
.prefooter {
display: none;
}
.below_body{
display: none;
}
#profile_tabs dl.tabslight dd.userprof_module {
background-color: #404040;
border-color: #303030;
}
#profile_tabs dl.tabslight dd.userprof_moduleinactive {
background-color: #252525;
border-color: #303030;
}
.memberprofiletabunder {
background-color: #202020;
}
dl.as-tabs dd {
background-color: #252525;
border-color: #303030;
}
dl.as-tabs dd.selected a {
background-color: #404040;
color: #dcdcdc;
}
li.activitybit {
background-color: #252525;
color: #dcdcdc;
border-color: #303030;
}
li.activitybit a{
color: #ae7640;
}
li.activitybit a:hover {
color: #daa162;
}
body.content {
height: 100%;
color: #ffffff;
background: #404040 none;
}
.userprof_headers_border {
border-color: #303030;
}
.userprof_headers {
background-color: #202020;
}
.userprof_headers a {
color: #dcdcdc;
}
.userprof_headers a:hover {
color: #ffffff;
}
#visitormessageseditor.blockrow {
background-color: #252525;
}
.block.userprof_editor, .postbit-lite.postcontainer.userprof, .postbit-lite.deleted.userprof {
background-color: #252525;
}
.userprof_editor {
border-color: #303030 !important;
}
.profile_content .actionbuttons {
border-color: #303030;
}
.formcontrols{
border-color: #303030 !important;
}
.postbit.postbit-lite{
border-color: #303030 !important;
}
.formcontrols .blockrow {
border: 0 !important;
}
span.cke_skin_kama {
border: 1px solid #303030 !important;
}
.cke_skin_kama .cke_editor .cke_rcombo a, .cke_skin_kama .cke_editor .cke_toolgroup {
background-color: #252525;
}
.cke_skin_kama div.cke_bottom_restore_autosave a.restoretext {
color: #000000;
}
.userprof_title {
color: #d4d4d4;
}
.pagination span a {
border-color: #303030;
color: #d4d4d4;
}
.pagination span a:hover {
border-color: #303030;
color: #ffffff;
}
.pagination span a, .pagination span a.popupctrl {
color: #d4d4d4;
border-color: #303030;
}
.pagination span.selected a, .pagination span.selected a.popupctrl {
color: #ffffff;
background-color: #404040;
}
.postbit-lite .postdate{
color: #d4d4d4;
}
.userprof_content {
color: #d4d4d4;
background-color: #252525;
border: 0;
}
#message_list .userprof_headers.userprof_headers_border, .picture_comments .postbithead, .comment_blockrow.postbit_headers.postbit_borders, #message_list .postbit .postbithead {
border: none;
border-bottom: solid 1px #303030;
}
.pagination span a, .pagination span a.popupctrl {
color: #d4d4d4;
border-color: #303030;
background-color: #404040;
}
.pagination span a:hover {
border-color: #303030;
color: #ffffff;
background-color: #404040;
}
.above_postlist .pagination_top .pagination, .above_postlist .pagination_top .postpagestats {
color: #d4d4d4;
}
.newcontent_textcontrol {
background-color: #404040;
color: #d4d4d4;
text-decoration: none;
}
.newcontent_textcontrol:hover {
background-color: #404040;
color: #ffffff;
}
.newcontent_textcontrol > span, .pagetitleinfo.textcontrol > span {
background-color: #252525;
}
.toolsmenu {
background-color: #252525;
border-color: #303030;
color: #d4d4d4;
}
.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .nopopupgroup li a {
color: #d4d4d4;
}
.toolsmenu .popupgroup a.popupctrl:hover, .toolsmenu .popupgroup .popupmenu a.popupctrl:hover, .toolsmenu .nopopupgroup li a:hover {
color: #ffffff;
}
#forumrules {
display:none;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background: #252525;
border-color: #303030;
color: #d4d4d4;
}
.postbitlegacy .userinfo {
background-color: #202020;
color: #d4d4d4;
}
.postbit, .postbitlegacy, .eventbit {
background-color: #202020;
border-color: #303030;
}
.postcontent {
background-color: #202020;
color: #d4d4d4;
}
.postcontent .time{
color: #d4d4d4;
}
.postbitlegacy .postdetails, .eventbit .eventdetails {
background-color: #202020;
}
.postbit .posttitle, .postbitlegacy .title {
background-color: #202020;
border-color: #303030;
color: #d4d4d4;
}
.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
background-color: #202020;
color: #d4d4d4;
}
.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
background-color: #202020;
}
.postbitlegacy .postbody, .after_content {
background-color: #202020;
border-color: #303030;
}
.formcontrols .blockrow {
background-color: #202020;
}
span.cke_skin_kama {
background-color: #202020;
border-color: #303030;
}
.cke_skin_kama .cke_wrapper {
background-color: #303030 !important;
}
.blockhead {
color: #d4d4d4;
background-color: #252525;
}
.formcontrols .showsignature {
color: #d4d4d4;
background-color: #252525;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: none;
border-color: #303030;
background-color: #202020;
}
.formcontrols .blockrow .primary.full:focus {
color: #d4d4d4;
border-color: #303030;
background-color: #202020;
}
.formcontrols .blockrow .primary.full {
color: #d4d4d4;
border-color: #303030;
background-color: #202020;
}
/* Subforos */
.forumbits .forumbit_nopost .forumhead {
background: #252525;
border-left: 1px solid #252525;
border-right: 1px solid #252525;
border: 1px solid #252525;
}
.forum_info .blockbody {
border: 1px solid #252525;
border-bottom: 1px solid #252525;
border-left: 1px solid #252525;
border-right: 1px solid #252525;
background: #252525;
color: #fcfcfc;
}
.threadlisthead {
background: #252525;
border-left: 1px solid #252525;
border-right: 1px solid #252525;
border: 1px solid #252525;
}
.threadbit .sticky{
border-color: #303030;
background-color: #202020;
}
.threadbit .nonthread{
border-color: #303030;
background-color: #202020;
}
.threadbit .nonsticky, .threadbit .discussionrow {
border-color: #303030;
background-color: #202020;
}
.threadbit .deleted, .threadbit .ignored {
border-color: #303030;
background-color: #202020;
}
.threadbit {
color: #fcfcfc;
}
Si alguien quiere seguirlo, faltan algunas cosas de los mensajes y un par de subforos.
Si supiera lo termino jaja
Anda bien para PC, lástima la barra de codigos que están un poco afuera, pero lo demás anda perfecto.
El de Jesy quedó buenísimo.
Cita:
Iniciado por
Shxrty
¿Lo pasas?
El código lo dejé más arriba, instalas la extensión y creas un nuevo tema con ese código CSS.
Está incompleto, algunas partes del foro se siguen viendo blancas y algunas veces no carga bien el CSS y hay que estar actualizando la página, por eso no me termina de convencer.
Intentaré hacer algo mejor los próximos días.
para cuando el modo diablo ??
@Jesy pasame el tuyo loco :(
