LINUX.ORG.RU

Аналог препроцессора в CSS

 , , , ,


0

1

Пишу юзерстиль. Нужно заменить вхождения некоторого цвета (для маскировки условно он будет #ffffff) на другой.
То есть я хочу то, что в сишечке делается так:

#define #ffffff #000000
Да, я перекрашиваю интернеты в черный :)
Есть ли в CSS аналог этого? Какой-нибудь @define-color...
Гугл по запросам «css override colors» и похожим выдает результаты на левые CSS-ненужности.

★★★★★

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

Нет. Мне нужны не программы, а именно директива в юзерстиле, которая поменяет цвет. Я юзерстиль уже почти написал.

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

Я так и не понял что ты хочешь сделать. Если хочешь «перекрыть» цвет, то в своём стиле проставь !important в свойство, если хочешь переменные, то тебе нужен какой-нибудь less. Будешь собирать перед тем как вставить css.

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

Кажись, то, что надо! Спасибо!

Ты делаешь что-то не так, 99%! Говори что именно тебе нужно сделать, потому что это явно не правильный путь!

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

Короче, есть где-то в стиле страницы описание свойств с цветом #000040 и подобных. Мне нужно абсолютно все упоминания этого цвета покрыть #000000 в юзерстиле.

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

Короче, есть где-то в стиле страницы описание свойств с цветом #000040 и подобных. Мне нужно абсолютно все упоминания этого цвета покрыть #000000 в юзерстиле.

Зачем? Это крайне не правильно.

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

Тогда в юзерстиле придется переопределять свойство во всех элементах с этим цветом. Больше я думаю никак. В less ты можешь так же прописать переменную с цветом, но все равно придется свойства прописывать. Препроцессор просто это дело автоматизирует.

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

Ну блин :( Просто я не могу перекрасить все элементы. Почему то, что бы я ни перекрашивал, синие рамки соатются. Конкретно перекрашиваю LOR, тему Black.

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

В юзерстиле это именно правильно.

anonymous
()

Такого нет, ибо это был бы ад. Местами есть кастомные свойства («переменные»), но тебе они не помогут если на сайте ими не пользуются.

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

для маскировки условно он будет #ffffff

Конкретно перекрашиваю LOR, тему Black

Не, в разведку я с тобой не пойду… «Так он же на этом скачке расколется, редиска, при первом же шухере!» ©

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

Это юзерстиль, алло!

А все, я почему то подумал что ты для своего сайта... Так то да. !important тебе поможет.

abs ★★★
()

пиши юзер-скрипт

$("*").each( function () {
                if ($(this).css('background-color') == 'rgb(255, 136, 1)') {
                    $(this).css('background-color','green')
                } else {
                    console.log('nope')
                }
            })
Ford_Focus ★★★★★
()
Последнее исправление: Ford_Focus (всего исправлений: 1)
Ответ на: комментарий от DeadEye

Нужно будет жквери. И, кстати, тормозилово. CSS с !important куда быстрее будет.

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

да, запустится.
это проход по списку всех элементов.
хром отдаёт цвета в rgb, даже если ты ставил #??????.

не тормозит даже на сравнительно фичастой и большой странице. на AMD 2009 года

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

Все сработало, большое спасибо. Наслаждаюсь черно-серым ЛОРом)

DeadEye ★★★★★
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.