How to install the latest Ubuntu Shell theme under Ubuntu with vanilla GNOME

up vote
3
down vote

favorite

I've installed the latest 17.10 Ubuntu and then used

sudo apt install gnome-session

to get rid of Ubuntu's modifications, as described here.

Although I prefer to have a vanilla GNOME experience, Ubuntu's new GNOME-Shell theme is very appealing. Unfortunately, I can't find this theme in GNOME Tweaks. The only GNOME-Shell theme that is present there is GNOME's default one.

Does somebody know a convenient way to install Ubuntu's new GNOME-Shell theme?

edited Nov 24 at 4:56

pomsky

27.3k1184111

asked Oct 26 '17 at 19:41

DMT

437619

Output of ls /usr/share/gnome-shell/theme?
– pomsky
Oct 26 '17 at 19:54

xxx@yyy:~$ ls /usr/share/gnome-shell/theme gdm3.css ubuntu.css gnome-shell.css ubuntu-high-contrast.css ubuntu-checkbox-focused.svg ubuntu-toggle-on-intl.svg ubuntu-checkbox-off-focused.svg ubuntu-toggle-on-us.svg ubuntu-close-window.svg
– DMT
Oct 26 '17 at 20:31

add a comment |

up vote
3
down vote

favorite

I've installed the latest 17.10 Ubuntu and then used

sudo apt install gnome-session

to get rid of Ubuntu's modifications, as described here.

Does somebody know a convenient way to install Ubuntu's new GNOME-Shell theme?

edited Nov 24 at 4:56

pomsky

27.3k1184111

asked Oct 26 '17 at 19:41

DMT

437619

Output of ls /usr/share/gnome-shell/theme?
– pomsky
Oct 26 '17 at 19:54

xxx@yyy:~$ ls /usr/share/gnome-shell/theme gdm3.css ubuntu.css gnome-shell.css ubuntu-high-contrast.css ubuntu-checkbox-focused.svg ubuntu-toggle-on-intl.svg ubuntu-checkbox-off-focused.svg ubuntu-toggle-on-us.svg ubuntu-close-window.svg
– DMT
Oct 26 '17 at 20:31

add a comment |

up vote
3
down vote

favorite

I've installed the latest 17.10 Ubuntu and then used

sudo apt install gnome-session

to get rid of Ubuntu's modifications, as described here.

Does somebody know a convenient way to install Ubuntu's new GNOME-Shell theme?

edited Nov 24 at 4:56

pomsky

27.3k1184111

asked Oct 26 '17 at 19:41

DMT

437619

I've installed the latest 17.10 Ubuntu and then used

sudo apt install gnome-session

to get rid of Ubuntu's modifications, as described here.

Does somebody know a convenient way to install Ubuntu's new GNOME-Shell theme?

themes 17.10 gnome-shell

edited Nov 24 at 4:56

pomsky

27.3k1184111

asked Oct 26 '17 at 19:41

DMT

437619

edited Nov 24 at 4:56

pomsky

27.3k1184111

asked Oct 26 '17 at 19:41

DMT

437619

edited Nov 24 at 4:56

pomsky

27.3k1184111

edited Nov 24 at 4:56

pomsky

27.3k1184111

edited Nov 24 at 4:56

pomsky

27.3k1184111

asked Oct 26 '17 at 19:41

DMT

437619

asked Oct 26 '17 at 19:41

DMT

437619

asked Oct 26 '17 at 19:41

DMT

437619

Output of ls /usr/share/gnome-shell/theme?
– pomsky
Oct 26 '17 at 19:54

xxx@yyy:~$ ls /usr/share/gnome-shell/theme gdm3.css ubuntu.css gnome-shell.css ubuntu-high-contrast.css ubuntu-checkbox-focused.svg ubuntu-toggle-on-intl.svg ubuntu-checkbox-off-focused.svg ubuntu-toggle-on-us.svg ubuntu-close-window.svg
– DMT
Oct 26 '17 at 20:31

add a comment |

Output of ls /usr/share/gnome-shell/theme?
– pomsky
Oct 26 '17 at 19:54

xxx@yyy:~$ ls /usr/share/gnome-shell/theme gdm3.css ubuntu.css gnome-shell.css ubuntu-high-contrast.css ubuntu-checkbox-focused.svg ubuntu-toggle-on-intl.svg ubuntu-checkbox-off-focused.svg ubuntu-toggle-on-us.svg ubuntu-close-window.svg
– DMT
Oct 26 '17 at 20:31

Output of ls /usr/share/gnome-shell/theme?
– pomsky
Oct 26 '17 at 19:54

xxx@yyy:~$ ls /usr/share/gnome-shell/theme gdm3.css                         ubuntu.css gnome-shell.css                  ubuntu-high-contrast.css ubuntu-checkbox-focused.svg      ubuntu-toggle-on-intl.svg ubuntu-checkbox-off-focused.svg  ubuntu-toggle-on-us.svg ubuntu-close-window.svg

– DMT
Oct 26 '17 at 20:31

xxx@yyy:~$ ls /usr/share/gnome-shell/theme gdm3.css                         ubuntu.css gnome-shell.css                  ubuntu-high-contrast.css ubuntu-checkbox-focused.svg      ubuntu-toggle-on-intl.svg ubuntu-checkbox-off-focused.svg  ubuntu-toggle-on-us.svg ubuntu-close-window.svg

– DMT
Oct 26 '17 at 20:31

add a comment |

2 Answers
2

active

oldest

votes

up vote
3
down vote

accepted

You may load the default Ubuntu 17.10 shell theme from your home directory. To do that follow the steps below.

Create a directory, say MyTheme either in ~/.themes or in ~/.local/share/themes. (You may create ~/.themes or ~/.local/share/themes if they don't exist.)

Create another directory inside MyTheme called gnome-shell.

Create an empty document in this gnome-shell directory and name it gnome-shell.css.

Open this gnome-shell.css in a text editor and add the following line
```
@import url("/usr/share/gnome-shell/theme/ubuntu.css");  
```

Install and activate the User themes extension from here.

Install the indispensable (GNOME) Tweaks (if not installed already) by running
```
sudo apt install gnome-tweak-tool 
```

Launch Tweaks, go to Appearance section and click on the drop-down box next to "Shell theme". MyTheme should appear in the drop-down list. Select it.

edited Oct 26 '17 at 21:59

answered Oct 26 '17 at 21:04

pomsky

27.3k1184111

Awesome. This is what I was looking for. Changing the session's theme. I collected the css from ubuntu in my debian and created gnome-shell.css in Ambiance theme directory. The theme didn't appear in gnome-tweak-tool but I used gsettings to set the theme.
– Anwar
Oct 4 at 14:10

But gnome-terminal didn't followed the theme color. Could you add that method too?. Some components didn't change though. The slider of the volume icon didn't change
– Anwar
Oct 4 at 14:12

1

@Anwar I think I don't understand completely. Terminal theme/colour should not be dictated by the GNOME shell theme, but by the applications theme (GTK+). Perhaps you're looking for something like this? And for the components like slider, checkbox etc. you need to get the image files (.svg files) also from the /usr/share/gnome-shell/theme/ directory along with the .css file. So better to copy the whole directory. Since you're copying this from one system to another, you may have to edit the .css file so that it contains correct paths to those .svg files.
– pomsky
Oct 4 at 15:32

Yeah. Sorry I wasn't clear enouogh. It's when you select "Use color from system theme", terminal colors follow system theme's scheme. That's not working.
– Anwar
Oct 5 at 6:07

add a comment |

up vote
1
down vote

If you want to use the new Yaru gnome-shell theme shipped with Ubuntu 18.10, then gnome-shell.css file (refer to this answer) should contain

@import url("/usr/share/gnome-shell/theme/Yaru/gnome-shell.css");

edited Nov 24 at 4:55

pomsky

27.3k1184111

answered Oct 20 at 16:49

DMT

437619

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%2f969657%2fhow-to-install-the-latest-ubuntu-shell-theme-under-ubuntu-with-vanilla-gnome%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

up vote
3
down vote

accepted

You may load the default Ubuntu 17.10 shell theme from your home directory. To do that follow the steps below.

Create a directory, say MyTheme either in ~/.themes or in ~/.local/share/themes. (You may create ~/.themes or ~/.local/share/themes if they don't exist.)

Create another directory inside MyTheme called gnome-shell.

Create an empty document in this gnome-shell directory and name it gnome-shell.css.

Open this gnome-shell.css in a text editor and add the following line
```
@import url("/usr/share/gnome-shell/theme/ubuntu.css");  
```

Install and activate the User themes extension from here.

Install the indispensable (GNOME) Tweaks (if not installed already) by running
```
sudo apt install gnome-tweak-tool 
```

Launch Tweaks, go to Appearance section and click on the drop-down box next to "Shell theme". MyTheme should appear in the drop-down list. Select it.

edited Oct 26 '17 at 21:59

answered Oct 26 '17 at 21:04

pomsky

27.3k1184111

Awesome. This is what I was looking for. Changing the session's theme. I collected the css from ubuntu in my debian and created gnome-shell.css in Ambiance theme directory. The theme didn't appear in gnome-tweak-tool but I used gsettings to set the theme.
– Anwar
Oct 4 at 14:10

But gnome-terminal didn't followed the theme color. Could you add that method too?. Some components didn't change though. The slider of the volume icon didn't change
– Anwar
Oct 4 at 14:12

1

@Anwar I think I don't understand completely. Terminal theme/colour should not be dictated by the GNOME shell theme, but by the applications theme (GTK+). Perhaps you're looking for something like this? And for the components like slider, checkbox etc. you need to get the image files (.svg files) also from the /usr/share/gnome-shell/theme/ directory along with the .css file. So better to copy the whole directory. Since you're copying this from one system to another, you may have to edit the .css file so that it contains correct paths to those .svg files.
– pomsky
Oct 4 at 15:32

Yeah. Sorry I wasn't clear enouogh. It's when you select "Use color from system theme", terminal colors follow system theme's scheme. That's not working.
– Anwar
Oct 5 at 6:07

add a comment |

up vote
3
down vote

accepted

You may load the default Ubuntu 17.10 shell theme from your home directory. To do that follow the steps below.

Create a directory, say MyTheme either in ~/.themes or in ~/.local/share/themes. (You may create ~/.themes or ~/.local/share/themes if they don't exist.)

Create another directory inside MyTheme called gnome-shell.

Create an empty document in this gnome-shell directory and name it gnome-shell.css.

Open this gnome-shell.css in a text editor and add the following line
```
@import url("/usr/share/gnome-shell/theme/ubuntu.css");  
```

Install and activate the User themes extension from here.

Install the indispensable (GNOME) Tweaks (if not installed already) by running
```
sudo apt install gnome-tweak-tool 
```

Launch Tweaks, go to Appearance section and click on the drop-down box next to "Shell theme". MyTheme should appear in the drop-down list. Select it.

edited Oct 26 '17 at 21:59

answered Oct 26 '17 at 21:04

pomsky

27.3k1184111

Awesome. This is what I was looking for. Changing the session's theme. I collected the css from ubuntu in my debian and created gnome-shell.css in Ambiance theme directory. The theme didn't appear in gnome-tweak-tool but I used gsettings to set the theme.
– Anwar
Oct 4 at 14:10

But gnome-terminal didn't followed the theme color. Could you add that method too?. Some components didn't change though. The slider of the volume icon didn't change
– Anwar
Oct 4 at 14:12

1

@Anwar I think I don't understand completely. Terminal theme/colour should not be dictated by the GNOME shell theme, but by the applications theme (GTK+). Perhaps you're looking for something like this? And for the components like slider, checkbox etc. you need to get the image files (.svg files) also from the /usr/share/gnome-shell/theme/ directory along with the .css file. So better to copy the whole directory. Since you're copying this from one system to another, you may have to edit the .css file so that it contains correct paths to those .svg files.
– pomsky
Oct 4 at 15:32

Yeah. Sorry I wasn't clear enouogh. It's when you select "Use color from system theme", terminal colors follow system theme's scheme. That's not working.
– Anwar
Oct 5 at 6:07

add a comment |

up vote
3
down vote

accepted

You may load the default Ubuntu 17.10 shell theme from your home directory. To do that follow the steps below.

Create a directory, say MyTheme either in ~/.themes or in ~/.local/share/themes. (You may create ~/.themes or ~/.local/share/themes if they don't exist.)

Create another directory inside MyTheme called gnome-shell.

Create an empty document in this gnome-shell directory and name it gnome-shell.css.

Open this gnome-shell.css in a text editor and add the following line
```
@import url("/usr/share/gnome-shell/theme/ubuntu.css");  
```

Install and activate the User themes extension from here.

Install the indispensable (GNOME) Tweaks (if not installed already) by running
```
sudo apt install gnome-tweak-tool 
```

Launch Tweaks, go to Appearance section and click on the drop-down box next to "Shell theme". MyTheme should appear in the drop-down list. Select it.

edited Oct 26 '17 at 21:59

answered Oct 26 '17 at 21:04

pomsky

27.3k1184111

You may load the default Ubuntu 17.10 shell theme from your home directory. To do that follow the steps below.

Create a directory, say MyTheme either in ~/.themes or in ~/.local/share/themes. (You may create ~/.themes or ~/.local/share/themes if they don't exist.)

Create another directory inside MyTheme called gnome-shell.

Create an empty document in this gnome-shell directory and name it gnome-shell.css.

Open this gnome-shell.css in a text editor and add the following line
```
@import url("/usr/share/gnome-shell/theme/ubuntu.css");  
```

Install and activate the User themes extension from here.

Install the indispensable (GNOME) Tweaks (if not installed already) by running
```
sudo apt install gnome-tweak-tool 
```

Launch Tweaks, go to Appearance section and click on the drop-down box next to "Shell theme". MyTheme should appear in the drop-down list. Select it.

edited Oct 26 '17 at 21:59

answered Oct 26 '17 at 21:04

pomsky

27.3k1184111

edited Oct 26 '17 at 21:59

answered Oct 26 '17 at 21:04

pomsky

27.3k1184111

answered Oct 26 '17 at 21:04

pomsky

27.3k1184111

answered Oct 26 '17 at 21:04

pomsky

27.3k1184111

Awesome. This is what I was looking for. Changing the session's theme. I collected the css from ubuntu in my debian and created gnome-shell.css in Ambiance theme directory. The theme didn't appear in gnome-tweak-tool but I used gsettings to set the theme.
– Anwar
Oct 4 at 14:10

But gnome-terminal didn't followed the theme color. Could you add that method too?. Some components didn't change though. The slider of the volume icon didn't change
– Anwar
Oct 4 at 14:12

1

@Anwar I think I don't understand completely. Terminal theme/colour should not be dictated by the GNOME shell theme, but by the applications theme (GTK+). Perhaps you're looking for something like this? And for the components like slider, checkbox etc. you need to get the image files (.svg files) also from the /usr/share/gnome-shell/theme/ directory along with the .css file. So better to copy the whole directory. Since you're copying this from one system to another, you may have to edit the .css file so that it contains correct paths to those .svg files.
– pomsky
Oct 4 at 15:32

Yeah. Sorry I wasn't clear enouogh. It's when you select "Use color from system theme", terminal colors follow system theme's scheme. That's not working.
– Anwar
Oct 5 at 6:07

add a comment |

Awesome. This is what I was looking for. Changing the session's theme. I collected the css from ubuntu in my debian and created gnome-shell.css in Ambiance theme directory. The theme didn't appear in gnome-tweak-tool but I used gsettings to set the theme.
– Anwar
Oct 4 at 14:10

But gnome-terminal didn't followed the theme color. Could you add that method too?. Some components didn't change though. The slider of the volume icon didn't change
– Anwar
Oct 4 at 14:12

1

@Anwar I think I don't understand completely. Terminal theme/colour should not be dictated by the GNOME shell theme, but by the applications theme (GTK+). Perhaps you're looking for something like this? And for the components like slider, checkbox etc. you need to get the image files (.svg files) also from the /usr/share/gnome-shell/theme/ directory along with the .css file. So better to copy the whole directory. Since you're copying this from one system to another, you may have to edit the .css file so that it contains correct paths to those .svg files.
– pomsky
Oct 4 at 15:32

Yeah. Sorry I wasn't clear enouogh. It's when you select "Use color from system theme", terminal colors follow system theme's scheme. That's not working.
– Anwar
Oct 5 at 6:07

Awesome. This is what I was looking for. Changing the session's theme. I collected the css from ubuntu in my debian and created gnome-shell.css in Ambiance theme directory. The theme didn't appear in gnome-tweak-tool but I used gsettings to set the theme.
– Anwar
Oct 4 at 14:10

But gnome-terminal didn't followed the theme color. Could you add that method too?. Some components didn't change though. The slider of the volume icon didn't change
– Anwar
Oct 4 at 14:12

@Anwar I think I don't understand completely. Terminal theme/colour should not be dictated by the GNOME shell theme, but by the applications theme (GTK+). Perhaps you're looking for something like this? And for the components like slider, checkbox etc. you need to get the image files (.svg files) also from the /usr/share/gnome-shell/theme/ directory along with the .css file. So better to copy the whole directory. Since you're copying this from one system to another, you may have to edit the .css file so that it contains correct paths to those .svg files.
– pomsky
Oct 4 at 15:32

Yeah. Sorry I wasn't clear enouogh. It's when you select "Use color from system theme", terminal colors follow system theme's scheme. That's not working.
– Anwar
Oct 5 at 6:07

add a comment |

up vote
1
down vote

If you want to use the new Yaru gnome-shell theme shipped with Ubuntu 18.10, then gnome-shell.css file (refer to this answer) should contain

@import url("/usr/share/gnome-shell/theme/Yaru/gnome-shell.css");

edited Nov 24 at 4:55

pomsky

27.3k1184111

answered Oct 20 at 16:49

DMT

437619

add a comment |

up vote
1
down vote

If you want to use the new Yaru gnome-shell theme shipped with Ubuntu 18.10, then gnome-shell.css file (refer to this answer) should contain

@import url("/usr/share/gnome-shell/theme/Yaru/gnome-shell.css");

edited Nov 24 at 4:55

pomsky

27.3k1184111

answered Oct 20 at 16:49

DMT

437619

add a comment |

up vote
1
down vote

If you want to use the new Yaru gnome-shell theme shipped with Ubuntu 18.10, then gnome-shell.css file (refer to this answer) should contain

@import url("/usr/share/gnome-shell/theme/Yaru/gnome-shell.css");

edited Nov 24 at 4:55

pomsky

27.3k1184111

answered Oct 20 at 16:49

DMT

437619

If you want to use the new Yaru gnome-shell theme shipped with Ubuntu 18.10, then gnome-shell.css file (refer to this answer) should contain

@import url("/usr/share/gnome-shell/theme/Yaru/gnome-shell.css");

edited Nov 24 at 4:55

pomsky

27.3k1184111

answered Oct 20 at 16:49

DMT

437619

edited Nov 24 at 4:55

pomsky

27.3k1184111

edited Nov 24 at 4:55

pomsky

27.3k1184111

edited Nov 24 at 4:55

pomsky

27.3k1184111

answered Oct 20 at 16:49

DMT

437619

answered Oct 20 at 16:49

DMT

437619

answered Oct 20 at 16:49

DMT

437619

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