Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

wrong panel CSS Class #343

Closed
varlesh opened this issue Feb 19, 2017 · 89 comments
Closed

wrong panel CSS Class #343

varlesh opened this issue Feb 19, 2017 · 89 comments

Comments

@varlesh
Copy link
Contributor

varlesh commented Feb 19, 2017

@SmartFinn у Dark и Light неправильные классы, в work кстати тоже.... Как я это прошляпил - хз!

neon@neon:~/papirus-icon-theme/Papirus-Dark/22x22/panel$ grep -rl 'class="ColorScheme-ButtonBackground"'
whatsapp-tray.svg
wechat-tray.svg
wechat-tray-unread.svg
weather-storm.svg
weather-snow.svg
weather-snow-scattered.svg
weather-snow-rain.svg
weather-showers.svg
weather-showers-scattered.svg
weather-severe-alert.svg
weather-overcast.svg
weather-none-available.svg
weather-hail.svg
weather-freezing-rain.svg
weather-fog.svg
weather-few-clouds.svg
weather-few-clouds-night.svg
weather-clouds.svg
weather-clouds-night.svg
weather-clear.svg
weather-clear-night.svg
vivaldi-tray.svg
systray_reconnecting.svg
systray_quarantined.svg
systray_notconnected.svg
systray_disconnecting.svg
systray-connected.svg
steam_tray_mono.svg
simplescreenrecorder-recording.svg
simplescreenrecorder-paused.svg
simplescreenrecorder-panel.svg
pushbullet-indicator-paused.svg
pushbullet-indicator-disabled.svg
network-wireless-signal-ok.svg
network-wireless-signal-none.svg
network-wireless-signal-low.svg
network-wireless-signal-good.svg
network-wireless-signal-excellent.svg
network-wireless-secure-signal-ok.svg
network-wireless-secure-signal-none.svg
network-wireless-secure-signal-low.svg
network-wireless-secure-signal-good.svg
network-wireless-secure-signal-excellent.svg
network-wireless-offline.svg
network-wireless-no-route.svg
network-wireless-hotspot.svg
network-wireless-connected.svg
network-wireless-acquiring.svg
lyricfier-tray.svg
livewallpaper-indicator.svg
kazam-stopped.svg
kazam-countdown.svg
indicator-keyboard-Zh.svg
indicator-keyboard-Yo.svg
indicator-keyboard-Xs.svg
indicator-keyboard-Wo.svg
indicator-keyboard-Vi.svg
indicator-keyboard-Uz.svg
indicator-keyboard-Ur.svg
indicator-keyboard-Uk.svg
indicator-keyboard-Tr.svg
indicator-keyboard-Tn.svg
indicator-keyboard-Tk.svg
indicator-keyboard-Th.svg
indicator-keyboard-Tg.svg
indicator-keyboard-Te.svg
indicator-keyboard-Ta.svg
indicator-keyboard-Sy.svg
indicator-keyboard-Sw.svg
indicator-keyboard-Sv.svg
indicator-keyboard-Sr.svg
indicator-keyboard-Sq.svg
indicator-keyboard-Sl.svg
indicator-keyboard-Sk.svg
indicator-keyboard-Si.svg
indicator-keyboard-Sd.svg
indicator-keyboard-Sa.svg
indicator-keyboard-Ru.svg
indicator-keyboard-Ro.svg
indicator-keyboard-Pt.svg
indicator-keyboard-Ps.svg
indicator-keyboard-Pl.svg
indicator-keyboard-Ph.svg
indicator-keyboard-Pa.svg
indicator-keyboard-Or.svg
indicator-keyboard-No.svg
indicator-keyboard-Nl.svg
indicator-keyboard-Ne.svg
indicator-keyboard-My.svg
indicator-keyboard-Mt.svg
indicator-keyboard-Mr.svg
indicator-keyboard-Mn.svg
indicator-keyboard-Ml.svg
indicator-keyboard-Mk.svg
indicator-keyboard-Mi.svg
indicator-keyboard-Md.svg
indicator-keyboard-Lv.svg
indicator-keyboard-Lt.svg
indicator-keyboard-Lo.svg
indicator-keyboard-Ku.svg
indicator-keyboard-Ko.svg
indicator-keyboard-Kn.svg
indicator-keyboard-Km.svg
indicator-keyboard-Kk.svg
indicator-keyboard-Ki.svg
indicator-keyboard-Ka.svg
indicator-keyboard-Ja.svg
indicator-keyboard-It.svg
indicator-keyboard-Is.svg
indicator-keyboard-In.svg
indicator-keyboard-Ik.svg
indicator-keyboard-Ig.svg
indicator-keyboard-Ie.svg
indicator-keyboard-Hy.svg
indicator-keyboard-Hu.svg
indicator-keyboard-Hr.svg
indicator-keyboard-Hi.svg
indicator-keyboard-He.svg
indicator-keyboard-Ha.svg
indicator-keyboard-Gu.svg
indicator-keyboard-Gr.svg
indicator-keyboard-Ga.svg
indicator-keyboard-Fr.svg
indicator-keyboard-Fo.svg
indicator-keyboard-Fi.svg
indicator-keyboard-Ff.svg
indicator-keyboard-Fa.svg
indicator-keyboard-Et.svg
indicator-keyboard-Es.svg
indicator-keyboard-Eo.svg
indicator-keyboard-En.svg
indicator-keyboard-Ee.svg
indicator-keyboard-Dz.svg
indicator-keyboard-Dv.svg
indicator-keyboard-De.svg
indicator-keyboard-Da.svg
indicator-keyboard-Cs.svg
indicator-keyboard-Cr.svg
indicator-keyboard-Cm.svg
indicator-keyboard-Ch.svg
indicator-keyboard-By.svg
indicator-keyboard-Bs.svg
indicator-keyboard-Br.svg
indicator-keyboard-Bn.svg
indicator-keyboard-Bm.svg
indicator-keyboard-Bg.svg
indicator-keyboard-Be.svg
indicator-keyboard-Az.svg
indicator-keyboard-Av.svg
indicator-keyboard-Ar.svg
indicator-keyboard-Am.svg
indicator-keyboard-Ak.svg
harmony-tray.svg
hangouts-working.svg
hangouts-offline.svg
hangouts-notification.svg
hangouts-available.svg
gpmdp-tray.svg
gpmdp-tray-play.svg
gpmdp-tray-pause.svg
caffeine-cup-full.svg
caffeine-cup-empty.svg
btsync-gui-paused.svg
bitcoin-indicator.svg
neon@neon:~/papirus-icon-theme/Papirus-Dark/22x22/panel$ 
@varlesh varlesh added the bug label Feb 19, 2017
@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

В панели для полностью Light и Dark не должно быть класса class="ColorScheme-ButtonBackground. Должен юзаться class="ColorScheme-Text"

@SmartFinn
Copy link
Member

Ага, вижу, могу поправить.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

Как мы это прошляпили?

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

Там по хорошему надо еще и все остальные проверить

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

@SmartFinn Там надо заменить тоько class="ColorScheme-ButtonBackground" на class="ColorScheme-Text"

@SmartFinn
Copy link
Member

@varlesh да уж, немало

$ > rg -l 'class="ColorScheme-ButtonBackground"' | wc -l 
1327
$ > 

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

там по типу этого поменять класс только для Dark в панели 22 и 24, потом тупо скопировать в Light с заменой и также поменять цвет:

grep -rl class="ColorScheme-ButtonBackground" | xargs sed -i -e 's/class="ColorScheme-ButtonBackground"/class="ColorScheme-Text"/g'

но ты же знаешь, я ща с этими ковычками застряну надолго ))

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

@SmartFinn вот так вроде сработало:

grep -rl ButtonBackground | xargs sed -i -e 's/class="ColorScheme-ButtonBackground"/class="ColorScheme-Text"/g'

@SmartFinn
Copy link
Member

@varlesh да все проще

sed -i '/class="ColorScheme-ButtonBackground"/ s/ColorScheme-ButtonBackground/ColorScheme-Text/g' **/*.svg(.)

чуть-чуть магии zsh.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

Отлично, теперь Dark

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

@SmartFinn Молодец, быстро ты 👍 Там скрипты наверн надо еще проверить

@SmartFinn
Copy link
Member

@varlesh а с ePapirus что делать? Там по сути на этом все завязано.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

ePapirus - это же Papirus, ток с другими цветами

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

Papirus/ePapirus - темная панель, светлые окна. В остальных везде монохром с class="ColorScheme-Text"

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

Проверил grep -rl 'class="ColorScheme-Text"' в Papirus и ePapirus - всё чисто

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

баг чисто случайно нашел, сижу в неоне смотрю значок обновлений светлый... не фига не пойму. Потом открыл исходник, смотрю а там класс кнопки фона стоит:
image

@SmartFinn
Copy link
Member

@varlesh cкрипты посмотрю, может в _fix_color_scheme.sh отдельные правила для Papirus-Light и ePapirus добавлю если придется.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

я пойду заменю шаблоны пока

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

фпофиксил 79c3255

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

@varlesh cкрипты посмотрю, может в _fix_color_scheme.sh отдельные правила для Papirus-Light и ePapirus добавлю если придется.

Почему ты про ePapirus говоришь, я не пойму? ePapirus - это тот же Papirus, только с другими оттенками цветов, классы идентичны. В Papirus/ePapirus юзается только для панели class="ColorScheme-ButtonBackground", в остальном всё одинаково

@SmartFinn
Copy link
Member

@varlesh отлично, проверь еще в шаблонах чтобы CSS не отличались в рамках одной темы. В ePapirus, например, actions и devices - разные.

В Papirus/ePapirus юзается только для панели class="ColorScheme-ButtonBackground", в остальном всё одинаково

Я это забыл просто.

@SmartFinn
Copy link
Member

SmartFinn commented Feb 19, 2017

@varlesh panel и actions/devices прощу прощения.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

ок, ща проверю. Со скриптами вроде всё норм, я так бегло глянул... у тебя же по цвету все сделано

@SmartFinn
Copy link
Member

В Papirus, Papirus-Dark и Papirus-Light с CSS все в порядке. Нужно только для ePapirus объединить и прописать.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

вроде сделал ef8e1b4

@SmartFinn
Copy link
Member

@varlesh ок, проверю еще CSS в основной теме и на единую заменю если надо.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

там в actions были разные css емнип

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

или только по actions прошелся?

@SmartFinn
Copy link
Member

@varlesh постой, ePapirus я уже посикфил, в Dark один паттерн забыл обработать, а Light сам сделаю.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

в Dark надо удалить из панели .ColorScheme-ButtonBackground { color:#d3dae3; }

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

@SmartFinn и еще пропустил Papirus-Dark/16x16/extra/clementine

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

@SmartFinn Как закончишь скажи, там еще надо пофиксить
16x16/extra/clementine/as_disabled.svg
16x16/extra/clementine/as_light.svg
16x16/extra/clementine/as.svg

@SmartFinn
Copy link
Member

@varlesh вроде закончил

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

Красавчик, я ща клементин экстра проверю

varlesh added a commit that referenced this issue Feb 19, 2017
@SmartFinn
Copy link
Member

@varlesh ах, одного не учли, скрипты convert-to-dark.sh и convert-to-light.sh не будут удалять класс .ColorScheme-ButtonBackground, и не думаю что будет правильно их этому учить.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

а почему не правильно? мы же с тобой опять потеряем унификацию

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

оно же всегда у нас портируется в строгом порядке, я не вижу ничего криминального в удалении этой строчки...

@SmartFinn
Copy link
Member

В этом случае если прогнать иконку из Papirus/panel через эти скрипты она обязательно сломается.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

ну мы тогда унификацию ломаем. Может для дарк и лайт какие костыли придумать или методы обхода

@SmartFinn
Copy link
Member

Правильно наверное какой-нибудь warning выдавать на такие случаи. Автоматизировать врядли получится.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

я все-таки не понимаю почему будут проблемы с panel, ведь по сути просто удаляется паттерн, который не используется. Почему оно ломать ее будет? Там же меняется и цвет и класс

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

типа двойной проход - сначала замена класса, потом замена цвета ну третье это удаление ненужного класса

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

костыль тольк для Dark к примеру, а Light достаточно инверсии цветов из Dark

@SmartFinn
Copy link
Member

SmartFinn commented Feb 19, 2017

Если удалять то получим такой файл:

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="22" version="1.1" height="22" id="svg2">
 <defs id="defs12">
  <style type="text/css" id="current-color-scheme">
   .ColorScheme-Text { color:#5c616c; } .ColorScheme-Highlight { color:#5294e2; }
  </style>
 </defs>
 <g transform="matrix(1.0909 0 0 1.0909 -1.0907 -1123)" id="g4">
  <path style="fill:currentColor" d="m7 ... z" fill-rule="evenodd" transform="translate(0,1028.4)" id="path6"/>
  <path style="fill:currentColor" d="m4 .. z" transform="translate(0,1028.4)" id="path8"/>
 </g>
</svg>

Как видишь у пафов не будет цвета.

@SmartFinn
Copy link
Member

Исходник:

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="22" version="1.1" height="22" id="svg2">
 <defs id="defs12">
  <style type="text/css" id="current-color-scheme">
   .ColorScheme-Text { color:#5c616c; } .ColorScheme-Highlight { color:#5294e2; } .ColorScheme-ButtonBackground { color:#d3dae3; }
  </style>
 </defs>
 <g transform="matrix(1.0909 0 0 1.0909 -1.0907 -1123)" id="g4">
  <path style="fill:currentColor" d="m7 .. z" fill-rule="evenodd" transform="translate(0,1028.4)" id="path6" class="ColorScheme-ButtonBackground"/>
  <path style="fill:currentColor" d="m4 .. z" transform="translate(0,1028.4)" id="path8" class="ColorScheme-ButtonBackground"/>
 </g>
</svg>

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

Ну меняется класс ButtonBackground на Text, потом меняется цвет Text в CSS, после этого делетается класс .ColorScheme-ButtonBackground { color:#d3dae3; }

@SmartFinn
Copy link
Member

Может сработать, поэкспериментирую. В convert-to-e.sh только замена цвета, никаких дополнительных движений не надо?

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

Да, эт тот же папирус, ток сдругими оттенками

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

Papirus to Papirus Dark:

  • actions, devices, places - меняется только цвет
  • panel - меняется класс и цвет
  • удаляется лишний паттерн .ColorScheme-ButtonBackground { color:#d3dae3; }

SmartFinn added a commit that referenced this issue Feb 19, 2017
@SmartFinn
Copy link
Member

@varlesh обновил скрипты, все работает как надо.

@varlesh
Copy link
Contributor Author

varlesh commented Feb 19, 2017

Круто, закрываю тему

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants