Вキ
Мы с помощью цсс переменных сделали темную тему за 3 дня
Size: a a a
2021 March 24
В
Мы с помощью цсс переменных сделали темную тему за 3 дня
просто пособирали цвета в табличку и инвертнули их?
GM
повсюду ng-deep
ай ноу ват ю фил бро
E
повсюду ng-deep
у нас был ng-zorro, тоже повсюду ng-deep, но вот нам это недавно очень аукнулось(
GM
а ты вообще видел этот реп? Вообще не стоит в эту сторону копать? Я понимаю, что уже на старте идея выглядит, как нечто гадкое, но если делать из говна и палок и вчера, то..?
Не видеЛ. но это либо хитрожопый ход, либо большая глупость
GM
Мы с помощью цсс переменных сделали темную тему за 3 дня
Я на готовый проект навернул темную тему за 1 день (сделал просто миксин, который цвет инвертировал от глобального класса)
В
Не видеЛ. но это либо хитрожопый ход, либо большая глупость
понимаю.. проще в таком случае css переменные
Вキ
просто пособирали цвета в табличку и инвертнули их?
Нет, не просто ревертнули и не просто собрали
Я прошёлся структурной заменой по всем цсс файлам и вытащил от туда цвет + конекст в котором этот цвет применяется и дал названия
Потом сформировал карту цветов с названиями
Выбрал базовый цвет для темной темы и по формулам материала от базового цвета посчитал все цвета
Я прошёлся структурной заменой по всем цсс файлам и вытащил от туда цвет + конекст в котором этот цвет применяется и дал названия
Потом сформировал карту цветов с названиями
Выбрал базовый цвет для темной темы и по формулам материала от базового цвета посчитал все цвета
E
повсюду ng-deep
главное свои новые стили не пиши под стать старым
уноси патчи в глобальные стили, перебивай через тяжелые селекторы, жизнь станет проще
уноси патчи в глобальные стили, перебивай через тяжелые селекторы, жизнь станет проще
ДМ
повсюду ng-deep
Поэтому сменил работу?
Вキ
Я на готовый проект навернул темную тему за 1 день (сделал просто миксин, который цвет инвертировал от глобального класса)
Это неправильно) темная тема отличается от светлой
N👩
Поэтому сменил работу?
это на новой )
GM
Это неправильно) темная тема отличается от светлой
Ну почему же, у меня там была математика, и пару соответствий по цветам
GM
И получилась тема)
C
один из главных плюсов - размер css'a в бандле
из минусов - тяжко читать, дебажить с непривычки оч тяжело
из минусов - тяжко читать, дебажить с непривычки оч тяжело
еще один плюс: не нужно контролировать что там кодят другие люди.
помню как пришел на проект с бутстрапом на борту, а в кастомных стилях написано что-то вроде
помню как пришел на проект с бутстрапом на борту, а в кастомных стилях написано что-то вроде
.d-block { display: none !important;}GM
Я не говорю, что это правильно)
Вキ
Ну почему же, у меня там была математика, и пару соответствий по цветам
Если просто инвертнуть, то темная тема не получится
Сейчас ссылок дам
Сейчас ссылок дам
В
Нет, не просто ревертнули и не просто собрали
Я прошёлся структурной заменой по всем цсс файлам и вытащил от туда цвет + конекст в котором этот цвет применяется и дал названия
Потом сформировал карту цветов с названиями
Выбрал базовый цвет для темной темы и по формулам материала от базового цвета посчитал все цвета
Я прошёлся структурной заменой по всем цсс файлам и вытащил от туда цвет + конекст в котором этот цвет применяется и дал названия
Потом сформировал карту цветов с названиями
Выбрал базовый цвет для темной темы и по формулам материала от базового цвета посчитал все цвета
а структурной заменой это в данном случае что? Как? Не просто по файлам *.css в шторме регуляркой по цветам через ctrl+shift+f ?
E
еще один плюс: не нужно контролировать что там кодят другие люди.
помню как пришел на проект с бутстрапом на борту, а в кастомных стилях написано что-то вроде
помню как пришел на проект с бутстрапом на борту, а в кастомных стилях написано что-то вроде
.d-block { display: none !important;}тут соглы, единообразие один из плюсов
Вキ
а структурной заменой это в данном случае что? Как? Не просто по файлам *.css в шторме регуляркой по цветам через ctrl+shift+f ?
В вебшторме есть структурная замена