Как получить состояние элементов в popup.html для js в "content_scripts"?

Александр, спасибо за наработки и ссылки!

Уже пробую, работает.

Как получить состояние элементов в popup.html для js в "content_scripts"?

Александр, Не получилось разобраться.
Пробую уйти в использование
"options_page": "options.html",
Вместо popup, с таким же смыслом, связь между JS в options.html и config.js
Результата нет.

Все гайды и примеры которые представлены не дают полную картину, только фрагменты кода.

Как получить состояние элементов в popup.html для js в "content_scripts"?

Александр, интересно, много важной информации, спасибо!

Но, все еще не нашел возможность обойти или альтернативу "не имеют доступа друг ко другу напрямую.".
Пробовал через storage, sendMessagы всякие, chrome.tabs, другие всякие варианты из интернета.

Собственно это и есть мой вопрос: "в вашем случае лучше всего напрямую взаимодействовать" - КАК ?
Если "не имеют доступа друг ко другу напрямую.".

Как получить состояние элементов в popup.html для js в "content_scripts"?

Александр, да, примерно следующее:
- при запуске страницы происходит инициализация плагина (расширения)
- файл config.js взаимодействует с страницей на которой произошла инициализация
- файл popup.html содержит чекбоксы (настройки) исходя из которых работает функционал в config.js

Проблема в том, что config.js не получает значения/состояния чекбоксов из popup.html

Как получить состояние элементов в popup.html для js в "content_scripts"?

Александр, В таком случае нельзя будет обратиться к элементам на странице которой инициализируется плагин (расширение)

Как отследить модальное окно страницы в расширении chrome?

dollar, а если наоборот, получить состояние элементов (инпутов) в popup.html который указан в "action" и передать все это дело в "content_scripts", или неверная реализация?

Как правильно указать сочетание символа # и кода цвета?

Александр, а вот оно и решение задачи -

без решетки это просто набор симфолов

.
То есть код цвета нужно оформить в строку.

Спасибо за помощь)

Как правильно указать сочетание символа # и кода цвета?

Александр, так получилось в проекте, что следует избежать этого приема.
Первый раз за много лет :)
Зачем?
Для использования в функции чистого цвета без указания #

Отдельный класс в html или миксин scss?

Alex Krynytskyi, нет, с этим не подскажу если в плане автоматизации.

Но, можете прогнать свой итоговый css код через
www.codebeautifier.com

Как сделать подобный слайдер на Swiper.js?

The_KEK, если в наличии есть макет данной карусели, возьмите иконки из макета.
Если иконок нет, можно найти похожие в интернете на разных сайтах.

Далее попробуйте сделать верстку, а по ходу дела уже спрашивайте.
Вы ведь не хотите, что бы тут вам дали полноценный код кнопок :)

Как сделать подобный слайдер на Swiper.js?

The_KEK, в чем именно трудность, подключении кнопок к слайдеру или самой верстке кнопок?

Отдельный класс в html или миксин scss?

Alex Krynytskyi, Не понял вопроса.
Опишите пожалуйста подробней, в каком смысле "медиа запросы не плодило" ?

Отдельный класс в html или миксин scss?

Alex Krynytskyi, я бы оформил в одном из следующих вариантов:

//вариант 1
%container{
	max-width:1400px;

	@media (max-width:1400px){
		max-width:1100px;
	}
}
.about{
	@extend %container;
}
.faq{
	@extend %container;
}

//вариант 2
.container{
	max-width:1400px;

	@media (max-width:1400px){
		max-width:1100px;
	}
}
.about{

}
.faq{

}

Какой точка @media для Samsung Galaxy S22?

Алексей, Не за что!

Использую в зависимости от ЦА (Целевая аудитория).
В разных продуктах/странах она разная.

Берите за основу свою ЦА продукта/сайта.
Если таковой нет, обратите внимание на статистику, например:
- брекпоинты 2021 года
https://almanac.httparchive.org/en/2021/css#common...
- статистика экранов устройств (доступны фильтры)
https://gs.statcounter.com/platform-market-share/d...

Какой точка @media для Samsung Galaxy S22?

Алексей, записей множество, я использую такую:
@media screen and (max-width:360px)
Пробуйте.

И старайтесь не писать брекпоинты под каждый телефон, делайте более гибко, ориентируйтесь на брекпоинты устройств по статистике использования таковых.

Как реализовать такую анимацию фона?

Игорь Луговской, сделайте сами по описанному мною альтернативному варианту.

Как создать внутреннею решетку на css, чтобы она была динамической?

Александр, в обоих вариантах данный момент реализуем.

Почему верстка отличается от figma?

DiziBreath вернуть масштабирование в браузере к стандартному можно с помощью одновременно нажатых клавиш ctrl 0

Как fancybox запредтить автовоспроизведение видео?

IliaMal, Давайте подробней разбирать.
Как происходит инициализация, тег video добавляется во время открытия лайтбокса?

Почему верстка отличается от figma?

DiziBreath, Не за что!

Можете сбросить скриншот css который предлагает figma, выложите тут, посмотрим вместе.