Monica Mohn

Мой взгляд, на истину не претендую:

Я сторонник того, что на клиенте вообще не стоит хранить большие объемы данных. Т.е. запрашивает только те, которые нам нужны для работы/отображения в конкретный момент. Все фильтры/сортировка/пагинация на стороне сервера. Понятно, что это не всегда возможно, поэтому идем дальше...

В хранении большого объема данных в редаксе не вижу ничего плохого, если они редко меняются. Если часто - неприятно, нужно поддерживать иммутабельность, затраты на garbage collector.
Плюсы - быстрый доступ до данных, т.к. хранятся они в памяти.
Минусы - поддержка иммутабельности и затраты на память.

Если уж отходить от редакса - можно воспользоваться каким-то стором на основе мутабельных объектов, например mobx.

Если всё это держать в памяти не хочется - то действительно можно взять IndexedDB. Хранится на диске, между перезагрузками сохраняется, асинхронное апи, есть индексы по полям. Нужно учесть, что на браузерах в режиме инкогнито может не работать или работать ограниченно (для предотвращения отслеживания).

Ну и, конечно, вопрос в объеме данных. Просто 2к объектов - не то, чтобы сильно много. Вопрос, насколько тяжелых объектов.

Проблема «бороды» на кроссе обычно возникает после многократных перекоммуникаций патчкордов, когда нужно сделать быстро и времени на красоту нет – в итоге спустя какое-то время получается полный писец. В один прекрасныяй момент, чтобы привести всё в порядок нужно просто всё перекоммутировать заново, заодно коммутационную таблицу для кросса составите :) И хоть времени это съест довольно немало – результат того стоит. Цветовую дифференциацию патчей можно не только на дату и войс, в 40+ юнитовом шкафу 2 цвета маловато – можно внести разделение по этажам, чет/нечет и т.д., на что фантазии хватит, главное все это задокументировать и придерживаться.

В css вы можете зацепиться за атрибут src изображения с помощью селектора атрибутов так:

header a > img[src$="day.jpg"] {...}
header a > img[src$="night.jpg"] {...}

Но вот выбрать рекурсивно родительский элемент, который хотите оформить в зависимости от значения атрибута src картинки — не получится. Выбрать родителя по селектору дочернего элемента на текущий момент используя только CSS нельзя.

Выше Zhainar дал ссылку на пример манипулирования элементом img в зависимости от определённых условий в родительском элементе. Скорее всего, это вам поможет.

Примерно так:
https://jsfiddle.net/z1190Lau/