Ask HN: ¿Cómo puedo navegar HN en modo oscuro?
Ask HN: How can I browse HN in dark mode?
Tengo un niño pequeño dormido sobre mí y la luz de la pantalla me está cegando. Necesito una forma de navegar Hacker News en modo oscuro para no molestarle. ¿Alguien sabe cómo puedo hacerlo?
En Android, Vivaldi soporta modo oscuro de fábrica. En realidad es solo un interruptor para el modo oscuro presente en cualquier navegador basado en Chromium, y puedes habilitarlo globalmente en cualquiera de ellos en chrome://flags/#enable-force-dark. Dark Reader, que a menudo se recomienda, es muy lento, especialmente en hardware antiguo. Este modo integrado es mucho más eficiente y funciona bien en la gran mayoría de las páginas.
https://hcker.news tiene múltiples temas de modo oscuro.
Extensión Dark Reader para Chrome.
Extensión Darkreader en Firefox.
Yo uso la extensión HN Enhance en FF.
- Bender
En uBlock Origin -> Mis filtros:
# Modo oscuro para HN:
news.ycombinator.com##body:style(background: black)
news.ycombinator.com##td:style(color: #fafafa !important)
news.ycombinator.com##table:style(background-color: #24273a)
news.ycombinator.com##div.toptext:style(color: #fafafa)
news.ycombinator.com##div.c00:style(color: #fafafa !important)
news.ycombinator.com##a:style(color: #ffa000 !important)
news.ycombinator.com##span#karma:style(color: #faa000 !important)
news.ycombinator.com##span.pagetop:style(color: #fafafa !important)
news.ycombinator.com##textarea:style(color: #696969 !important; background: inherit; )
news.ycombinator.com###hnmain:style(background: #24273a !important)
- farlight
En Android, Vivaldi soporta el modo oscuro de fábrica. En realidad es solo un interruptor para el modo oscuro presente en cualquier navegador basado en Chromium, y puedes habilitarlo globalmente en cualquiera de ellos en chrome://flags/#enable-force-dark
Dark Reader, que a menudo se recomienda, es muy lento, especialmente en hardware antiguo. Este modo integrado es mucho más eficiente y funciona bien en la gran mayoría de las páginas.
- WithinReason
Guarda esto en un bookmarklet y haz clic en él para poner cualquier sitio web en modo oscuro:
javascript:(function(){const id='_dark_mode_bm';const el=document.getElementById(id);if(el){el.remove();}else{const s=document.createElement('style');s.id=id;s.textContent='html{filter:invert(1) hue-rotate(180deg)!important;background:#fff!important;}img,video,canvas,picture,svg{filter:invert(1) hue-rotate(180deg)!important;}';document.head.appendChild(s);}})();
versión más rápida:
javascript:(function(){const id='_dark_perf_bm';const el=document.getElementById(id);if(el){el.remove();}else{const s=document.createElement('style');s.id=id;s.textContent=':root{color-scheme:dark!important;}html,body{background-color:#141414!important;color:#dcdcdc!important;}div,section,article,nav,header,footer,aside,main,table,tr,td,th,ul,ol,li{background-color:#18191a!important;color:#dcdcdc!important;border-color:#383838!important;}p,span,h1,h2,h3,h4,h5,h6,b,strong,i,em{color:inherit!important;}a,a%20*{color:#58a6ff!important;}pre,code,kbd{background-color:#202224!important;color:#ff9857!important;}input,textarea,select,button{background-color:#262626!important;color:#fff!important;border:1px%20solid%20#444!important;}img,video,canvas,picture{background-color:transparent!important;}';document.head.appendChild(s);}})();
- accrual
Estoy usando Stylus y este tema:
body {
background-color: #262626 !important;
}
body > center > table, input, textarea {
background-color: #222 !important;
}
body > center > table > tbody > tr:first-child > td {
background-color: #ff6600 !important;
}
/* Texto brillante */
td.title a:link, span.comment font, span.comment font a:link, u a:link, span.yclinks a:link, body:not([id]),
td:nth-child(2):not(.subtext) > a:link, input, textarea, p > a, a > u, .c00, .c00 a:link,
a[href="http://www.ycombinator.com/apply/"], a[href="https://www.ycombinator.com/apply/"] {
color: #ccc !important;
}
.admin td {
color: #aaa !important;
}
/* cuadro de búsqueda y cuadro de comentarios */
input, textarea {
border: 1px solid #828282 !important;
}
- Meneth
Usé "Override colors" en Settings -> Accessibility para establecer colores oscuros agradables.
Luego usé userChrome.js de https://github.com/AlexVallat/firefox-scripts/ para añadir un botón que alterna las preferencias del navegador "browser.display.use_system_colors" y "browser.display.document_color_use", así que todavía puedo acceder al modo claro si es necesario.
Requisitos: