Icons change colour on Ubuntu 18.04 depending on window state
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.
If I unmaximise the window, the default icons change colour:
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:
icons themes
add a comment |
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.
If I unmaximise the window, the default icons change colour:
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:
icons themes
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
add a comment |
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.
If I unmaximise the window, the default icons change colour:
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:
icons themes
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.
If I unmaximise the window, the default icons change colour:
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:
icons themes
icons themes
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
add a comment |
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
add a comment |
1 Answer
1
active
oldest
votes
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.
Edit: 02nd Feb 04:30 UTC
it seems that .svg image is filled with a color #dfdbd2
changing it to white color or any dark color will be the solution.
to change the fill color..
open the icon with text-editor
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
add a comment |
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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.
Edit: 02nd Feb 04:30 UTC
it seems that .svg image is filled with a color #dfdbd2
changing it to white color or any dark color will be the solution.
to change the fill color..
open the icon with text-editor
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
add a comment |
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.
Edit: 02nd Feb 04:30 UTC
it seems that .svg image is filled with a color #dfdbd2
changing it to white color or any dark color will be the solution.
to change the fill color..
open the icon with text-editor
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
add a comment |
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.
Edit: 02nd Feb 04:30 UTC
it seems that .svg image is filled with a color #dfdbd2
changing it to white color or any dark color will be the solution.
to change the fill color..
open the icon with text-editor
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.
Edit: 02nd Feb 04:30 UTC
it seems that .svg image is filled with a color #dfdbd2
changing it to white color or any dark color will be the solution.
to change the fill color..
open the icon with text-editor
edited Feb 2 at 5:07
answered Feb 1 at 4:57
PRATAPPRATAP
3,1032829
3,1032829
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
add a comment |
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
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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