LINUX.ORG.RU

Выбор темной/светлой/системной цветовой схемы для Tango

 


0

1

В теме Tango была добавлена возможность выбора цветовой схемы (темная/светлая/системная).

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

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

★★★★★

темная/светлая/системная

не хочу никого обижать и по этому давным давно написал свой css благодаря которому все сайты выглядят фактически одинаково - так как этого хочется мне.

amd_amd ★★★★★
()
Последнее исправление: amd_amd (всего исправлений: 3)

А чего пост только сейчас? Я ещё вчера заметил - думал, что пропустил момент и вообще всегда так было.

Bfgeshka ★★★★★
()
Ответ на: комментарий от Bfgeshka

Там нашелся баг, по этому я анонс задержал до исправления.

maxcom ★★★★★
() автор топика

А можно сделать так, чтобы для EInk-книжки был Waltz а на десктопе Tango? А то мне постоянно переключаться приходится. Или отдельный стиль вообще - monochrome.

necromant ★★
()
Последнее исправление: necromant (всего исправлений: 1)
Ответ на: комментарий от maxcom

Onyx Boox Note 5 - там Neobrowser андроидовский стоит.

User-Agent вроде такой

Mozilla/5.0 (Linux;Android 11;Note5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4178.0 Safari/537.36
necromant ★★
()
Ответ на: комментарий от maxcom

Почти - там серый фон, более-менее, но чернила все-равно дергаются. А вот на темной теме совсем заметно дольше отрисовка идет. При неполной перерисовке(опция есть) вообще артефакты.

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

  1. Вариант решения с моей стороны - может установить Вальс для читалки, а на Десктопе user-css выставить в Танго.

  2. Или на читалке другой браузер взять с настройкой вида. Текущий вообще урезанный.

necromant ★★
()
Ответ на: комментарий от maxcom

Мда браузер даже не признается что он @media(monochrome). Тут только возможно prefers-color-scheme + prefers-reduced-motion для определения использовать 🤔

CSS Media Queries

@media-type	screen
display-mode	browser
orientation	portrait
color	8
color-index	0
color-gamut	srgb
dynamic-range	not supported
monochrome	0
forced-colors	not supported
inverted-colors	not supported
grid	0
scan	not supported
overflow-block	not supported
overflow-inline	not supported
prefers-color-scheme	light
prefers-reduced-data	not supported
prefers-reduced-motion	reduce
prefers-reduced-transparency	not supported
prefers-contrast	not supported
device-posture	not supported
nav-controls	not supported
video-color-gamut	not supported
video-dynamic-range	not supported
 
min-width (px)	980
min-height (px)	1171
min-device-width (px)	936
min-device-height (px)	1248
min-device-width (cm)	24.7
min-device-height (cm)	33
min-device-width (in)	9.7
min-device-height (in)	13
min-resolution (dpi)	144
min-resolution (dppx)	1.5
min-resolution (dpcm)	56.8
max-aspect-ratio	1000/1000
device-aspect-ratio	3/4
pointer	fine
any-pointer	fine, fine
hover	none
any-hover	none
scripting	not supported
update	not supported
environment-blending	not supported
screen-spanning	not supported
horizontal-viewport-segments	not supported
vertical-viewport-segments	not supported
Vendor-specific CSS Media Queries

-moz-device-orientation	not supported
-moz-os-version	not supported
-moz-windows-theme	not supported
-moz-windows-default-theme	not supported
-moz-windows-classic	not supported
-moz-windows-glass	not supported
-moz-windows-compositor	not supported
-moz-mac-lion-theme	not supported
-moz-mac-graphite-theme	not supported
-moz-maemo-classic	not supported
-moz-images-in-menus	not supported
-moz-images-in-buttons	not supported
-moz-menubar-drag	not supported
 
-moz-touch-enabled	not supported
-moz-scrollbar-end-backward	not supported
-moz-scrollbar-end-forward	not supported
-moz-scrollbar-start-backward	not supported
-moz-scrollbar-start-forward	not supported
-moz-scrollbar-thumb-proportional	not supported
-moz-is-resource-document	not supported
min--moz-device-pixel-ratio	not supported
-webkit-min-device-pixel-ratio	1.5
-webkit-transform-3d	true
-webkit-transform-2d	false / not supported
-webkit-transition	false / not supported
-webkit-animation	false / not supported
necromant ★★
()
Последнее исправление: necromant (всего исправлений: 1)
Ответ на: комментарий от amd_amd

все сайты выглядят фактически одинаково - так как этого хочется мне

А оно может сделать внешне сайты из копровеба с огромными элементами и едва видимыми серыми шрифтами на белом фоне на нормальный вид - как при web 1.x для всех сайтов?

ChocoRobo
()
Последнее исправление: ChocoRobo (всего исправлений: 1)
Ответ на: комментарий от ChocoRobo

оно может сделать

не знаю - дай ссылку попробую или на сам пробуй

*,*:before,*:after,[class*=bg],[class*=white]
{
	background-color:transparent !important;
	color:#999;
	font-family:consolas,fontawesome,fontello !important;
	letter-spacing:-1px !important;
}
:not(:empty):not(span):not(a):not(img):not(button),#mw-page-base
{
	background-image:none !important;
}
[class*=error],[class*=alert],code
{
	color:#990 !important;
}
a,a *
{
	color:#099 !important;
}
a:hover,a:hover *,a:visited:hover,a:visited:hover *
{
	color:#fff !important;
	text-shadow:0 0 3px #099 !important;
}
a:visited,a:visited *
{
	color:#055 !important;
}
html,body,form,input,select,td,ul,.bb,.modal,.popup,.post,.qr,.row
{
	background:#000 !important;
}
.boxlet_content,.mmm,.neuroslop,.reactions,[class*=banner],[class*=emoji],[id*=yandex],#interpage,[class*=snow]
{
	display:none !important;
}
amd_amd ★★★★★
()

Два года ждал! А ты куда с рюкзаком собрался?

xyz
()

Если на мобиле делаешь свайп влево, вернуться назад, после смены цветовой схемы, схема меняется на предыдущую. хром.

xyz
()

Все хорошо, но поле ввода лучше бы делать цветом, на пару единиц отличным от фона, а то сливается.

windows10 ★★★★★
()

А можно ли сделать комбобокс и добавить туда темы от пользователей? Я выкладывал свой вариант. Включил тёмную тему и она много синего цвета даёт, я вообще не люблю цветной фон, максимум земельный, то есть очень низкий цветовой контраст, почти отсутствующий, чуть чуть только различия между блоками. Полный чёрный вроде как экономит экран есть люди прям говорят да полный чёрный, чтобы 0, чтобы полностью отключить питание на пикселы. Но мне это выглядит с отсутствием ощущения поверхности. И напрягает высокая яркость текста для чёрных тем, почти везде замечал, везде убавляю, максимум #aaaaaa

AZJIO
()
Ответ на: комментарий от AZJIO

Полный чёрный вроде как экономит экран есть люди прям говорят да полный чёрный, чтобы 0, чтобы полностью отключить питание на пикселы.

Это работает только для OLED (и возможно некоторых ещё более экзотических типов дисплея). Для привычных LCD вроде TN+Film, VA, IPS, то есть для подавляющего большинства пользователей, разницы нет. Точнее чисто технически есть, но она ниже погрешности и в обратную сторону — питание подаётся на слой, который закрывает чёрным светящиеся за ним светодиоды, то есть полностью чёрный экран — максимум питания на этот слой, а светодиоды как горели все вместе, так и горят. Но опять же, разница там на фоне собственно самих светодиодов будет ниже погрешности.

CrX ★★★★★
()
Для того чтобы оставить комментарий войдите или зарегистрируйтесь.