RFE: автоматическое переключение между тёмной и светлой темой через prefers-color-scheme

Идея хорошая. Но сейчас у нас все темы разные, отличия у них не только в цветовой гамме.

Так что сначала нужно изготовить светлый вариант дефолтной темы.

Разве дефолтная — это не tango? Казалось бы, её светлым эквивалентом будет waltz.

Tango. На мой взгляд waltz не совсем эквивалент, там много деталей в css отличаются (и еще есть ряд багов в верстке, связанных с тем что он базировался на старой версии tango).

Понял.

Тут идея простая – можно взять tango и изготовить под нее альтернативную цветовую гамму, большая часть цветов там вынесена в константы и меняется централизованно на весь сайт.

Но дизайнер из меня так себе, все мои попытки что-то изобразить это сплошной facepalm.

Вообще есть кто-то готов набросать светлый вариант tango, то я могу его прикрутить и доделать мелкие косяки которые повылезают.

Надо подобрать цвета, которые нормально будут смотреться как минимум на трех страницах – на главной, на странице топика с комментариями и в трекере.

На мозила девелопер (если я правильно понял посыл) стили сделаны не так, а вот так:

CSS Variables

/* tango-theme.css */
.tango-theme {
    --lor-txt-color: #aaa;
    --lor-bg-color: slategray;
    /*...*/
}

/* waltz-theme.css */
.waltz-theme {
    --lor-txt-color: #333;
    --lor-bg-color: gray;
    /*...*/
}

/* main.css */
#bd {
    color: var(--lor-txt-color);
    background-color: var(--lor-bg-color);
    /*...*/
}

Не знаю как насчет нормальности, но у меня такой юзерстиль для светлого танго:

@media (prefers-color-scheme: light) {
    :root {
        --main-background: #dadcd7;
        --text-color: #262823;
        --link-color: #204a87;
        --site-title-color: #2e3436;
        --header-color: #555753;
        --blockquote-color: #555753;
        --table-border-color: #bcbfb9;
        --table-link-color: #555753;
        --table-hover-background: #dfadd9;
        --tag-color: #ce5c00;
        --main-menu-color: #c17d11;
        --signature-user-color: #4e9a06;
        --signature-remark-color: #444444;
        --article-background: #eeeeec;
        --button-border-color: #454545;
        --button-selected-text-color: white;
        --button-primary-background: #8bbcf1;
        --button-danger-background: #fa3535;
        --icon-button-active-color: #c17d11;
        --tagpage-group-label-background: #e9b96e;
        --icon-reply-color: #729fcf;
        --icon-pin-color: #c4a000;
        --preview-border-color: #c4a000;
    }
}
.stars {
    color: var(--signature-user-color);
}

А вообще хотелось бы Breeze светлый и тёмный, но руки так и не дошли.

Из явных косяков - подсветку синтаксиса надо более контрастную, да в статистике, в профиле, фон не перекрашен, но я чаще себе в редактор код копипащу, чтобы смотреть в привычной цветовой схеме. BTW, блокам с кодом бы кнопку для копирования всего содержимого.

покажи скрин plz

https://imgur.com/a/B71Acmb

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

Новая тема tango-auto (автоматическое переключение между тёмной и светлой темой)