Need port 22px panel icons for 16px

[varlesh]

On Cinnamon use 16px icon for panel... Yes, i know on Cinnamon available option for change size panel, but this not good looking with enabled option "change text size too", because font very big.

[varlesh]

I think better solution - reduce icon area on 22px icon. It's universal method and very easy. @azadaquib you can help me :)

[varlesh]

indicator-keyboard-* icons not needed, because this icons not used on Cinnamon

[varlesh]

Example screenshot with Arc Dark and increase panel size with text option: Original size: See original size have blurred icon for kdeconnect, mintupdate and diodon on tray - because this 22px croped to 16px for panel.

[varlesh]

@SmartFinn What you think about that?

[varlesh]

if increase panel size without text option - this not worked for 3-d party apps... kdeconnect, mintupdate and diodon not change icon size :(

[DanyGee]

If you can explain what exactly needs to be done with the Icons maybe I can help. I got some graphical skills.

[SmartFinn]

@DanyGee most of the 22x22 panel icons have an object not bigger than 16x16. I can convert those icons to 16x16 icons with a script, but some icons have larger object size (for example, all dropboxstatus icons) and I don't know another way to convert these icons, except drawing a new one from scratch.

[varlesh]

@SmartFinn Привет Сереж, молодчик, что не даешь нашей теме помереть :+1: Я так, чисто забежал, вкинуть пару иконок...

[SmartFinn]

@varlesh Привет! Я уже понадеялся на возвращение :smile: Спасибо что вспонимаешь, а то как видишь без тебя не особо активно все развивается.

[SmartFinn]

@varlesh

да и собственно, порт из 24 в 22 самый легкий и быстрый. Смысла нет, мне проще нажать ctrl+shift+d поменять размер и сместить объекты, чем лезть в терминал и запускать скрипт.

Я для решения этой проблемы делал скрипт https://gist.github.com/SmartFinn/fc7ca00dd91a7e924fde5ca3cccfa14e. Только он не особо помог так как многие иконки выходят за рамки 16px.

d-параметр меняется же, думаю вряд ли это можно заскриптовать

Аргумент d можно менять, я можно не трогать. Хитрость в том что скрипт обходит все SVG файлы разгруппировывая группы и оставляет одну без аргументов, в которую я sed'ом добавляю аргумент transform и меняю width и height файла. Таким образов, в случае иконок панели, можно трансформировать 16px <=> 22px <=> 24px в любой последовательости. В конце скрипта комманда под комментарием # Apply transform разгруппировывает измененную группу и тем самым переносит изменения в аргумент d, но этого можно не делать.

Похожим образом можно организовать автоматическую трансформацию 48px => 24px => 22px, что отлично сработает для половины иконок, но для другой половины придется смещать объекты или в худщем случае перерисовывать чтобы выровнять по сетке.

[SmartFinn]

List of broken panel icons

- [ ] anatine-indicator.svg - [ ] anatine-notification.svg - [ ] autokey-status-error.svg - [ ] bluetooth-active.svg - [ ] bluetooth-disabled.svg - [ ] bluetooth-paired.svg - [ ] btsync-gui-0.svg - [ ] btsync-gui-10.svg - [ ] btsync-gui-11.svg - [ ] btsync-gui-1.svg - [ ] btsync-gui-2.svg - [ ] btsync-gui-3.svg - [ ] btsync-gui-4.svg - [ ] btsync-gui-5.svg - [ ] btsync-gui-6.svg - [ ] btsync-gui-7.svg - [ ] btsync-gui-8.svg - [ ] btsync-gui-9.svg - [ ] btsync-gui-disconnected.svg - [ ] bumblebee-indicator.svg - [ ] caps-lock-off.svg - [ ] caps-lock-on.svg - [ ] cisco-tray-reconnecting.svg - [ ] copy-error.svg - [ ] copy-insync.svg - [ ] copy-paused.svg - [ ] copy-sync1.svg - [ ] copy-sync2.svg - [ ] copy-sync3.svg - [ ] copy-sync4.svg - [ ] copy-sync5.svg - [ ] copy-sync6.svg - [ ] copy-sync7.svg - [ ] copy-sync8.svg - [ ] copy-update.svg - [ ] deluge-panel.svg - [ ] dropboxstatus-busy2.svg - [ ] dropboxstatus-busy.svg - [ ] dropboxstatus-idle.svg - [ ] dropboxstatus-logo.svg - [ ] dropboxstatus-x.svg - [ ] everpad-mono.svg - [ ] franz-attention-panel.svg - [ ] franz-panel.svg - [ ] gnome-pie-symbolic.svg - [ ] google-tasks-indicator-light-normal.svg - [ ] google-tasks-indicator-light-starred.svg - [ ] gpmdp-tray-pause.svg - [ ] gpmdp-tray-play.svg - [ ] gpmdp-tray.svg - [ ] hexchat-highlight.svg - [ ] hexchat-indicator.svg - [ ] hipchat4-attention.svg - [ ] hipchat4.svg - [ ] hp-indicator.svg - [ ] indicator-cpufreq.svg - [ ] indicator-lunar-satelite.svg - [ ] indicator-lunar.svg - [ ] indicator-messages-new.svg - [ ] indicator-sensors-gpu.svg - [ ] indicator-workspaces-1.svg - [ ] indicator-workspaces-2.svg - [ ] indicator-workspaces-3.svg - [ ] indicator-workspaces-4.svg - [ ] indicator-workspaces-5.svg - [ ] indicator-workspaces-6.svg - [ ] indicator-workspaces-7.svg - [ ] indicator-workspaces-8.svg - [ ] input-touchpad-off.svg - [ ] input-touchpad-on.svg - [ ] keepassx-indicator.svg - [ ] keepassx-locked.svg - [ ] keyboard-battery-caution.svg - [ ] keyboard-battery-empty.svg - [ ] keyboard-battery-full.svg - [ ] keyboard-battery-good.svg - [ ] keyboard-battery-low.svg - [ ] keyboard-battery-medium.svg - [ ] krudiotray-light-off22.svg - [ ] krudiotray-light-on22.svg - [ ] laptop-connected.svg - [ ] laptop-disconnected.svg - [ ] laptop-trusted.svg - [ ] mouse-battery-caution.svg - [ ] mouse-battery-empty.svg - [ ] mouse-battery-full.svg - [ ] mouse-battery-good.svg - [ ] mouse-battery-low.svg - [ ] mouse-battery-medium.svg - [ ] mullvadr.svg - [ ] mullvady.svg - [ ] network-cellular-offline.svg - [ ] network-wireless-offline.svg - [ ] nm-tech-3g.svg - [ ] nm-tech-4g.svg - [ ] nm-tech-cdma-1x.svg - [ ] nm-tech-edge.svg - [ ] nm-tech-evdo.svg - [ ] nm-tech-gprs.svg - [ ] nm-tech-umts.svg - [ ] notes.svg - [ ] nylas-tray-empty.svg - [ ] nylas-tray-full-newitems.svg - [ ] nylas-tray-full.svg - [ ] octopi-error.svg - [ ] octopi-indicator.svg - [ ] octopi-info.svg - [ ] phone-battery-caution.svg - [ ] phone-battery-empty.svg - [ ] phone-battery-full.svg - [ ] phone-battery-good.svg - [ ] phone-battery-low.svg - [ ] phone-battery-medium.svg - [ ] pomodoro-indicator-light-00.svg - [ ] pomodoro-indicator-light-01.svg - [ ] pomodoro-indicator-light-02.svg - [ ] pomodoro-indicator-light-03.svg - [ ] pomodoro-indicator-light-04.svg - [ ] pomodoro-indicator-light-05.svg - [ ] pomodoro-indicator-light-06.svg - [ ] pomodoro-indicator-light-07.svg - [ ] pomodoro-indicator-light-08.svg - [ ] pomodoro-indicator-light-09.svg - [ ] pomodoro-indicator-light-10.svg - [ ] pomodoro-indicator-light-11.svg - [ ] pomodoro-indicator-light-12.svg - [ ] pomodoro-indicator-light-13.svg - [ ] pomodoro-indicator-light-14.svg - [ ] pomodoro-indicator-light-15.svg - [ ] pomodoro-indicator-light-16.svg - [ ] pomodoro-indicator-light-17.svg - [ ] pomodoro-indicator-light-18.svg - [ ] pomodoro-indicator-light-19.svg - [ ] pomodoro-indicator-light-20.svg - [ ] pomodoro-indicator-light-21.svg - [ ] pomodoro-indicator-light-22.svg - [ ] pomodoro-indicator-light-23.svg - [ ] pomodoro-indicator-light-24.svg - [ ] pomodoro-indicator-light-25.svg - [ ] pomodoro-indicator-light-26.svg - [ ] pomodoro-indicator-light-27.svg - [ ] pomodoro-indicator-light-28.svg - [ ] pomodoro-indicator-light-29.svg - [ ] pomodoro-indicator-light-30.svg - [ ] pomodoro-indicator-light-31.svg - [ ] pomodoro-indicator-light-32.svg - [ ] pomodoro-indicator-light-33.svg - [ ] pomodoro-indicator-light-34.svg - [ ] pomodoro-indicator-light-35.svg - [ ] pomodoro-indicator-light-36.svg - [ ] pomodoro-indicator-light-37.svg - [ ] pomodoro-indicator-light-38.svg - [ ] pomodoro-indicator-light-39.svg - [ ] pomodoro-indicator-light-40.svg - [ ] pomodoro-indicator-light-41.svg - [ ] pomodoro-indicator-light-42.svg - [ ] pomodoro-indicator-light-43.svg - [ ] pomodoro-indicator-light-44.svg - [ ] pomodoro-indicator-light-45.svg - [ ] pomodoro-indicator-light-46.svg - [ ] pomodoro-indicator-light-47.svg - [ ] pomodoro-indicator-light-48.svg - [ ] pomodoro-indicator-light-49.svg - [ ] pomodoro-indicator-light-50.svg - [ ] pomodoro-indicator-light-51.svg - [ ] pomodoro-indicator-light-52.svg - [ ] pomodoro-indicator-light-53.svg - [ ] pomodoro-indicator-light-54.svg - [ ] pomodoro-indicator-light-55.svg - [ ] pomodoro-indicator-light-56.svg - [ ] pomodoro-indicator-light-57.svg - [ ] pomodoro-indicator-light-58.svg - [ ] pomodoro-indicator-light-59.svg - [ ] pomodoro-indicator-light-60.svg - [ ] pomodoro-indicator-light-61.svg - [ ] pomodoro-start-light.svg - [ ] pomodoro-stop-light.svg - [ ] pragha-panel.svg - [ ] prime-intel.svg - [ ] prime-nvidia.svg - [ ] pushbullet-indicator-disabled.svg - [ ] pushbullet-indicator-light.svg - [ ] pushbullet-indicator-paused.svg - [ ] pushbullet-indicator-sync0-light.svg - [ ] pushbullet-indicator-sync1-light.svg - [ ] pushbullet-indicator-sync2-light.svg - [ ] pushbullet-indicator-sync3-light.svg - [ ] radiotray_connecting.svg - [ ] radiotray_off.svg - [ ] radiotray_on.svg - [ ] rambox-indicator.svg - [ ] rambox-notification.svg - [ ] remmina-panel.svg - [ ] rhythmbox-playing.svg - [ ] screencloud-idle.svg - [ ] screencloud-uploading.svg - [ ] scudcloud-attention.svg - [ ] scudcloud.svg - [ ] seafile-status-error.svg - [ ] seafile-status-notification.svg - [ ] seafile-status-offline.svg - [ ] seafile-status-ok.svg - [ ] seafile-status-paused.svg - [ ] seafile-status-syncing-1.svg - [ ] seafile-status-syncing-2.svg - [ ] sflphone-offline.svg - [ ] shutter-panel.svg - [ ] slack-indicator.svg - [ ] slack-indicator-unread.svg - [ ] steadyflow-alert-panel.svg - [ ] steadyflow-panel.svg - [ ] stremio-tray.svg - [ ] synergy-panel-ok.svg - [ ] tablet-connected.svg - [ ] tablet-disconnected.svg - [ ] tablet-trusted.svg - [ ] teamviewer-indicator-away.svg - [ ] teamviewer-indicator-busy.svg - [ ] teamviewer-indicator-connected.svg - [ ] telegram-attention-panel.svg - [ ] telegram-mute-panel.svg - [ ] telegram-panel.svg - [ ] trimage-indicator.svg - [ ] ubuntuone-client-error.svg - [ ] ubuntuone-client-idle.svg - [ ] ubuntuone-client-offline.svg - [ ] ubuntuone-client-paused.svg - [ ] ubuntuone-client-updating.svg - [ ] viber-normal.svg - [ ] viber-notification.svg - [ ] vivaldi-tray.svg - [ ] weather-few-clouds-night.svg - [ ] weather-few-clouds.svg - [ ] weather-fog.svg - [ ] weather-storm.svg - [ ] weather-windy.svg - [ ] whatsapp-tray.svg - [ ] whatsie-tray.svg - [ ] workrave-indicator-quiet.svg - [ ] workrave-indicator-suspended.svg - [ ] xfce4-whiskermenu.svg - [ ] yd-busy1.svg - [ ] yd-ind-error.svg - [ ] yd-ind-idle.svg - [ ] yd-ind-pause.svg - [ ] youtube-indicator-downloading-light.svg - [ ] youtube-indicator-light-disabled.svg - [ ] youtube-indicator-light.svg - [ ] youtube-indicator-light-sync0.svg - [ ] youtube-indicator-light-sync1.svg - [ ] youtube-indicator-light-sync2.svg - [ ] youtube-indicator-light-sync3.svg - [ ] youtube-indicator-light-sync4.svg - [ ] youtube-indicator-light-sync5.svg

[varlesh]

@SmartFinn Буду потихоньку фиксить в грязном виде, потом почистим...

[varlesh]

https://github.com/PapirusDevelopmentTeam/papirus-icon-theme/commit/1d3f5eca998e6aa1758b269e3ba8c27cd8b9c625

[varlesh]

@SmartFinn Привет Сереж. Вроде как всё, код почистил. Надо терь проверять

[SmartFinn]

@varlesh Привет! Маштабная работа :+1: Я еще пройдусь поровняю некоторые объекты.

[varlesh]

@SmartFinn Там погоду надо еще по хорошему уменьшить, но в принципе и так сойдет ))

[SmartFinn]

@varlesh да и так пойдет. У нас и в 22px panel иконки тоже имеют разную высоту-ширину и выглядит это нормально.

[varlesh]

надо не забыть в index.theme добавить и tools обновить

[varlesh]

пойду index.theme править...

[SmartFinn]

@varlesh а не рано? Мы же еще не скопировали.

[varlesh]

а ниче страшного

[SmartFinn]

@varlesh indicator-workspaces-*.svg отсутствуют. Из 22px взять?

[varlesh]

@SmartFinn Да, возьми пока от туда

[varlesh]

@SmartFinn Поправил index.theme, добавил папки panel + для Papirus-Light переделал симлинки

[SmartFinn]

@varlesh ага, вижу. Нужно хук для пакетов добавить (9 часов осталось).

[varlesh]

Я еще пройдусь поровняю некоторые объекты.

Там смотри, некоторые значки специально смещены влево, так как индикатор нотификации не вмещается

[varlesh]

К примеру, wire-tray

[SmartFinn]

@varlesh это понятно, я про дроби, чтобы типа 16.000002 не было.

[varlesh]

Ох да, это дебильный баг инкскейпа. Еще бесит когда он при существующем fill добавляет еще color или наоборот (когда цвет меняешь)

[varlesh]

@SmartFinn Сереж, а ты только индикатор раскладки делетнул или еще что-то с панели?

[SmartFinn]

@varlesh удалил только по маске indicator-keyboard-*.svg, вроде ничего другого не задел.

[varlesh]

ага, отлично. Ну всё вроде значит. Ты как закончишь, стукни. Я потом пофиксю значки из https://github.com/PapirusDevelopmentTeam/papirus-icon-theme/issues/784

[SmartFinn]

@varlesh с погодой проблемы, она в списке тех кто из квадрата 16x16 вылазит. Заменю из symbolic какие смогу.

Я потом пофиксю значки из #784

Ты их перерисовывать хочешь, или из 16x16 трансформировать? Если что я ж могу легко это сделать.

[varlesh]

Ты их перерисовывать хочешь, или из 16x16 трансформировать? Если что я ж могу легко это сделать.

Перерисовать, подправить. В 16px уже все сделано.

с погодой проблемы, она в списке тех кто из квадрата 16x16 вылазит. Заменю из symbolic какие смогу.

Погоди, я ща гляну

[varlesh]

weather-fog вроде только

[SmartFinn]

weather-fog вроде только

Технически там след. не влазят:

• weather-few-clouds-night.svg
• weather-few-clouds.svg
• weather-fog.svg
• weather-storm.svg
• weather-windy.svg

Это по значениям из d=""

[varlesh]

@SmartFinn Ну визуально вот weather-few-clouds влазиет же

[varlesh]

ща поправлю...

[SmartFinn]

@varlesh если сдиг в -0.004 убрать — то да :)

[varlesh]

пофиксил вроде

[SmartFinn]

@varlesh с баттареями в mouse-battery-*, phone-battery-full-*, keyboard-battery-full.svg косяк, везде ColorScheme-Highlight и opacity в некоторых 0.35. Правлю.

[varlesh]

@SmartFinn ага правь, я не проверял прозрачность

[SmartFinn]

@varlesh стоп, правильное значение opacity 0.3 или 0.35? Часть с 0.35 в panel_16 из 22x22/panel прилетело.

[varlesh]

30% везде мы юзаем

[varlesh]

я хз откуда 35% взялось. С папер наверн прилетело

[SmartFinn]

@varlesh ок, я уже начал сомневатся. Надо будет рекурсивно по всему пройтись и поправить.

[SmartFinn]

@varlesh я закончил. Остальное буду постепенно править, сразу за раз не получится.

Скрипты я подготовил. Создай все нужные папки если еще не сделал и конвертируй. Симлинки сразу в work/Papirus/panel скопируй чтобы потом не мучатся:

cd tools/work/Papirus/panel
find ../../../../Papirus/22x22/panel/ -type l -print | sed -e '/indicator-keyboard-/d' | xargs cp -at .
rename 's/\.svg$/\@16x16.svg/g' *.svg

потом поверх иконки из panel_16 и дальше стандартно ./convert.sh и ./put-into-theme.sh.

[varlesh]

ок

[varlesh]

@SmartFinn Я короче застрял с батареями и телефонами... Там походу симлинки разные чтоль

[varlesh]

'./Papirus/panel/phone-battery-full@16x16.svg' -> './../../Papirus/16x16/panel/phone-battery-full.svg'
cp: невозможно создать обычный файл './../../Papirus/16x16/panel/phone-battery-full.svg': Нет такого файла или каталога

Батарею я помнится фиксил для ePapirus недавно, там symbolic юзается в панели вроде размером в 24px