Ambiance/Radiance: add styling for mate-panel

[Matheus Marinho]

Both themes look odd in MATE Desktop. Consider adding specific styling for mate-panel, like gnome-panel.

[biohazara (biohazara)]

I had a bit of time today to play around with this in 18.04, and looks like Ambiant-mate and Ambience issues are complementary and it's possible to fix compatibility with Unity7 and MATE, respectively, using code from each-other.

Here's what I did:

sudo apt install -y ubuntu-mate-themes light-themes ubuntu-artwork

sudo cp /usr/share/themes/Ambiant-MATE/gtk-3.0/gtk-widgets.css /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css
sudo sed -i "s/#a7bb85/#f07746/g" /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css

sudo cp /usr/share/themes/Ambiant-MATE/gtk-3.0/gtk-main.css /usr/share/themes/Ambiance/gtk-3.0/gtk-main.css

sudo sed -i "s/#87A752/#f07746/g" /usr/share/themes/Ambiance/gtk-3.0/gtk-main.css
sudo sed -i "s/#1e1e1e/#000000/g" /usr/share/themes/Ambiance/gtk-3.0/gtk-main.css
sudo sed -i "s/#ebebeb/#ffffff/g" /usr/share/themes/Ambiance/gtk-3.0/gtk-main.css

sudo tee -a /usr/share/themes/Ambiance/gtk-3.0/gtk-main.css <<EOF
@import url("apps/baobab.css");
@import url("public-colors.css");
EOF

sudo cp --target-directory=/usr/share/themes/Ambiance/gtk-3.0/apps/ /usr/share/themes/Ambiant-MATE/gtk-3.0/apps/libreoffice.css
sudo cp --target-directory=/usr/share/themes/Ambiance/gtk-3.0/apps/ /usr/share/themes/Ambiant-MATE/gtk-3.0/apps/mate-applications.css
sudo cp --target-directory=/usr/share/themes/Ambiance/gtk-3.0/apps/ /usr/share/themes/Ambiant-MATE/gtk-3.0/apps/other-applications.css
sudo cp --target-directory=/usr/share/themes/Ambiance/gtk-3.20/apps/ /usr/share/themes/Ambiant-MATE/gtk-3.0/apps/mate-applications.css
sudo cp --target-directory=/usr/share/themes/Ambiance/gtk-3.20/apps/ /usr/share/themes/Ambiant-MATE/gtk-3.0/apps/other-applications.css

sudo tee -a /usr/share/themes/Ambiance/gtk-3.20/gtk-main.css <<EOF
@import url("apps/mate-applications.css");
@import url("apps/other-applications.css");
EOF

sudo cp -r --target-directory=/usr/share/themes/Ambiant-MATE/ /usr/share/themes/Ambiance/gtk-3.20

sudo sed -i "s/#f07746/#87A752/g" /usr/share/themes/Ambiant-MATE/gtk-3.20/gtk-main.css
sudo sed -i "s/#f07746/#87A752/g" /usr/share/themes/Ambiant-MATE/gtk-3.20/gtk-widgets.css
sudo sed -i "s/#f07746/#87A752/g" /usr/share/themes/Ambiant-MATE/gtk-3.20/settings.ini
sudo sed -i "s/#DD4814/#A7BB85/g" /usr/share/themes/Ambiant-MATE/gtk-3.20/settings.ini

This should, in theory, make Ambiant-MATE compatible with Unity7 and Ambiance compatible with MATE, but it's probably not a perfect solution.

Something similar is probably possible with Radiant-mate and Radiance, as well as with Ambiant-mate-dark (which could motivate the creation of Ambiance-dark for Ubuntu 18.04).

[Matheus Marinho (mrnhmath)]

@biohazara Go to Ambiance/gtk-3.0/apps folder, and open gnome-panel.css. See how it is styled? We need specific styling for mate-panel too.

[biohazara (biohazara)]

Check the files I patched and added to Ambiance from Ambiant-MATE. mate-panel styling is included in mate-applications.css as far as I can tell.

[biohazara (biohazara)]

Turns out I was over complicating things and didn't realize that Ambiance and Ambiant-MATE diverged a lot when they were altered to support GTK 3.20. Here's what should be done to fix this bug in both Ambiance and Radiance in MATE:

sudo apt install -y ubuntu-mate-themes ubuntu-mate-artwork light-themes ubuntu-artwork

sudo cp --target-directory=/usr/share/themes/Ambiance/gtk-3.20/apps/ /usr/share/themes/Ambiant-MATE/gtk-3.0/apps/mate-applications.css
sudo cp --target-directory=/usr/share/themes/Ambiance/gtk-3.20/apps/ /usr/share/themes/Ambiant-MATE/gtk-3.0/apps/other-applications.css

sudo tee -a /usr/share/themes/Ambiance/gtk-3.20/gtk-main.css <<EOF
@import url("apps/mate-applications.css");
@import url("apps/other-applications.css");
EOF

sudo cp --target-directory=/usr/share/themes/Radiance/gtk-3.20/apps/ /usr/share/themes/Radiant-MATE/gtk-3.0/apps/mate-applications.css
sudo cp --target-directory=/usr/share/themes/Radiance/gtk-3.20/apps/ /usr/share/themes/Radiant-MATE/gtk-3.0/apps/other-applications.css

sudo tee -a /usr/share/themes/Radiance/gtk-3.20/gtk-main.css <<EOF
@import url("apps/mate-applications.css");
@import url("apps/other-applications.css");
EOF

I tested this in 18.04, but I think this should work in 16.10 and later.

I'm sure that there are a few more improvements that could be done for MATE compatibility in general, but at least this fixes the mate-panel issue, and makes MATE apps look better in Unity as well.

[biohazara (biohazara)]

I tried to make patches for both Ambiance and Radiance.

Also took the opportunity to match the colors of mate-terminal to gnome-terminal.

[Ubuntu Foundations Team Bug Bot (crichton)]

The attachment "mate-support.patch" seems to be a patch. If it isn't, please remove the "patch" flag from the attachment, remove the "patch" tag, and if you are a member of the ~ubuntu-reviewers, unsubscribe the team.

[This is an automated message performed by a Launchpad user owned by ~brian-murray, for any issues please contact him.]

[Daniel van Vugt (vanvugt)]

I thought MATE fixes landed in December/January.

Is this still a bug?

[Launchpad Janitor (janitor)]

[Expired for ubuntu-themes (Ubuntu) because there has been no activity for 60 days.]