Темна тема оформлення на DOU
Є? Планується?
Facebook
Twitter
LinkedIn
Ілля Ромащенко
Нащо якісь розширення нащо якісь додатки, невже на доу стільки мало розробників шо темну тему ну дуууже важко залити?
Ivan Pruchai
Якщо і робити темну тему, то тільки таку яка очі не виїдає.
Sergii Voloshyn
Зробили темну тему в розділі gamedev.dou.ua
Рахіт Срінавасович Кумар
Геймдев на темній стороні сили
Ivan Pruchai
Як її увімкнути? Не помітив відповідних кнопок :)
Зараз темна тема вмикається автоматично якщо в операційній системі темна тема.
У мене в Ubuntu 20.04.4 LTS увімкнено темну тему, але сайт в білих тонах. Можливо баг?
Дякую, дивно. А що пише консоль браузера для такого?
window.matchMedia('(prefers-color-scheme: dark)').matches
Про всяк випадок напишу, що темна тема може працювати на ДОУ лише в розділі gamedev.dou.ua
False (Chrome 103.0.5060.53 (Official Build)
Дякую, поки що таке нагуглив:
superuser.com/...tu-desktop-20-04-or-21-04
От тепер працює)) Дякую.
Але думаю, що додаткова кнопка не завадила б :)
За даними Google Analytics зараз десь у 30% користувачів темна тема, тобто
window.matchMedia('(prefers-color-scheme: dark)').matches
видає true. А серед iOS і macOS користувачів таких близько 40%. І всі вони автоматично будуть бачити темну тему на gamedev-сайті. Для першої експериментальної версії і без кнопки це досить багато.
В Firefox знайшов таке:
i.imgur.com/xpmLUFb.png
а почему для всего доу нельзя включить темную тему? в чем проблема-то?
Олександр Федоров
Я не користуюсь, але десь траплявся такий код.
Можна використовувати просто як браузерну закладку
javascript:(d=>{var%20css=`:root{background-color:#fefefe;filter:invert(100%)}*{background-color:inherit}img:not([src*=".svg"]),video{filter:%20invert(100%)}`,style,id="dark-theme-snippet",ee=d.getElementById(id);if(null!=ee)ee.parentNode.removeChild(ee);else%20{style%20=%20d.createElement('style');style.type="text/css";style.id=id;if(style.styleSheet)style.styleSheet.cssText=css;else%20style.appendChild(d.createTextNode(css));(d.head||d.querySelector('head')).appendChild(style)}})(document)
Sergius von Bielersee
Я перейшов на темний фон у VS та MS DBMS, припинивши, як-то кажуть на одному італійському сайті, «випалювати очі кодом». Але на ДОУ я якось не так багато часу проводжу, щоб це тут заважало, та й не вдивляєшся в статті і флуд так, як у код...
Dima Kravtsov
Пользуюсь вот этим userstyles.org/...les/117567/dou-night-mode
Через хром расширение «Stylus»
Выглядит вполне себе ок
Mike Gorchak
Продам чёрные обои любого размера. Недорого. Возможно изготовление на заказ. В наличии есть еврочёрная еврозаливочная еврокраска.
Valentin Nechayev
Или уже так www.youtube.com/watch?v=QaRigweqzcQ
Марк Сахарчук
Gennady Dogaev
При помощи Stylus можно сделать и распространять через userstyles.org, но мне не нужно и лень
anonymous
Bogdan Shyiak
Темна тема оформлення на DOU
А тут такой рекламный банер на белом фоне и шазам +1 слепой ИТшник :)
Серьезно, люди, как вы пользуетесь темными темами? Все кроме вашего редакторы в светлых тонах.
Hennadii Mishchevskyi
Нагрузка на глаза меньше (по крайней мере у меня), расход батареи меньше. И, если человеку удобно работать с тёмной темой в IDE, то почему ему не должна нравится тёмная тема в то же доу? Я везде где могу ставлю тёмные темы.
Bogdan Shyiak
Я везде где могу ставлю тёмные темы.
На стековерфлоу, в поисковой выдаче гугла и в бложеке какого-то чувака, на который вы перешли из гугла вы тоже ставите темную тему?
расход батареи меньше.
Очень хотелось бы почитать какие-то исследования про это. Я в этой темее вообще профан и с этой точки зрения не понимаю как что либо помимо абсолютно черного цвета («выключение пикселей») может экономить батарейку.
Не дописал «без фанатизма». То, чем часто пользуюсь, конечно. Про батарею пруфа нет, но не раз об этом слышал и звучит логично. Если дадите обратный пруф — скажу спасибо.
Тут пишут, что это для OLED экранов актуально:
apple.stackexchange.com/...save-battery-on-a-macbook
Mike Gorchak
Очень хотелось бы почитать какие-то исследования про это. Я в этой темее вообще профан и с этой точки зрения не понимаю как что либо помимо абсолютно черного цвета («выключение пикселей») может экономить батарейку.
Всё зависит от технологии. В некоторых чёрный цвет требует постоянной подпитки затворов, перекрывающим выход света беклайта внаружу.
На стековерфлоу, в поисковой выдаче гугла и в бложеке какого-то чувака, на который вы перешли из гугла вы тоже ставите темную тему?
Почему нет? По большей части это работает. Есть отдельный аддон для такого.
Іван Довгай
Все
— не все. Телеграм, скайп, постман и дев-тулс хрома — есть темная тема
— не все.
Ок, ошибся. Исправляем на «хотя бы один». Но вот этого одного вполне хватит чтобы ослепнуть :)
Скорее можно ослепнуть когда в глаза бьет поток белого света с экрана, особенно вечером
А психозно-желтая реклама снэпа? %)
Bot Bot
А я запилил себе профиль с кастомными настройками на монике, выкрутил нах яркость и цвета на минимум к чертям собачим, на вид бледное и серое, но если фон на приложении темный, то самое оно. Даже когда свет выключен можно норм смотреть.
На работе тоже поубавлял до практически минимального уровня.
Андрей Литвинов
Я пошел дальше и повесил себе блекаут шторы — можно нормально работать с темными темами даже когда в окно фигачит солнце.
Я пишу на ДОУ в сварочной маске — можно нормально работать даже с такой темой как на ДОУ, иногда, правда, надо подсвечивать ацетиленовой горелкой мелкий шрифт.
Молдавский Узбек
иногда шрифт, иногда комментаторов
Многие комментаторы сами светятся, т.к. у них работают метановые горелки %)
Vitaliy Fedoriv
Для Chrome є Dark Reader, для Windows/Linux налаштовується темна тема. IntelliJ/Eclipse — можна вибрати на будь який смак. В Skype є чорна тема, в Slack — теж (піля деяких танців з бубном). З того, де немає (а хотілося б) — Sourcetree (але є SmartGit, як варіант).
Yuriy Pitometsu
Solarized Light
Олексій Пєніє
Поэтому пользователи должны страдать
Sergii Voloshyn
Поки що немає і не планується, мабуть найпростіший шлях — зробити щось типу user styles, які міняють дизайн на темний.
Andrii Tkachenko
Все в лесс :) Я недоделаль :)
сделаю остальные разделы, кроме форума!
И в расширение заверните 🙂.
Serhii
Трохи змінив
body {
background-color: rgb(26, 26, 27)
}
.link{
color: rgb(129, 131, 132);
}
.g-page {
background-color: rgb(26, 26, 27)
}
.b-post-info .author .name a {
color: rgb(129, 131, 132);
}
.comments-head .comment-subscribe>span {
color: rgb(129, 131, 132);
}
.b-content-menu {
background: rgb(21, 21, 22);
}
.b-content-menu li a {
color: rgb(215, 218, 220);
}
a:visited {
color: rgb(255,221,0);
}
a {
color: rgb(129, 131, 132);
}
.b-sidebar-comments .b-sidebar-comment .more:before {
display: none;
}
.b-post-info {
color: rgb(129, 131, 132);
}
.b-post-info .topic {
color:rgb(129, 131, 132);
}
.b-typo {
color: rgb(215, 218, 220);
}
.b-typo code {
background: #333232;
color: rgb(129, 131, 132);
}
.b-typo pre {
background: #333232;
color: rgb(129, 131, 132);
}
.b-comments .comment .sup-users a {
color: rgb(129, 131, 132);
}
.comments-head h3 {
color: rgb(129, 131, 132);
}
.comments-head .navigation-comment{
color:rgb(129, 131, 132);
border-bottom:1px dashed #66d9ef;
}
.g-approved-user .b-post-author .avatar {
color: rgb(129, 131, 132);
}
.b-comments-form .textarea-wrap textarea {
background-color:#75715e; color:rgb(129, 131, 132);
}
.b-comments-form .send .hint {
color: rgb(129, 131, 132);
}
.b-comments .comment .answer-link {
color:rgb(129, 131, 132);
border-bottom: 1px dashed #7657ae;
}
.b-comments .comment .support a {
color: rgb(129, 131, 132); border-bottom:1px dashed rgb(129, 131, 132);
}
.g-right-shadowed {
background-image: none;
}
.b-comments .comment .sup-users span {
color: rgb(129, 131, 132);
}
.b-sidebar-comments h3 {
color: rgb(129, 131, 132);
}
.b-comments .comment .sup-users {
color: rgb(129, 131, 132);
}
.b-adv-events .title {
color: rgb(129, 131, 132);
}
.b-adv-events .link {
color: rgb(129, 131, 132);
}
.b-adv-events .adv-event-block {
color: rgb(129, 131, 132);
}
.b-adv-events .date {
color: rgb(129, 131, 132);
}
.b-adv-events .link .img {
padding: 0;
width: 100px
}
.b-articles .b-articles-switch li.current a {
color: rgb(129, 131, 132);
}
.b-most-interesting .b-switcher .bg-l {
display: none;
}
.b-most-interesting .b-switcher .bg-r {
display: none;
}
.b-most-interesting .b-switcher li .announce {
color: rgb(129, 131, 132);
}
.b-most-interesting .b-switcher li .link img {
margin-bottom: 20px;
}
.b-most-interesting .b-switcher:after {
display: none;
}
.page-index .b-block .title h3 a {
color: rgb(129, 131, 132);
}
.page-index .b-block .title h3 {
color: rgb(129, 131, 132);
}
.b-index-discussions .comment::after {
display: none;
}
.b-index-discussions .meta .userlink {
color: rgb(129, 131, 132);
}
.b-index-discussions .meta a {
color: rgb(129, 131, 132);
}
.b-index-discussions .meta {
color: #ccc;
}
.b-footer-slider {
background: #1e1e1e;
}
.b-footer-slider .item .title {
color:rgb(129, 131, 132);
}
.b-footer-slider h3 {
color: rgb(129, 131, 132);
}
.b-footer {
color:rgb(129, 131, 132);
}
.b-footer a {
color: rgb(129, 131, 132);
}
.b-sticky-right-side .l-sticky-block a.link .title {
color:rgb(129, 131, 132);
}
Artyom Krivokrisenko
56 коментарів
Додати коментар Підписатись на коментаріВідписатись від коментарів