Изображение значка расширения в браузере

[881x113]

Установил вродебы пока что адекватный впн в яндекс, но то как визуально выглядит изображение значка расширения - это кровь из глаз, вот так выглядит


надо его в фотошопе исправить, но я его не нашёл в appdata, там есть только такие



где искать?  это изображение откуда-то берётся же

[bugmenot]

Не пользуйтесь ничем, что делает yandex, если вам ценна ваша приватность и личная информация, такой же шпионский зонд, как и mail.ru.

[881x113]

bugmenot, мне это пофиг , я из ЦРУ уже давно уволился, теперь на компе только иргули и порнушка, так что пусть смотрят, а что всё же с изображением значка, у фотошопа уже слюна течёт от этого изображения 

[HardWareMan]

881x113, без дикпика ничего не выйдет.

[881x113]

Знаю, что подобные вопросы почти всегда вызывают недоумение - работает же, какая разница как выглядит? Но вот есть разница, мне не всё равно на то как выглядит интерфейс

[Ogr]

Но вот есть разница, мне не всё равно на то как выглядит интерфейс

В директории установленного расширения ищешь значок в Общедоступном формате. Если такого не имеется, пытаешься гуглить инструментарий для чайников по разбору сбору Расширение. Если такого нету, тратишь 4—6 лет на изучение программирования и хаккинга после чего меняешь этот значок на нужный тебе … что, уже И тебе работает — и норм? 

[Sharpnull]

Иконка расширения: icon16.png, icon48.png, icon128.png. Пробовал в Opera. Чтобы изменить цвет и фон Off/On, нужно в js\popup.js найти function checkBudgeText() {. Было так:

Код: [Выделить]

function checkBudgeText() {
  chrome.action.getBadgeText({}, function (badgeText) {
    if (badgeText === 'On') {
      myMain.classList.add('connected')
      gradient.style.display = 'block'
      circle.style.animation = 'circle-progress 0s ease-out forwards'
      button.style.boxShadow = '0px -13px 53px 0px #34E99261'
      chrome.action.setBadgeTextColor({ color: '#34e992' })
      connectStatus.innerHTML = 'Вы подключены'
    } else {
      myMain.classList.remove('connected')
      gradient.style.display = 'none'
      connectStatus.textContent = 'Вы не подключены'
      chrome.action.setBadgeTextColor({ color: 'tomato' })
    }
  })
}

Цвет текста изменить в chrome.action.setBadgeTextColor, после них добавить строчку для фона:

Код: [Выделить]

chrome.action.setBadgeBackgroundColor({ color: 'НУЖНЫЙ ЦВЕТ' })Для примера такая функция checkBudgeText:

Код: [Выделить]

function checkBudgeText() {
  chrome.action.getBadgeText({}, function (badgeText) {
    if (badgeText === 'On') {
      myMain.classList.add('connected')
      gradient.style.display = 'block'
      circle.style.animation = 'circle-progress 0s ease-out forwards'
      button.style.boxShadow = '0px -13px 53px 0px #34E99261'
      chrome.action.setBadgeTextColor({ color: '#ffffff' })
      chrome.action.setBadgeBackgroundColor({ color: 'green' })
      connectStatus.innerHTML = 'Вы подключены'
    } else {
      myMain.classList.remove('connected')
      gradient.style.display = 'none'
      connectStatus.textContent = 'Вы не подключены'
      chrome.action.setBadgeTextColor({ color: 'blue' })
      chrome.action.setBadgeBackgroundColor({ color: 'yellow' })
    }
  })
}

С таким результатом:

Стоит учитывать кэш, у меня Opera после запуска ещё отображала старые цвета, но после нажатия на расширение становилось правильно. UPD: Для сброса кэша выкл. и вкл. расширение. Как вы поняли, после каждого обновления расширения придётся лезть в код.

[881x113]

Sharpnull, Спасибо, с иконкой всё элементарно, а с Off/On и с прямоугольником внутри которого эта надпись - тут я застрял, хочу полностью убрать этот прямоугольник с этими надписями Off/On а не изменить цвет. Может прозрачный цвет для этого использовать??? даже если да, то как такой цвет назвать текстом?

[Sharpnull]

Может прозрачный цвет для этого использовать???

Нельзя, по крайней мере здесь написано https://developer.chrome.com/docs/extensions/reference/api/action#method-setBadgeTextColor, что нельзя полностью прозрачный, можете попробовать [0,0,0,1] (без кавычек) и для setBadgeBackgroundColor, но у меня в Opera не получилось. Ещё возможно потребуется изменить в js\background.js. Чтобы убрать совсем текст, нужно установить пустую строку, но код завязан на этом, нужно переписывать, что не стоит того.