Hello, I’m trying to change Pamac’s tray icon because it’s bright red when I need to update, it doesn’t fit my plasma theme and I really don’t like it, and I don’t want to hide it, since I still want to be reminded to update. I searched up and figured that tray icons are customized in the Plasma theme, and I found the “icons” folder of my Plasma theme, but I’m not sure what I need to do from there. Do I need to make an icon and call it “pamac-tray-icon-plasma.svg” ? Or is it not possible to change it ? Thanks.
Disable update checking - remove the update-notifier package.
You could also install the package called pamac-tray-icon-plasma. That should make the icon follow your Icon theme. I’m using the Breath icons and it has the same icon as Discover has.
2 Likes
Can you answer the actual question? Which was how to change the icon. I for one would like to know cause with my Icon theme my Pamac icon is transparent.
1 Like
Hello,
If you look at breath desktoptheme in /usr/share/plasma/desktoptheme/breath/icons/pamac.svgz and open the file in inkscape, you will see there are 4 icons, 2 of the same, at different sizes:
1 32x32 pixels with the xml ID pamac-tray-no-update
1 22x22 pixels with the xml ID 22-22-pamac-tray-no-update
then the second, for when there are updates:
1 32x32 pixels with the xml ID pamac-tray-update
1 22x22 pixels with the xml ID 22-22-pamac-tray-update
Those are arranged in groups, so inside the second one, the circle has the xml class ColorScheme-Highlight or ColorScheme-Negative Text depending on the update you have installed; and has the xml style fill:currentColor; - or something else depending again on the udpate you have, that might perfectly follow the current color-scheme you use (but the Negative text color was always the same, so was not changed previously)
This svgz files must have the type set to text/css and the style id set to current-color-scheme and this has to contain embedded color codes like this:
.ColorScheme-Text {
color:#7B7C7E;
}
.ColorScheme-Background {
color:#eff0f1;
}
.ColorScheme-Highlight {
color:#3daee9;
}
.ColorScheme-ViewText {
color:#31363b;
}
.ColorScheme-ViewBackground {
color:#fcfcfc;
}
.ColorScheme-ViewHover {
color:#93cee9;
}
.ColorScheme-ViewFocus{
color:#3daee9;
}
.ColorScheme-ButtonText {
color:#31363b;
}
.ColorScheme-ButtonBackground {
color:#eff0f1;
}
.ColorScheme-ButtonHover {
color:#93cee9;
}
.ColorScheme-ButtonFocus{
color:#3daee9;
}
Those will change when the color-scheme is changed from Settings. Once you edited, save the file, restart the session …
That has two meanings:
- replace it with another already made to follow the Plasma guidelines (that almost needs no explanation and all can do it already)
- edit the svg/svgz and modify the file content and add your own design to it (not easy to explain in a row as i did above without missing probably a lot of important stuff)
So, i hope this will help Guidelines and HOWTOs/Icon Workflow Tips - KDE Community Wiki
and with particular example here Theme details | Developer
2 Likes
@bogdancovaciu Awesome, thanks for the detailed explanation!
This brings me to a question or maybe a change request. You say that pamac icon should follow the color scheme. It doesn’t in my case and I use Breath that follows color scheme. Shouldn’t it be yellow color as matray does?
pamac-tray-update as of now on my system states 2 conditions, one with a predefined red color: color:#da4453
<g
transform="scale(1.4545455)"
id="pamac-tray-update">
<rect
style="opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4183"
width="22"
height="22"
x="0"
y="0" />
<g
transform="translate(3.4948031e-4,-4.4513406e-4)"
id="g853">
<path
inkscape:connector-curvature="0"
style="fill:currentColor"
d="M 11.126953,3.0019531 C 9.2851776,2.9719906 7.4335432,3.5755063 5.921875,4.8164062 2.8985906,7.2983061 2.1145626,11.6125 4.0703125,15 L 3.2050781,15.5 5.5039062,16.482422 5.8027344,14 4.9375,14.5 C 3.2230001,11.5304 3.9082004,7.7655435 6.5585938,5.5898438 9.2089874,3.4141439 13.034664,3.4761283 15.613281,5.7363281 L 16.271484,4.984375 C 14.800746,3.6952251 12.968729,3.0319156 11.126953,3.0019531 Z M 16.494141,5.5195312 16.195312,8 17.0625,7.5 c 0.896607,1.5529689 1.131185,3.323632 0.777344,4.970703 0.320602,0.168764 0.618291,0.373397 0.880859,0.619141 C 19.259064,11.093388 19.024658,8.89995 17.927734,7 L 18.792969,6.5 Z M 11,6 7,10 h 2 v 5 h 3.144531 C 12.303295,14.394491 12.599063,13.848255 13,13.388672 V 10 h 2 z M 6.3847656,16.265625 5.7265625,17.017578 c 2.0663121,1.81119 4.8448035,2.380136 7.3632815,1.701172 -0.245353,-0.262183 -0.448572,-0.558857 -0.617188,-0.878906 -2.106154,0.453549 -4.372671,-0.0708 -6.0878904,-1.574219 z"
class="ColorScheme-Text"
id="path840" />
<path
inkscape:connector-curvature="0"
style="color:#da4453;fill:currentColor;fill-opacity:1;stroke:none"
d="m 16,13 a 2.9999907,2.9999907 0 0 0 -3,3 2.9999907,2.9999907 0 0 0 3,3 2.9999907,2.9999907 0 0 0 3,-3 2.9999907,2.9999907 0 0 0 -3,-3 z"
class="ColorScheme-NegativeText"
id="path842" />
</g>
</g>
Is the defined red color intended or is the following code obsolete duplicate/ old code?
<path
inkscape:connector-curvature="0"
style="color:#da4453;fill:currentColor;fill-opacity:1;stroke:none"
d="m 16,13 a 2.9999907,2.9999907 0 0 0 -3,3 2.9999907,2.9999907 0 0 0 3,3 2.9999907,2.9999907 0 0 0 3,-3 2.9999907,2.9999907 0 0 0 -3,-3 z"
class="ColorScheme-NegativeText"
id="path842" />
Should it be changed? If I remove the color:#da4453 it should follow my color scheme right?
Apparently at some point i overwrite the icon from an older backup … not sure exactly, but once the package will be rebuild and then updated to all branches the change will take place. For now, you can edit the file in a text editor and add replace all whit this:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="pamac.svgz"
viewBox="0 0 32 32"
height="32"
width="32"
version="1.1"
id="svg4153"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<sodipodi:namedview
inkscape:document-rotation="0"
inkscape:current-layer="g845"
inkscape:window-maximized="0"
inkscape:window-y="3"
inkscape:window-x="1923"
inkscape:cy="-1.4915254"
inkscape:cx="-44.466101"
inkscape:zoom="5.3636365"
showgrid="false"
id="namedview9"
inkscape:window-height="1047"
inkscape:window-width="1914"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff"
inkscape:showpageshadow="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<metadata
id="metadata4159">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs4157">
<style
id="current-color-scheme"
type="text/css">
.ColorScheme-Text {
color:#7B7C7E;
}
.ColorScheme-Background {
color:#eff0f1;
}
.ColorScheme-Highlight {
color:#3daee9;
}
.ColorScheme-ViewText {
color:#31363b;
}
.ColorScheme-ViewBackground {
color:#fcfcfc;
}
.ColorScheme-ViewHover {
color:#93cee9;
}
.ColorScheme-ViewFocus{
color:#3daee9;
}
.ColorScheme-ButtonText {
color:#31363b;
}
.ColorScheme-ButtonBackground {
color:#eff0f1;
}
.ColorScheme-ButtonHover {
color:#93cee9;
}
.ColorScheme-ButtonFocus{
color:#3daee9;
}
</style>
</defs>
<g
transform="scale(1.4545455)"
id="pamac-tray-update">
<rect
style="opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4183"
width="22"
height="22"
x="0"
y="0" />
<g
transform="translate(3.4948031e-4,-4.4513406e-4)"
id="g853">
<path
inkscape:connector-curvature="0"
style="fill:currentColor"
d="M 11.126953,3.0019531 C 9.2851776,2.9719906 7.4335432,3.5755063 5.921875,4.8164062 2.8985906,7.2983061 2.1145626,11.6125 4.0703125,15 L 3.2050781,15.5 5.5039062,16.482422 5.8027344,14 4.9375,14.5 C 3.2230001,11.5304 3.9082004,7.7655435 6.5585938,5.5898438 9.2089874,3.4141439 13.034664,3.4761283 15.613281,5.7363281 L 16.271484,4.984375 C 14.800746,3.6952251 12.968729,3.0319156 11.126953,3.0019531 Z M 16.494141,5.5195312 16.195312,8 17.0625,7.5 c 0.896607,1.5529689 1.131185,3.323632 0.777344,4.970703 0.320602,0.168764 0.618291,0.373397 0.880859,0.619141 C 19.259064,11.093388 19.024658,8.89995 17.927734,7 L 18.792969,6.5 Z M 11,6 7,10 h 2 v 5 h 3.144531 C 12.303295,14.394491 12.599063,13.848255 13,13.388672 V 10 h 2 z M 6.3847656,16.265625 5.7265625,17.017578 c 2.0663121,1.81119 4.8448035,2.380136 7.3632815,1.701172 -0.245353,-0.262183 -0.448572,-0.558857 -0.617188,-0.878906 -2.106154,0.453549 -4.372671,-0.0708 -6.0878904,-1.574219 z"
class="ColorScheme-Text"
id="path840" />
<path
inkscape:connector-curvature="0"
style="fill:currentColor;"
d="m 16,13 a 2.9999907,2.9999907 0 0 0 -3,3 2.9999907,2.9999907 0 0 0 3,3 2.9999907,2.9999907 0 0 0 3,-3 2.9999907,2.9999907 0 0 0 -3,-3 z"
class="ColorScheme-Highlight"
id="path842" />
</g>
</g>
<g
transform="matrix(1.4545455,0,0,1.4545455,0,-32.000001)"
id="pamac-tray-no-update">
<rect
y="0"
x="0"
height="22"
width="22"
id="rect855"
style="opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
style="fill:currentColor"
d="M 11.127929,3.0014267 C 9.2861533,2.9714637 7.4345193,3.5749799 5.9228513,4.8158798 2.8995673,7.2977797 2.1155393,11.611974 4.0712893,14.999474 l -0.865235,0.5 2.298828,0.982422 0.298828,-2.482422 -0.865234,0.5 c -1.7145,-2.9696 -1.0293,-6.7344568 1.621094,-8.9101566 C 9.2099633,3.4136175 13.03564,3.4756019 15.614257,5.7358017 L 16.27246,4.9838486 C 14.801722,3.6946987 12.969705,3.0313892 11.127929,3.0014267 Z m 5.367188,2.5175781 -0.298829,2.4804688 0.867188,-0.5 c 1.7145,2.9696004 1.027347,6.7364104 -1.623047,8.9121094 -2.650394,2.1757 -6.4760697,2.113716 -9.0546867,-0.146484 l -0.658203,0.751953 c 2.941475,2.5783 7.3262717,2.649769 10.3496087,0.167969 3.023285,-2.4818 3.807312,-6.798047 1.851562,-10.1855474 l 0.865235,-0.5 z M 11.000976,5.9994736 7.0009763,9.999474 h 2 v 5 h 3.9999997 v -5 h 2 z"
class="ColorScheme-Text"
id="path867" />
</g>
<g
id="22-22-pamac-tray-update"
transform="translate(32.000001,10.000001)">
<rect
y="0"
x="0"
height="22"
width="22"
id="rect838"
style="opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<g
id="g845"
transform="translate(3.4948031e-4,-4.4513406e-4)">
<path
id="path841"
class="ColorScheme-Text"
d="M 11.126953,3.0019531 C 9.2851776,2.9719906 7.4335432,3.5755063 5.921875,4.8164062 2.8985906,7.2983061 2.1145626,11.6125 4.0703125,15 L 3.2050781,15.5 5.5039062,16.482422 5.8027344,14 4.9375,14.5 C 3.2230001,11.5304 3.9082004,7.7655435 6.5585938,5.5898438 9.2089874,3.4141439 13.034664,3.4761283 15.613281,5.7363281 L 16.271484,4.984375 C 14.800746,3.6952251 12.968729,3.0319156 11.126953,3.0019531 Z M 16.494141,5.5195312 16.195312,8 17.0625,7.5 c 0.896607,1.5529689 1.131185,3.323632 0.777344,4.970703 0.320602,0.168764 0.618291,0.373397 0.880859,0.619141 C 19.259064,11.093388 19.024658,8.89995 17.927734,7 L 18.792969,6.5 Z M 11,6 7,10 h 2 v 5 h 3.144531 C 12.303295,14.394491 12.599063,13.848255 13,13.388672 V 10 h 2 z M 6.3847656,16.265625 5.7265625,17.017578 c 2.0663121,1.81119 4.8448035,2.380136 7.3632815,1.701172 -0.245353,-0.262183 -0.448572,-0.558857 -0.617188,-0.878906 -2.106154,0.453549 -4.372671,-0.0708 -6.0878904,-1.574219 z"
style="fill:currentColor"
inkscape:connector-curvature="0" />
<path
id="path843"
class="ColorScheme-Highlight"
d="m 16,13 a 2.9999907,2.9999907 0 0 0 -3,3 2.9999907,2.9999907 0 0 0 3,3 2.9999907,2.9999907 0 0 0 3,-3 2.9999907,2.9999907 0 0 0 -3,-3 z"
style="fill:currentColor;"
inkscape:connector-curvature="0" />
</g>
</g>
<g
id="22-22-pamac-tray-no-update"
transform="translate(32.000001,-22)">
<rect
style="opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect849"
width="22"
height="22"
x="0"
y="0" />
<path
id="path851"
class="ColorScheme-Text"
d="M 11.127929,3.0014267 C 9.2861533,2.9714637 7.4345193,3.5749799 5.9228513,4.8158798 2.8995673,7.2977797 2.1155393,11.611974 4.0712893,14.999474 l -0.865235,0.5 2.298828,0.982422 0.298828,-2.482422 -0.865234,0.5 c -1.7145,-2.9696 -1.0293,-6.7344568 1.621094,-8.9101566 C 9.2099633,3.4136175 13.03564,3.4756019 15.614257,5.7358017 L 16.27246,4.9838486 C 14.801722,3.6946987 12.969705,3.0313892 11.127929,3.0014267 Z m 5.367188,2.5175781 -0.298829,2.4804688 0.867188,-0.5 c 1.7145,2.9696004 1.027347,6.7364104 -1.623047,8.9121094 -2.650394,2.1757 -6.4760697,2.113716 -9.0546867,-0.146484 l -0.658203,0.751953 c 2.941475,2.5783 7.3262717,2.649769 10.3496087,0.167969 3.023285,-2.4818 3.807312,-6.798047 1.851562,-10.1855474 l 0.865235,-0.5 z M 11.000976,5.9994736 7.0009763,9.999474 h 2 v 5 h 3.9999997 v -5 h 2 z"
style="fill:currentColor"
inkscape:connector-curvature="0" />
</g>
</svg>
If is not what you propose, let me know and will take another look when i get some more time.
2 Likes
Many thanks for the great work!
It’s nothing mission critical, just an observation, so I will wait on my system for the update but will definitely try your coding on a VM.
1 Like
@bogdancovaciu Coding above looks fine for me.
Many thanks again!!
Edit: Other users might not like it with accent color and would prefer it as it is with a red dot. It's up to Manjaro team how it should behave in standard out of the box. It's fine both ways.
1 Like
This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.