After Upgrading from 18.04 to 18.10 the right dock background color remains black, can't set to transparency...

up vote
2
down vote

favorite

I was using Ubuntu 18.04 with my right dock with transparency. After updating, the background dock color is black. I followed the steps answered here: Full transparency on Ubuntu 18.04 dock
but the backgorund dock color still remains black.

edited Oct 24 at 14:51

asked Oct 23 at 17:28

Madbyte

305

add a comment |

up vote
2
down vote

favorite

edited Oct 24 at 14:51

asked Oct 23 at 17:28

Madbyte

305

add a comment |

up vote
2
down vote

favorite

edited Oct 24 at 14:51

asked Oct 23 at 17:28

Madbyte

305

ubuntu-dock 18.10

edited Oct 24 at 14:51

asked Oct 23 at 17:28

Madbyte

305

edited Oct 24 at 14:51

asked Oct 23 at 17:28

Madbyte

305

edited Oct 24 at 14:51

asked Oct 23 at 17:28

Madbyte

305

asked Oct 23 at 17:28

Madbyte

305

asked Oct 23 at 17:28

Madbyte

305

add a comment |

1 Answer
1

active

oldest

votes

up vote
2
down vote

accepted

I think in 18.10 they have introduced "Yaru" some new themeing style.

by default this dock is themed by #1d1d1d color under /* Yaru Dock styling */
you need it to make it to none or any color you want.

enter image description here

to do so, run the below command in terminal.

sudo -H gedit /etc/alternatives/gdm3.css # change the gedit if you use any other editor.

go to line number 2212 background: #1d1d1d;

#dashtodockContainer.shrink.left #dash,

#dashtodockContainer.dashtodock.left #dash,

#dashtodockContainer.shrink.right #dash,

#dashtodockContainer.dashtodock.right #dash {

  background: #1d1d1d;

  padding-top: 2px;

  padding-bottom: 2px; }

change the line background: #1d1d1d; to background: none;

so that it looks like

#dashtodockContainer.shrink.left #dash,

#dashtodockContainer.dashtodock.left #dash,

#dashtodockContainer.shrink.right #dash,

#dashtodockContainer.dashtodock.right #dash {

  background: none;

  padding-top: 2px;

  padding-bottom: 2px; }

In the same way go to line number 2150 & 2156 and change the value to none

#dashtodockContainer.opaque {

  /* Only alpha value is used */

  background-color: none;

  border-color: rgba(0, 0, 0, 0.4);

  transition-duration: 500ms; }





#dashtodockContainer.transparent {

  /* Only alpha value is used */

  background-color: none;

  border-color: rgba(0, 0, 0, 0.1);

  transition-duration: 500ms; }

Save the file & Close.

run these 3 commands in terminal

gsettings set org.gnome.shell.extensions.dash-to-dock customize-alphas true  

gsettings set org.gnome.shell.extensions.dash-to-dock max-alpha 0.00000000001  

gsettings set org.gnome.shell.extensions.dash-to-dock min-alpha 0.00000000001

Reboot to see the change.

Still there is a Black Color Border visible,
you can change it by line number 1292 either none or any valid preferred color.

enter image description here

edited Nov 25 at 10:31

answered Oct 23 at 18:24

PRATAP

1,7271523

Thank you for answer. Changed background to none but the dock still remains in black (or some dark color). I was using Ubuntu 18.04 and gdm3 but after upgrading my system wont show the login screen. So I had to change to lightdm. I dont know if the issue is related to this.
– Madbyte
Oct 23 at 23:52

@Madbyte Hi, I have edited the answer after checking them in 18.10. Please check and revert back. Thank You.
– PRATAP
Oct 24 at 10:37

I have checked it by installing lightDM also. It's working.
– PRATAP
Oct 24 at 16:43

It worked. Thank you.
– Madbyte
Oct 25 at 1:52

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',
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

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f1086473%2fafter-upgrading-from-18-04-to-18-10-the-right-dock-background-color-remains-blac%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
2
down vote

accepted

enter image description here

to do so, run the below command in terminal.

sudo -H gedit /etc/alternatives/gdm3.css # change the gedit if you use any other editor.

go to line number 2212 background: #1d1d1d;

#dashtodockContainer.shrink.left #dash,

#dashtodockContainer.dashtodock.left #dash,

#dashtodockContainer.shrink.right #dash,

#dashtodockContainer.dashtodock.right #dash {

  background: #1d1d1d;

  padding-top: 2px;

  padding-bottom: 2px; }

change the line background: #1d1d1d; to background: none;

so that it looks like

#dashtodockContainer.shrink.left #dash,

#dashtodockContainer.dashtodock.left #dash,

#dashtodockContainer.shrink.right #dash,

#dashtodockContainer.dashtodock.right #dash {

  background: none;

  padding-top: 2px;

  padding-bottom: 2px; }

In the same way go to line number 2150 & 2156 and change the value to none

#dashtodockContainer.opaque {

  /* Only alpha value is used */

  background-color: none;

  border-color: rgba(0, 0, 0, 0.4);

  transition-duration: 500ms; }





#dashtodockContainer.transparent {

  /* Only alpha value is used */

  background-color: none;

  border-color: rgba(0, 0, 0, 0.1);

  transition-duration: 500ms; }

Save the file & Close.

run these 3 commands in terminal

gsettings set org.gnome.shell.extensions.dash-to-dock customize-alphas true  

gsettings set org.gnome.shell.extensions.dash-to-dock max-alpha 0.00000000001  

gsettings set org.gnome.shell.extensions.dash-to-dock min-alpha 0.00000000001

Reboot to see the change.

Still there is a Black Color Border visible,
you can change it by line number 1292 either none or any valid preferred color.

enter image description here

edited Nov 25 at 10:31

answered Oct 23 at 18:24

PRATAP

1,7271523

Thank you for answer. Changed background to none but the dock still remains in black (or some dark color). I was using Ubuntu 18.04 and gdm3 but after upgrading my system wont show the login screen. So I had to change to lightdm. I dont know if the issue is related to this.
– Madbyte
Oct 23 at 23:52

@Madbyte Hi, I have edited the answer after checking them in 18.10. Please check and revert back. Thank You.
– PRATAP
Oct 24 at 10:37

I have checked it by installing lightDM also. It's working.
– PRATAP
Oct 24 at 16:43

It worked. Thank you.
– Madbyte
Oct 25 at 1:52

add a comment |

up vote
2
down vote

accepted

enter image description here

to do so, run the below command in terminal.

sudo -H gedit /etc/alternatives/gdm3.css # change the gedit if you use any other editor.

go to line number 2212 background: #1d1d1d;

#dashtodockContainer.shrink.left #dash,

#dashtodockContainer.dashtodock.left #dash,

#dashtodockContainer.shrink.right #dash,

#dashtodockContainer.dashtodock.right #dash {

  background: #1d1d1d;

  padding-top: 2px;

  padding-bottom: 2px; }

change the line background: #1d1d1d; to background: none;

so that it looks like

#dashtodockContainer.shrink.left #dash,

#dashtodockContainer.dashtodock.left #dash,

#dashtodockContainer.shrink.right #dash,

#dashtodockContainer.dashtodock.right #dash {

  background: none;

  padding-top: 2px;

  padding-bottom: 2px; }

In the same way go to line number 2150 & 2156 and change the value to none

#dashtodockContainer.opaque {

  /* Only alpha value is used */

  background-color: none;

  border-color: rgba(0, 0, 0, 0.4);

  transition-duration: 500ms; }





#dashtodockContainer.transparent {

  /* Only alpha value is used */

  background-color: none;

  border-color: rgba(0, 0, 0, 0.1);

  transition-duration: 500ms; }

Save the file & Close.

run these 3 commands in terminal

gsettings set org.gnome.shell.extensions.dash-to-dock customize-alphas true  

gsettings set org.gnome.shell.extensions.dash-to-dock max-alpha 0.00000000001  

gsettings set org.gnome.shell.extensions.dash-to-dock min-alpha 0.00000000001

Reboot to see the change.

Still there is a Black Color Border visible,
you can change it by line number 1292 either none or any valid preferred color.

enter image description here

edited Nov 25 at 10:31

answered Oct 23 at 18:24

PRATAP

1,7271523

Thank you for answer. Changed background to none but the dock still remains in black (or some dark color). I was using Ubuntu 18.04 and gdm3 but after upgrading my system wont show the login screen. So I had to change to lightdm. I dont know if the issue is related to this.
– Madbyte
Oct 23 at 23:52

@Madbyte Hi, I have edited the answer after checking them in 18.10. Please check and revert back. Thank You.
– PRATAP
Oct 24 at 10:37

I have checked it by installing lightDM also. It's working.
– PRATAP
Oct 24 at 16:43

It worked. Thank you.
– Madbyte
Oct 25 at 1:52

add a comment |

up vote
2
down vote

accepted

enter image description here

to do so, run the below command in terminal.

sudo -H gedit /etc/alternatives/gdm3.css # change the gedit if you use any other editor.

go to line number 2212 background: #1d1d1d;

#dashtodockContainer.shrink.left #dash,

#dashtodockContainer.dashtodock.left #dash,

#dashtodockContainer.shrink.right #dash,

#dashtodockContainer.dashtodock.right #dash {

  background: #1d1d1d;

  padding-top: 2px;

  padding-bottom: 2px; }

change the line background: #1d1d1d; to background: none;

so that it looks like

#dashtodockContainer.shrink.left #dash,

#dashtodockContainer.dashtodock.left #dash,

#dashtodockContainer.shrink.right #dash,

#dashtodockContainer.dashtodock.right #dash {

  background: none;

  padding-top: 2px;

  padding-bottom: 2px; }

In the same way go to line number 2150 & 2156 and change the value to none

#dashtodockContainer.opaque {

  /* Only alpha value is used */

  background-color: none;

  border-color: rgba(0, 0, 0, 0.4);

  transition-duration: 500ms; }





#dashtodockContainer.transparent {

  /* Only alpha value is used */

  background-color: none;

  border-color: rgba(0, 0, 0, 0.1);

  transition-duration: 500ms; }

Save the file & Close.

run these 3 commands in terminal

gsettings set org.gnome.shell.extensions.dash-to-dock customize-alphas true  

gsettings set org.gnome.shell.extensions.dash-to-dock max-alpha 0.00000000001  

gsettings set org.gnome.shell.extensions.dash-to-dock min-alpha 0.00000000001

Reboot to see the change.

Still there is a Black Color Border visible,
you can change it by line number 1292 either none or any valid preferred color.

enter image description here

edited Nov 25 at 10:31

answered Oct 23 at 18:24

PRATAP

1,7271523

enter image description here

to do so, run the below command in terminal.

sudo -H gedit /etc/alternatives/gdm3.css # change the gedit if you use any other editor.

go to line number 2212 background: #1d1d1d;

#dashtodockContainer.shrink.left #dash,

#dashtodockContainer.dashtodock.left #dash,

#dashtodockContainer.shrink.right #dash,

#dashtodockContainer.dashtodock.right #dash {

  background: #1d1d1d;

  padding-top: 2px;

  padding-bottom: 2px; }

change the line background: #1d1d1d; to background: none;

so that it looks like

#dashtodockContainer.shrink.left #dash,

#dashtodockContainer.dashtodock.left #dash,

#dashtodockContainer.shrink.right #dash,

#dashtodockContainer.dashtodock.right #dash {

  background: none;

  padding-top: 2px;

  padding-bottom: 2px; }

In the same way go to line number 2150 & 2156 and change the value to none

#dashtodockContainer.opaque {

  /* Only alpha value is used */

  background-color: none;

  border-color: rgba(0, 0, 0, 0.4);

  transition-duration: 500ms; }





#dashtodockContainer.transparent {

  /* Only alpha value is used */

  background-color: none;

  border-color: rgba(0, 0, 0, 0.1);

  transition-duration: 500ms; }

Save the file & Close.

run these 3 commands in terminal

gsettings set org.gnome.shell.extensions.dash-to-dock customize-alphas true  

gsettings set org.gnome.shell.extensions.dash-to-dock max-alpha 0.00000000001  

gsettings set org.gnome.shell.extensions.dash-to-dock min-alpha 0.00000000001

Reboot to see the change.

Still there is a Black Color Border visible,
you can change it by line number 1292 either none or any valid preferred color.

enter image description here

edited Nov 25 at 10:31

answered Oct 23 at 18:24

PRATAP

1,7271523

edited Nov 25 at 10:31

answered Oct 23 at 18:24

PRATAP

1,7271523

answered Oct 23 at 18:24

PRATAP

1,7271523

answered Oct 23 at 18:24

PRATAP

1,7271523

Thank you for answer. Changed background to none but the dock still remains in black (or some dark color). I was using Ubuntu 18.04 and gdm3 but after upgrading my system wont show the login screen. So I had to change to lightdm. I dont know if the issue is related to this.
– Madbyte
Oct 23 at 23:52

@Madbyte Hi, I have edited the answer after checking them in 18.10. Please check and revert back. Thank You.
– PRATAP
Oct 24 at 10:37

I have checked it by installing lightDM also. It's working.
– PRATAP
Oct 24 at 16:43

It worked. Thank you.
– Madbyte
Oct 25 at 1:52

add a comment |

Thank you for answer. Changed background to none but the dock still remains in black (or some dark color). I was using Ubuntu 18.04 and gdm3 but after upgrading my system wont show the login screen. So I had to change to lightdm. I dont know if the issue is related to this.
– Madbyte
Oct 23 at 23:52

@Madbyte Hi, I have edited the answer after checking them in 18.10. Please check and revert back. Thank You.
– PRATAP
Oct 24 at 10:37

I have checked it by installing lightDM also. It's working.
– PRATAP
Oct 24 at 16:43

It worked. Thank you.
– Madbyte
Oct 25 at 1:52

Thank you for answer. Changed background to none but the dock still remains in black (or some dark color). I was using Ubuntu 18.04 and gdm3 but after upgrading my system wont show the login screen. So I had to change to lightdm. I dont know if the issue is related to this.
– Madbyte
Oct 23 at 23:52

@Madbyte Hi, I have edited the answer after checking them in 18.10. Please check and revert back. Thank You.
– PRATAP
Oct 24 at 10:37

I have checked it by installing lightDM also. It's working.
– PRATAP
Oct 24 at 16:43

It worked. Thank you.
– Madbyte
Oct 25 at 1:52

add a comment |

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.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

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

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Bdtyktl