Ask HN: Wie kann ich HN im Dark Mode durchsuchen?
Ask HN: How can I browse HN in dark mode?
Ich habe eine Frage an die HN-Community: Wie kann ich HN im Dark Mode durchsuchen? Der Hintergrund ist, dass mein Kleinkind auf mir schläft und das helle Licht blendet. Ich suche nach einer Möglichkeit, HN dunkel darzustellen, ohne die Augen zu sehr zu belasten.
Auf Android unterstützt Vivaldi den Dark Mode von Haus aus. Es ist eigentlich nur ein Schalter für den Dark Mode, der in jedem Chromium-basierten Browser vorhanden ist, und du kannst ihn global in jedem von ihnen unter chrome://flags/#enable-force-dark aktivieren. Dark Reader, oft empfohlen, ist sehr langsam, besonders auf alter Hardware. Dieser integrierte Modus ist viel effizienter und funktioniert gut auf der überwiegenden Mehrheit der Seiten.
https://hcker.news hat mehrere Dark-Mode-Themes.
Dark Reader-Erweiterung für Chrome.
Darkreader-Erweiterung in Firefox
Ich verwende die HN Enhance-Erweiterung in FF.
- Bender
In uBlock Origin -> Meine Filter:
# HN Dark Mode:
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
Auf Android unterstützt Vivaldi den Dark Mode von Haus aus. Es ist eigentlich nur ein Schalter für den Dark Mode, der in jedem Chromium-basierten Browser vorhanden ist, und du kannst ihn in jedem von ihnen global unter chrome://flags/#enable-force-dark aktivieren.
Dark Reader, der oft empfohlen wird, ist sehr langsam, besonders auf alter Hardware. Dieser eingebaute Modus ist viel effizienter und funktioniert gut auf der überwiegenden Mehrheit der Seiten.
- WithinReason
Speichere das in einem Bookmarklet und klicke es an, um jede Website dunkel zu machen:
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);}})();
Schnellere Version:
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
Ich benutze Stylus und dieses Theme:
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;
}
/* Heller Text */
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;
}
/* Suchfeld und Kommentarfeld */
input, textarea {
border: 1px solid #828282 !important;
}
- Meneth
Ich habe unter Einstellungen -> Barrierefreiheit "Farben überschreiben" verwendet, um schöne dunkle Farben einzustellen.
Dann habe ich userChrome.js von https://github.com/AlexVallat/firefox-scripts/ benutzt, um einen Button hinzuzufügen, der die Browser-Einstellungen "browser.display.use_system_colors" und "browser.display.document_color_use" umschaltet, sodass ich bei Bedarf noch den hellen Modus erreichen kann.