Ask HN: Как мне просматривать HN в тёмном режиме?
Ask HN: How can I browse HN in dark mode?
Я родитель, и мой малыш заснул на мне, а свет от экрана слепит. Я ищу способ просматривать Hacker News в тёмном режиме, чтобы не разбудить ребёнка. Может быть, есть расширения или настройки браузера, которые помогут?
На Android Vivaldi поддерживает тёмный режим из коробки. Это на самом деле просто переключатель для тёмного режима, присутствующего в любом браузере на основе Chromium, и вы можете включить его глобально в любом из них через chrome://flags/#enable-force-dark. Dark Reader, который часто рекомендуют, очень медленный, особенно на старом оборудовании. Этот встроенный режим гораздо эффективнее и хорошо работает на подавляющем большинстве страниц.
https://hcker.news имеет несколько тёмных тем.
Расширение Dark Reader для Chrome.
Расширение Darkreader в Firefox
Я использую расширение HN Enhance в FF.
- Bender
В uBlock Origin -> Мои фильтры:
# Тёмный режим 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
На Android Vivaldi поддерживает тёмный режим из коробки. На самом деле это просто переключатель для тёмного режима, присутствующего в любом браузере на Chromium, и его можно включить глобально в любом из них через chrome://flags/#enable-force-dark
Dark Reader, который часто рекомендуют, очень медленный, особенно на старом железе. Этот встроенный режим гораздо эффективнее и хорошо работает на подавляющем большинстве страниц.
- WithinReason
Сохраните это в букмарклет и нажмите, чтобы сделать любой сайт тёмным:
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);}})();
более быстрая версия:
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
Я использую Stylus и эту тему:
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;
}
/* Яркий текст */
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;
}
/* поисковая строка и поле комментария */
input, textarea {
border: 1px solid #828282 !important;
}
- Meneth
Я использовал «Переопределить цвета» в Настройках -> Доступность, чтобы задать приятные тёмные цвета.
Затем я использовал userChrome.js из https://github.com/AlexVallat/firefox-scripts/, чтобы добавить кнопку, которая переключает настройки браузера "browser.display.use_system_colors" и "browser.display.document_color_use", так что я всё ещё могу переключиться на светлый режим при необходимости.