Темна тема оформлення на DOU

Є? Планується?

👍ПодобаєтьсяСподобалось3
До обраногоВ обраному0
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Нащо якісь розширення нащо якісь додатки, невже на доу стільки мало розробників шо темну тему ну дуууже важко залити?

Якщо і робити темну тему, то тільки таку яка очі не виїдає.

Зробили темну тему в розділі gamedev.dou.ua

Геймдев на темній стороні сили

Як її увімкнути? Не помітив відповідних кнопок :)

Зараз темна тема вмикається автоматично якщо в операційній системі темна тема.

У мене в Ubuntu 20.04.4 LTS увімкнено темну тему, але сайт в білих тонах. Можливо баг?

Дякую, дивно. А що пише консоль браузера для такого?

window.matchMedia('(prefers-color-scheme: dark)').matches

Про всяк випадок напишу, що темна тема може працювати на ДОУ лише в розділі gamedev.dou.ua

False (Chrome 103.0.5060.53 (Official Build) (64-bit))

От тепер працює)) Дякую.
Але думаю, що додаткова кнопка не завадила б :)

За даними Google Analytics зараз десь у 30% користувачів темна тема, тобто

window.matchMedia('(prefers-color-scheme: dark)').matches

видає true. А серед iOS і macOS користувачів таких близько 40%. І всі вони автоматично будуть бачити темну тему на gamedev-сайті. Для першої експериментальної версії і без кнопки це досить багато.

а почему для всего доу нельзя включить темную тему? в чем проблема-то?

Я не користуюсь, але десь траплявся такий код.
Можна використовувати просто як браузерну закладку

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)

Я перейшов на темний фон у VS та MS DBMS, припинивши, як-то кажуть на одному італійському сайті, «випалювати очі кодом». Але на ДОУ я якось не так багато часу проводжу, щоб це тут заважало, та й не вдивляєшся в статті і флуд так, як у код...

Пользуюсь вот этим userstyles.org/...​les/117567/dou-night-mode
Через хром расширение «Stylus»
Выглядит вполне себе ок

Продам чёрные обои любого размера. Недорого. Возможно изготовление на заказ. В наличии есть еврочёрная еврозаливочная еврокраска.

При помощи Stylus можно сделать и распространять через userstyles.org, но мне не нужно и лень

Темна тема оформлення на DOU

А тут такой рекламный банер на белом фоне и шазам +1 слепой ИТшник :)

Серьезно, люди, как вы пользуетесь темными темами? Все кроме вашего редакторы в светлых тонах.

Нагрузка на глаза меньше (по крайней мере у меня), расход батареи меньше. И, если человеку удобно работать с тёмной темой в IDE, то почему ему не должна нравится тёмная тема в то же доу? Я везде где могу ставлю тёмные темы.

Я везде где могу ставлю тёмные темы.

На стековерфлоу, в поисковой выдаче гугла и в бложеке какого-то чувака, на который вы перешли из гугла вы тоже ставите темную тему?

расход батареи меньше.

Очень хотелось бы почитать какие-то исследования про это. Я в этой темее вообще профан и с этой точки зрения не понимаю как что либо помимо абсолютно черного цвета («выключение пикселей») может экономить батарейку.

Не дописал «без фанатизма». То, чем часто пользуюсь, конечно. Про батарею пруфа нет, но не раз об этом слышал и звучит логично. Если дадите обратный пруф — скажу спасибо.

Тут пишут, что это для OLED экранов актуально:
apple.stackexchange.com/...​save-battery-on-a-macbook

Очень хотелось бы почитать какие-то исследования про это. Я в этой темее вообще профан и с этой точки зрения не понимаю как что либо помимо абсолютно черного цвета («выключение пикселей») может экономить батарейку.

Всё зависит от технологии. В некоторых чёрный цвет требует постоянной подпитки затворов, перекрывающим выход света беклайта внаружу.

На стековерфлоу, в поисковой выдаче гугла и в бложеке какого-то чувака, на который вы перешли из гугла вы тоже ставите темную тему?

Почему нет? По большей части это работает. Есть отдельный аддон для такого.

Все

 — не все. Телеграм, скайп, постман и дев-тулс хрома — есть темная тема

— не все.

Ок, ошибся. Исправляем на «хотя бы один». Но вот этого одного вполне хватит чтобы ослепнуть :)

Скорее можно ослепнуть когда в глаза бьет поток белого света с экрана, особенно вечером

А психозно-желтая реклама снэпа? %)

А я запилил себе профиль с кастомными настройками на монике, выкрутил нах яркость и цвета на минимум к чертям собачим, на вид бледное и серое, но если фон на приложении темный, то самое оно. Даже когда свет выключен можно норм смотреть.
На работе тоже поубавлял до практически минимального уровня.

Я пошел дальше и повесил себе блекаут шторы — можно нормально работать с темными темами даже когда в окно фигачит солнце.

Я пишу на ДОУ в сварочной маске — можно нормально работать даже с такой темой как на ДОУ, иногда, правда, надо подсвечивать ацетиленовой горелкой мелкий шрифт.

Многие комментаторы сами светятся, т.к. у них работают метановые горелки %)

Для Chrome є Dark Reader, для Windows/Linux налаштовується темна тема. IntelliJ/Eclipse — можна вибрати на будь який смак. В Skype є чорна тема, в Slack — теж (піля деяких танців з бубном). З того, де немає (а хотілося б) — Sourcetree (але є SmartGit, як варіант).

Solarized Light

Ні, тємнєший, бо DOU — на світлій стороні

Поэтому пользователи должны страдать

Поки що немає і не планується, мабуть найпростіший шлях — зробити щось типу user styles, які міняють дизайн на темний.

Все в лесс :) Я недоделаль :)

сделаю остальные разделы, кроме форума!

И в расширение заверните 🙂.

Трохи змінив

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);
}

Підписатись на коментарі