.NET Fest: полная программа конференции на сайте. Присоединяйся к самому большому .NET ивенту
×Закрыть

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

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

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

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

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

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, як варіант).

Оооо, а прикольно было бы, особенно если сделать под какую-нить популярную тему в редакторах типа Monokai.

Solarized Light

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

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

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

body {
	background-color: #1e1e1e

}
.g-page {
	background-color: #1e1e1e
}

.b-post-info .author .name a {
	color: #66d9ef;
}

.comments-head .comment-subscribe>span {
	color: #66d9ef;
}

.b-content-menu {
	background: #1e1e1e
}
.b-content-menu li a {
	color: #e6db74;
}

a:visited {
   color: #607930;
}

a {
	color: #a6e22e;
}

.b-sidebar-comments .b-sidebar-comment .more:before {
	display: none;
}

.b-post-info {
	color: #66d9ef;
}
.b-post-info .topic {
	color: #f92672
}
.b-typo {
	color: #f8f8f2;
}

.b-typo code {
	background: #333232;
	color: #d5bfbf;
}

.b-typo pre {
	background: #333232;
	color: #d5bfbf;
}

.b-comments .comment .sup-users a {
	color: #e6db74;
}

.comments-head h3 {
	color: #66d9ef;
}

.comments-head .navigation-comment{
	color:#66d9ef;
	border-bottom:1px dashed #66d9ef;
}
.g-approved-user .b-post-author .avatar {
	color: #f92672;
}

.b-comments-form .textarea-wrap textarea {
    background-color:#75715e;    color:#f8f8f2;
}

.b-comments-form .send .hint {
	color: #75715e;
}

.b-comments .comment .answer-link {
    color:#7657ae;    
    border-bottom: 1px dashed #7657ae;

}

.b-comments .comment .support a {
    color: #7657ae;    border-bottom:1px dashed #7657ae;

}
.g-right-shadowed {
	background-image: none;
}

.b-comments .comment .sup-users span {
	color: #a6e22e;
}

.b-sidebar-comments h3 {
	color: #f92672;
}

.b-comments .comment .sup-users {
	color: #e6db74;
}

.b-adv-events .title {
	color: #f92672;
}

.b-adv-events .link {
	color: #f8f8f2;
}

.b-adv-events .adv-event-block {
	color: #f8f8f2;
}

.b-adv-events .date {
	color: #1876ac;
}

.b-adv-events .link .img {
	padding: 0;
	width: 100px
}

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

Все, теперь доделяль)

Пакращеная версия с поддержкой главной страницы. С чувством прекрасного у меня хреново, так что маемо те шо маемо.

body {
	background-color: #1e1e1e

}
.g-page {
	background-color: #1e1e1e
}

.b-post-info .author .name a {
	color: #66d9ef;
}

.comments-head .comment-subscribe>span {
	color: #66d9ef;
}

.b-content-menu {
	background: #1e1e1e
}
.b-content-menu li a {
	color: #e6db74;
}

a:visited {
   color: #607930;
}

a {
	color: #a6e22e;
}

.b-sidebar-comments .b-sidebar-comment .more:before {
	display: none;
}

.b-post-info {
	color: #66d9ef;
}
.b-post-info .topic {
	color: #c9215e
}
.b-typo {
	color: #f8f8f2;
}

.b-typo code {
	background: #333232;
	color: #d5bfbf;
}

.b-typo pre {
	background: #333232;
	color: #d5bfbf;
}

.b-comments .comment .sup-users a {
	color: #e6db74;
}

.comments-head h3 {
	color: #66d9ef;
}

.comments-head .navigation-comment{
	color:#66d9ef;
	border-bottom:1px dashed #66d9ef;
}
.g-approved-user .b-post-author .avatar {
	color: #c9215e;
}

.b-comments-form .textarea-wrap textarea {
    background-color:#75715e;    color:#f8f8f2;
}

.b-comments-form .send .hint {
	color: #75715e;
}

.b-comments .comment .answer-link {
    color:#7657ae;    
    border-bottom: 1px dashed #7657ae;

}

.b-comments .comment .support a {
    color: #7657ae;    border-bottom:1px dashed #7657ae;

}
.g-right-shadowed {
	background-image: none;
}

.b-comments .comment .sup-users span {
	color: #a6e22e;
}

.b-sidebar-comments h3 {
	color: #c9215e;
}

.b-comments .comment .sup-users {
	color: #e6db74;
}

.b-adv-events .title {
	color: #c9215e;
}

.b-adv-events .link {
	color: #f8f8f2;
}

.b-adv-events .adv-event-block {
	color: #f8f8f2;
}

.b-adv-events .date {
	color: #1876ac;
}

.b-adv-events .link .img {
	padding: 0;
	width: 100px
}

.b-articles .b-articles-switch li.current a {
	color: #c9215e;
}

.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: #f8f8f2;
}

.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: #c9215e;
}


.page-index .b-block .title h3 {
	color: #c9215e;
}

.b-index-discussions .comment::after {
	display: none;
}

.b-index-discussions .meta .userlink {
	color: #e6db74;
}

.b-index-discussions .meta a {
	color: #7657ae;
}

.b-index-discussions .meta {
	color: #ccc;
}

.b-footer-slider {
	background: #1e1e1e;
}

.b-footer-slider .item .title {
	color:#f8f8f2;
}

.b-footer-slider h3 {
	color: #c9215e;
}

.b-footer {
	color:#f8f8f2;
}

.b-footer a {
    color: #a6e22e;
}
.b-sticky-right-side .l-sticky-block a.link .title {
	color:#f8f8f2;
}

Если этот камент наберет стопицот лайков, сделаю остальные разделы, кроме форума!

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

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

Трохи змінив

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

Поставить любой аддон для браузера, который дает применить кастомный CSS
chrome.google.com/...​mfilhnhkllmkecfmpld?hl=en
Например такой

Поменять цвета на свой вкус, я специально не группировала никакие стили.

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