Icons change colour on Ubuntu 18.04 depending on window state












0















On Ubuntu 18.04 (running under VirtualBox), icons in the indicator bar change colour based on the state of the current window.



In the screenshot below, I have have a terminal window maximised and the icons are all the same colour. The icons to the right are the default icons and the icon to the left belongs to one of my indicators. The icon/colour scheme which I have used is ubuntu-mono-dark, which is what I believe the default icons are also using.



enter image description here



If I unmaximise the window, the default icons change colour:



enter image description here



To further muddy the waters, if I unmaximise the window and dock it with the top bar, the icons revert back to the same colour as my icon. If the left navigation bar (dock) is set to never autohide and I dock the unmaximised window against the left navigation bar, again the icons revert back to the same colour as my icon.



Although I have determined from gsettings that the default theme is Ambiance, I cannot find the corresponding icon set for that theme (that is, I cannot see how/where there is a link between the theme of Ambiance and the icon set in use which is ubuntu-mono-dark).



Is the underlying mechanism such that when a window is unmaximised, a different theme or set of icons are selected?



If I create icons for that theme (place icons into the appropriate /usr/share/icons directory), will my icon will magically switch back and forth?



EDIT: Added screenshot of gnome tweaks tool running inside the VM:



enter image description here










share|improve this question

























  • To my eyes, the icon to the left (the man runnnig) is a different shade/colour to the icons to the right (which look to me to be ligher/whiter in colour). I'll install gnome-tweaks and update soon...

    – Bernmeister
    Feb 1 at 2:51











  • It is an appindicator which I wrote (among others) called Indicator Script Runner: askubuntu.com/a/786708/67335

    – Bernmeister
    Feb 1 at 3:13
















0















On Ubuntu 18.04 (running under VirtualBox), icons in the indicator bar change colour based on the state of the current window.



In the screenshot below, I have have a terminal window maximised and the icons are all the same colour. The icons to the right are the default icons and the icon to the left belongs to one of my indicators. The icon/colour scheme which I have used is ubuntu-mono-dark, which is what I believe the default icons are also using.



enter image description here



If I unmaximise the window, the default icons change colour:



enter image description here



To further muddy the waters, if I unmaximise the window and dock it with the top bar, the icons revert back to the same colour as my icon. If the left navigation bar (dock) is set to never autohide and I dock the unmaximised window against the left navigation bar, again the icons revert back to the same colour as my icon.



Although I have determined from gsettings that the default theme is Ambiance, I cannot find the corresponding icon set for that theme (that is, I cannot see how/where there is a link between the theme of Ambiance and the icon set in use which is ubuntu-mono-dark).



Is the underlying mechanism such that when a window is unmaximised, a different theme or set of icons are selected?



If I create icons for that theme (place icons into the appropriate /usr/share/icons directory), will my icon will magically switch back and forth?



EDIT: Added screenshot of gnome tweaks tool running inside the VM:



enter image description here










share|improve this question

























  • To my eyes, the icon to the left (the man runnnig) is a different shade/colour to the icons to the right (which look to me to be ligher/whiter in colour). I'll install gnome-tweaks and update soon...

    – Bernmeister
    Feb 1 at 2:51











  • It is an appindicator which I wrote (among others) called Indicator Script Runner: askubuntu.com/a/786708/67335

    – Bernmeister
    Feb 1 at 3:13














0












0








0








On Ubuntu 18.04 (running under VirtualBox), icons in the indicator bar change colour based on the state of the current window.



In the screenshot below, I have have a terminal window maximised and the icons are all the same colour. The icons to the right are the default icons and the icon to the left belongs to one of my indicators. The icon/colour scheme which I have used is ubuntu-mono-dark, which is what I believe the default icons are also using.



enter image description here



If I unmaximise the window, the default icons change colour:



enter image description here



To further muddy the waters, if I unmaximise the window and dock it with the top bar, the icons revert back to the same colour as my icon. If the left navigation bar (dock) is set to never autohide and I dock the unmaximised window against the left navigation bar, again the icons revert back to the same colour as my icon.



Although I have determined from gsettings that the default theme is Ambiance, I cannot find the corresponding icon set for that theme (that is, I cannot see how/where there is a link between the theme of Ambiance and the icon set in use which is ubuntu-mono-dark).



Is the underlying mechanism such that when a window is unmaximised, a different theme or set of icons are selected?



If I create icons for that theme (place icons into the appropriate /usr/share/icons directory), will my icon will magically switch back and forth?



EDIT: Added screenshot of gnome tweaks tool running inside the VM:



enter image description here










share|improve this question
















On Ubuntu 18.04 (running under VirtualBox), icons in the indicator bar change colour based on the state of the current window.



In the screenshot below, I have have a terminal window maximised and the icons are all the same colour. The icons to the right are the default icons and the icon to the left belongs to one of my indicators. The icon/colour scheme which I have used is ubuntu-mono-dark, which is what I believe the default icons are also using.



enter image description here



If I unmaximise the window, the default icons change colour:



enter image description here



To further muddy the waters, if I unmaximise the window and dock it with the top bar, the icons revert back to the same colour as my icon. If the left navigation bar (dock) is set to never autohide and I dock the unmaximised window against the left navigation bar, again the icons revert back to the same colour as my icon.



Although I have determined from gsettings that the default theme is Ambiance, I cannot find the corresponding icon set for that theme (that is, I cannot see how/where there is a link between the theme of Ambiance and the icon set in use which is ubuntu-mono-dark).



Is the underlying mechanism such that when a window is unmaximised, a different theme or set of icons are selected?



If I create icons for that theme (place icons into the appropriate /usr/share/icons directory), will my icon will magically switch back and forth?



EDIT: Added screenshot of gnome tweaks tool running inside the VM:



enter image description here







icons themes






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Feb 1 at 3:07







Bernmeister

















asked Feb 1 at 2:30









BernmeisterBernmeister

1,01221232




1,01221232













  • To my eyes, the icon to the left (the man runnnig) is a different shade/colour to the icons to the right (which look to me to be ligher/whiter in colour). I'll install gnome-tweaks and update soon...

    – Bernmeister
    Feb 1 at 2:51











  • It is an appindicator which I wrote (among others) called Indicator Script Runner: askubuntu.com/a/786708/67335

    – Bernmeister
    Feb 1 at 3:13



















  • To my eyes, the icon to the left (the man runnnig) is a different shade/colour to the icons to the right (which look to me to be ligher/whiter in colour). I'll install gnome-tweaks and update soon...

    – Bernmeister
    Feb 1 at 2:51











  • It is an appindicator which I wrote (among others) called Indicator Script Runner: askubuntu.com/a/786708/67335

    – Bernmeister
    Feb 1 at 3:13

















To my eyes, the icon to the left (the man runnnig) is a different shade/colour to the icons to the right (which look to me to be ligher/whiter in colour). I'll install gnome-tweaks and update soon...

– Bernmeister
Feb 1 at 2:51





To my eyes, the icon to the left (the man runnnig) is a different shade/colour to the icons to the right (which look to me to be ligher/whiter in colour). I'll install gnome-tweaks and update soon...

– Bernmeister
Feb 1 at 2:51













It is an appindicator which I wrote (among others) called Indicator Script Runner: askubuntu.com/a/786708/67335

– Bernmeister
Feb 1 at 3:13





It is an appindicator which I wrote (among others) called Indicator Script Runner: askubuntu.com/a/786708/67335

– Bernmeister
Feb 1 at 3:13










1 Answer
1






active

oldest

votes


















1














there is only one color image in icons folder.

The difference you observe is because of panel property when in solid condition and in normal condition.



the panel is transparent when in normal condition and when it is solid its different color. those are specified in /etc/alternatives/gdm3.css file. you can make it solid all the time or give particular color in all cases. this is off-topic abut panel color now.



if you want to choose a particular icon for this "man running" icon,
below images are self explanatory.



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



Edit: 02nd Feb 04:30 UTC



it seems that .svg image is filled with a color #dfdbd2



enter image description here



changing it to white color or any dark color will be the solution.



enter image description here



enter image description here



to change the fill color..
open the icon with text-editor



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here






share|improve this answer


























  • Can you please explain what this panel property is that effects solid versus normal condition? Is the property in gsettings or some artefact due to using SVG rather than PNG?

    – Bernmeister
    Feb 1 at 5:06











  • I don't follow your answer in terms of the icon. Do I need to adjust my icon in some way, given the top panel switches from one state to another (transparency)? I'd rather not play with the CSS file (particularly as it is generated) and I have many other indicators each with icons; I'd rather adjust each icon (assuming it would be the same fix for each).

    – Bernmeister
    Feb 2 at 3:33











  • Do you know where the icons for the network/volume/power are located? If I can see how those are put together, maybe that might help me with my icons (I suspect/hope that I shouldn't need to touch the themes).

    – Bernmeister
    Feb 2 at 3:47











Your Answer








StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "89"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f1114601%2ficons-change-colour-on-ubuntu-18-04-depending-on-window-state%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









1














there is only one color image in icons folder.

The difference you observe is because of panel property when in solid condition and in normal condition.



the panel is transparent when in normal condition and when it is solid its different color. those are specified in /etc/alternatives/gdm3.css file. you can make it solid all the time or give particular color in all cases. this is off-topic abut panel color now.



if you want to choose a particular icon for this "man running" icon,
below images are self explanatory.



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



Edit: 02nd Feb 04:30 UTC



it seems that .svg image is filled with a color #dfdbd2



enter image description here



changing it to white color or any dark color will be the solution.



enter image description here



enter image description here



to change the fill color..
open the icon with text-editor



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here






share|improve this answer


























  • Can you please explain what this panel property is that effects solid versus normal condition? Is the property in gsettings or some artefact due to using SVG rather than PNG?

    – Bernmeister
    Feb 1 at 5:06











  • I don't follow your answer in terms of the icon. Do I need to adjust my icon in some way, given the top panel switches from one state to another (transparency)? I'd rather not play with the CSS file (particularly as it is generated) and I have many other indicators each with icons; I'd rather adjust each icon (assuming it would be the same fix for each).

    – Bernmeister
    Feb 2 at 3:33











  • Do you know where the icons for the network/volume/power are located? If I can see how those are put together, maybe that might help me with my icons (I suspect/hope that I shouldn't need to touch the themes).

    – Bernmeister
    Feb 2 at 3:47
















1














there is only one color image in icons folder.

The difference you observe is because of panel property when in solid condition and in normal condition.



the panel is transparent when in normal condition and when it is solid its different color. those are specified in /etc/alternatives/gdm3.css file. you can make it solid all the time or give particular color in all cases. this is off-topic abut panel color now.



if you want to choose a particular icon for this "man running" icon,
below images are self explanatory.



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



Edit: 02nd Feb 04:30 UTC



it seems that .svg image is filled with a color #dfdbd2



enter image description here



changing it to white color or any dark color will be the solution.



enter image description here



enter image description here



to change the fill color..
open the icon with text-editor



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here






share|improve this answer


























  • Can you please explain what this panel property is that effects solid versus normal condition? Is the property in gsettings or some artefact due to using SVG rather than PNG?

    – Bernmeister
    Feb 1 at 5:06











  • I don't follow your answer in terms of the icon. Do I need to adjust my icon in some way, given the top panel switches from one state to another (transparency)? I'd rather not play with the CSS file (particularly as it is generated) and I have many other indicators each with icons; I'd rather adjust each icon (assuming it would be the same fix for each).

    – Bernmeister
    Feb 2 at 3:33











  • Do you know where the icons for the network/volume/power are located? If I can see how those are put together, maybe that might help me with my icons (I suspect/hope that I shouldn't need to touch the themes).

    – Bernmeister
    Feb 2 at 3:47














1












1








1







there is only one color image in icons folder.

The difference you observe is because of panel property when in solid condition and in normal condition.



the panel is transparent when in normal condition and when it is solid its different color. those are specified in /etc/alternatives/gdm3.css file. you can make it solid all the time or give particular color in all cases. this is off-topic abut panel color now.



if you want to choose a particular icon for this "man running" icon,
below images are self explanatory.



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



Edit: 02nd Feb 04:30 UTC



it seems that .svg image is filled with a color #dfdbd2



enter image description here



changing it to white color or any dark color will be the solution.



enter image description here



enter image description here



to change the fill color..
open the icon with text-editor



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here






share|improve this answer















there is only one color image in icons folder.

The difference you observe is because of panel property when in solid condition and in normal condition.



the panel is transparent when in normal condition and when it is solid its different color. those are specified in /etc/alternatives/gdm3.css file. you can make it solid all the time or give particular color in all cases. this is off-topic abut panel color now.



if you want to choose a particular icon for this "man running" icon,
below images are self explanatory.



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



Edit: 02nd Feb 04:30 UTC



it seems that .svg image is filled with a color #dfdbd2



enter image description here



changing it to white color or any dark color will be the solution.



enter image description here



enter image description here



to change the fill color..
open the icon with text-editor



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here



enter image description here







share|improve this answer














share|improve this answer



share|improve this answer








edited Feb 2 at 5:07

























answered Feb 1 at 4:57









PRATAPPRATAP

3,3002931




3,3002931













  • Can you please explain what this panel property is that effects solid versus normal condition? Is the property in gsettings or some artefact due to using SVG rather than PNG?

    – Bernmeister
    Feb 1 at 5:06











  • I don't follow your answer in terms of the icon. Do I need to adjust my icon in some way, given the top panel switches from one state to another (transparency)? I'd rather not play with the CSS file (particularly as it is generated) and I have many other indicators each with icons; I'd rather adjust each icon (assuming it would be the same fix for each).

    – Bernmeister
    Feb 2 at 3:33











  • Do you know where the icons for the network/volume/power are located? If I can see how those are put together, maybe that might help me with my icons (I suspect/hope that I shouldn't need to touch the themes).

    – Bernmeister
    Feb 2 at 3:47



















  • Can you please explain what this panel property is that effects solid versus normal condition? Is the property in gsettings or some artefact due to using SVG rather than PNG?

    – Bernmeister
    Feb 1 at 5:06











  • I don't follow your answer in terms of the icon. Do I need to adjust my icon in some way, given the top panel switches from one state to another (transparency)? I'd rather not play with the CSS file (particularly as it is generated) and I have many other indicators each with icons; I'd rather adjust each icon (assuming it would be the same fix for each).

    – Bernmeister
    Feb 2 at 3:33











  • Do you know where the icons for the network/volume/power are located? If I can see how those are put together, maybe that might help me with my icons (I suspect/hope that I shouldn't need to touch the themes).

    – Bernmeister
    Feb 2 at 3:47

















Can you please explain what this panel property is that effects solid versus normal condition? Is the property in gsettings or some artefact due to using SVG rather than PNG?

– Bernmeister
Feb 1 at 5:06





Can you please explain what this panel property is that effects solid versus normal condition? Is the property in gsettings or some artefact due to using SVG rather than PNG?

– Bernmeister
Feb 1 at 5:06













I don't follow your answer in terms of the icon. Do I need to adjust my icon in some way, given the top panel switches from one state to another (transparency)? I'd rather not play with the CSS file (particularly as it is generated) and I have many other indicators each with icons; I'd rather adjust each icon (assuming it would be the same fix for each).

– Bernmeister
Feb 2 at 3:33





I don't follow your answer in terms of the icon. Do I need to adjust my icon in some way, given the top panel switches from one state to another (transparency)? I'd rather not play with the CSS file (particularly as it is generated) and I have many other indicators each with icons; I'd rather adjust each icon (assuming it would be the same fix for each).

– Bernmeister
Feb 2 at 3:33













Do you know where the icons for the network/volume/power are located? If I can see how those are put together, maybe that might help me with my icons (I suspect/hope that I shouldn't need to touch the themes).

– Bernmeister
Feb 2 at 3:47





Do you know where the icons for the network/volume/power are located? If I can see how those are put together, maybe that might help me with my icons (I suspect/hope that I shouldn't need to touch the themes).

– Bernmeister
Feb 2 at 3:47


















draft saved

draft discarded




















































Thanks for contributing an answer to Ask Ubuntu!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f1114601%2ficons-change-colour-on-ubuntu-18-04-depending-on-window-state%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

How to change which sound is reproduced for terminal bell?

Title Spacing in Bjornstrup Chapter, Removing Chapter Number From Contents

Can I use Tabulator js library in my java Spring + Thymeleaf project?