UI Кнопка пипетки при создании темы (2.0)

Сделал скрипт который добавляет палитру, в этой теме опишу как и что.
Теперь вы можете выбрать нужный цвет не используя сторонние сайты. Я часто добавляю цвета в свои темы, и мне неудобно каждый раз открывать стороннюю онлайн-палитру, загружать туда скрин, искать цвет, потом снова переходить на лолз. Всё это теперь есть тут.

Скачать
TamperMonkey - Chrome/Opera | Opera | Firefox | Microsoft Edge
Сам скрипт: - https://greasyfork.org/ru/scripts/525779-пипетка ​

История обновлений

1.0 - сам скрипт. 03.02.2025
1.02 - пофиксил главный баг - при вызове пипетки тема больше не создаётся сама. Добавлено свободное перетаскивание главного окна по экрану.
1.03 - фикс главного окна, когда окно растягивалась, а вместе с ним и картинка ломалась. Добавил перемещение изображения на ЛКМ, добавил растяжение окна. Перенёс HEX-номер и кнопку "Скопировать" вниз, ранее была вверху. Убрал перетаскивание главного окна из-за корявой работы.
1.05 - добавил зум изображения. Выложил на GreasyFork и лолз.

1.1 - добавил два функц. окна под HEX-номер, одно отображает цвет который выбрали, второе показывает цвет в режиме IRL.

1.2 - добавил возможность перемещать окно по экрану. Теперь главное окно не привязано к определенной точке.
1.21 - ограничил зону перемещения, чтобы переместить окно - нужно зажать верхнюю часть (аналогия с браузерами, и тд). Добавил ограничения границ экрана, без которых окно залезало под панель закладок
1.23 - изменил крестик на красный

1.3 - теперь при закрытии главного окна картинка не пропадает, а остаётся там. Добавил автокопирование, при выборе цвета - он автоматически копируется.
1.31 - убрал кнопку "Скопировать" ибо не нужна. убрал автокопирование символа #

2.0 - убрал авто-копирование номера. Теперь цвет автоматически будет применяться к выделенному тексту. Добавил кнопку "Скопировать" если нужен hex-номер. Стилизовал кнопки, идея eternal

Теперь на лолзе при создании темы есть кнопка с пипеткой на панели.

кнопка

Нажимаете на пипетку - открылось окно - загрузили картинку.
Выделяете текст который нужно скопировать -> выбираете нужный цвет - цвет применяется автоматически.

Окно

Функционал​

Справа в верхнем углу крестик закрывает пипетку и окно.
Изображение можно приближать/отдалять колёсиком мыши.
Изображение можно перемещать по области, зажав ЛКМ*
Главное окно можно растягивать как душе угодно, достаточно потянуть за правый нижний угол.
2 окошка (левее окна с номером цвета) в которых отображаются цвета. Левое окошко - цвет, который вы выбрали. Правое - цвет отображается в режиме реального времени (т.е. на котором находится курсор).
Главное окно можно свободно перемещать по экрану.
Автокопирование цвета, при его выборе. HEX номер сразу копируется в буфер обмена. Удалено
При нажатии на зелёную кнопку - HEX-номер копируется. Зачем? Пусть будет.

Будущие фичи:
–Отдельное мини-окошко рядом с HEX-номером, в котором будет цвет, который вы выбрали.
–Возможность свободного перетаскивания окна по экрану
–Стилизация кнопок. Идея - eternal
–Возможность добавления картинки через URL ссылку


*Известные проблемы которые будут исправлены позже:
*С перемещением изображения баг. При зажатой ЛКМ оно двигаться не будет. Чтобы двигать картинку нужно: 1) Зажать ЛКМ и двинуть в сторону. 2) отпустить ЛКМ - мышка "хватает" картинку, и далее можно двигать без удерживания ЛКМ. Почему так - я не знаю, фиксить не интересно.