flat7th

+ Vanilla Gnome on Ubuntu

created 2000-12-01 modified 2024-01-09 
Ubuntu は独自に作り込んだルック アンド フィールを標準設定にするのを辞めてほしい。迷惑だ。

■ 基本の話 (Ubuntu 20.04)

参考: https://datapioneer-network.org/index.php/2021/01/15/converting-ubuntu-20-04-lts-to-vanilla-gnome3-de/

コマンドを列挙する。loopデバイスは気にしないことにする

apt purge snapd
apt install gnome-session
(リブート)
apt install vanilla-gnome-desktop vanilla-gnome-default-settings
apt clean
apt autoremove
(ログアウト、ログイン)
Gnome の Tweaks ツール → 外観 でルックアンドフィールを変更。Gnome 標準は Adwaita
sudo apt remove 'yaru-theme-*'
sudo apt autoremove



■ memo 2020-12-02

Ubuntu18.04。
Ubuntu の標準テーマは色使いが下品なので なるべく Gnome 標準テーマを使いたいのだが、
VcXsrv で GUIアプリを使うと、残骸のような オレンジのテーマが出てくる。これを治す。

sudo apt install gtk-chtheme
gtk-chtheme
(GUI で Adwaita に設定)

gtk-chtheme をいじってみると、どうやら Ambiance と Radiance というものが Ubuntu のオレンジ系のテーマらしいことが判明。
設定除外しても消えないなら、コンピュータ上から削除してみる。

sudo apt remove light-themes

これで gtk-2.0 系のアプリは少し良くなった。が、まだ nautilus のアイコンがオレンジ。

sudo apt remove breeze-icon-theme
sudo apt remove humanity-icon-theme
sudo apt autoremove

追記 Ubuntu 20.04 では

sudo apt remove 'yaru-theme-*'
sudo apt autoremove

普通のGUIになった。



■ memo 2020-12-01

ubuntu 20.04 で タイトルバーが広いのを少し狭くする件。

ファイルは3つに分けた。

 ~/.config/gtk-3.0/
   gtk.css
   my.css
   apps/gnome-terminal.css

  • gtk.css

@import url("apps/gnome-terminal.css");
@import url("my.css");

  • my.css

/* shrink headerbars (don't forget semicolons after each property) */
headerbar {
    min-height: 0px;
/*  padding-left: 2px;*/ /* same as childrens vertical margins for nicer proportions */
/*  padding-right: 2px;*/
}

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 0px; /* same as headerbar side padding for nicer proportions */
    margin-bottom: 0px;
}

/* shrink ssd titlebars */
.default-decoration {
    min-height: 0; /* let the entry and button drive the titlebar size */
    padding: 0px;
}

.default-decoration .titlebutton {
/*  min-height: 0px;*/ /* tweak these two props to reduce button size */
/*  min-width: 0px;*/
}

window.ssd headerbar.titlebar {
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 0;
}

window.ssd headerbar.titlebar button.titlebutton {
    padding-top: 3px;
    padding-bottom:3px;
    min-height: 0;
}


  • apps/gnome-terminal.css

/* gnome-terminal */
notebook.terminal-notebook header.top tab,
notebook.terminal-notebook header.top tab:hover {
    border-width: 1px 1px 1px 1px;
    padding-top: 0px;
    padding-bottom: 0px;
}
notebook.terminal-notebook tab button,
notebook.terminal-notebook tab button:hover {
    padding-top: 1px;
    padding-bottom: 1px;
/*    padding: 1px;*/
}
notebook.terminal-notebook > header > box,
notebook.terminal-notebook > header > box:hover {
/*    padding-left: 5px;*/
}
notebook.terminal-notebook > header > box button,
notebook.terminal-notebook > header > box button:hover,
notebook.terminal-notebook > header > box button:hover:backdrop {
    background: inherit;
    border: inherit;
    padding: inherit;
}
notebook.terminal-notebook > header > box > box > button:not(:last-child):hover,
notebook.terminal-notebook > header > box > box > button:not(:last-child):hover:backdrop,
notebook.terminal-notebook > header > box > box > button:not(:last-child) {
    padding-right: 5px;
}