GithubHelp home page GithubHelp logo

lah7 / ambiant-mate-colours Goto Github PK

View Code? Open in Web Editor NEW
50.0 4.0 3.0 965 KB

Script to produce colourful versions of Ambiant-MATE and Radiant-MATE

License: GNU General Public License v3.0

Python 86.54% Shell 11.17% CSS 2.29%
ubuntu-mate gtk-theme

ambiant-mate-colours's Introduction

Ambiant MATE Colours

CI Release Snapcraft

Screenshot of the 3 themes using custom colours

This project generates colour variants for the Ambiant-MATE family, including:

  • Ambiant-MATE-Dark
  • Radiant-MATE

Status

Like Ambiant-MATE, this theme is not actively maintained and relies on community contributions.

The theme will be continued to be packaged for new Ubuntu releases.

Colours

Packages are made with the following pre-defined colours:

Aqua Blue Brown Orange Pink Purple Red Teal Yellow
#2DACD4 #5489CF #965024 #E95420 #E231A3 #7E5BC5 #CE3A3A #1CB39F #DFCA25

Installation

Coloured themes can be obtained in a few ways:

Ubuntu users can conveniently add the PPA like so:

sudo add-apt-repository ppa:lah7/ambiant-mate

Packages are split by colour, so installing ambiant-mate-colours-blue will give you the blue variants of the GTK and icon themes.

sudo apt install ambiant-mate-colours-blue

Want them all? That's roughly 35 MB download, 550 MB unpacked!

sudo apt install ambiant-mate-colours-all

After installing, themes/icons will be available from Appearance (Look & Feel).

To keep the size of the colour themes down, these colours depend on the original theme packages: ambiant-mate-gtk-themes and ambiant-mate-icon-themes (included in the PPA)

Via Ubuntu MATE Welcome

Previously, this project was known as ubuntu-mate-colours, which included recoloured wallpapers and a Plank theme.

Users running a release of Ubuntu MATE between 18.04 and 21.10 can conveniently access this feature via the Welcome application:

Screenshot of Colour Selection in Ubuntu MATE Welcome

This adds the older lah7/ubuntu-mate-colours PPA, which is now discontinued. This feature is no longer accessible in 22.04 as Yaru-MATE now includes colour variants out of the box, and superceded this theme.

Snap Compatibility

In order for the theme to work in snapped applications, you will need to install the snap in addition:

sudo snap install ubuntu-mate-colours

Please note: The snap is no longer updated.

Then, "plug" this snap to all the other snaps:

for PLUG in $(snap connections | grep gtk-common-themes:gtk-3-themes | awk '{print $2}'); do sudo snap connect ${PLUG} ubuntu-mate-colours:gtk-3-themes; done
for PLUG in $(snap connections | grep gtk-common-themes:gtk-2-themes | awk '{print $2}'); do sudo snap connect ${PLUG} ubuntu-mate-colours:gtk-2-themes; done
for PLUG in $(snap connections | grep gtk-common-themes:icon-themes | awk '{print $2}'); do sudo snap connect ${PLUG} ubuntu-mate-colours:icon-themes; done

To snap an individual application, such as Firefox:

sudo snap connect firefox:gtk-3-themes ubuntu-mate-colours:gtk-3-themes

This step may need to be repeated when installing new snaps to the system.

Please note that the snap only provides compatibility for snapped applications. It cannot be selected as the theme in MATE's Appearance settings.

Building

  1. To begin, make sure you have a clone of this repository.

    git clone https://github.com/lah7/Ambiant-MATE-Colours
    
  2. Install the dependencies:

    sudo apt install librsvg2-bin imagemagick
    
  3. (Optional) Download a copy of Ambiant-MATE.

    Skip this step if you have the theme already installed on your system.

    git clone https://github.com/lah7/Ambiant-MATE
    
  4. Use the script to generate your theme.

    The tool is entirely command line and parameter based. For usage:

    ./generate-ambiant-mate-colour.py --help
    

    To use the system's copy of Ambiant-MATE, use --src-dir /, otherwise, use --src-dir Ambiant-MATE/ that was created with git clone earlier.

    By default, the new theme will be created in ~/.themes and ~/.icons. If you use Compiz, this needs to be copied (as root) to /usr/share/ in order for window borders to work.

Tweaks

Ambiant-MATE/Radiant-MATE themes can optionally apply 'tweaks' to modify the themes even further:

Tweak Name Theme Description
mono-osd-icons Ambiant/Radiant-MATE Use monochrome icons for OSD volume pop up (#14)
black-selected-text Ambiant/Radiant-MATE The selected text colour is black instead of white (#21)
gtk3-classic Ambiant/Radiant-MATE Append treeview alternating styling for use with the gtk3-classic project.

These are passed as a comma separated parameter to --tweaks.

Packaging

A local package can be produced by running:

debuild -b

Note that this runs through the entire scripts/build.sh script, which takes a long time to process. A RAM disk is strongly recommended.

Packaging is not strictly required, a complete colour collection can be created like this:

scripts/build.sh
tar -cv usr/ | xz -z -9 > ubuntu-mate-colours-VERSION.tar.xz

Bonus: Wallpapers

Take your favourite Ubuntu MATE wallpaper and recolour it:

convert input.jpg -colorspace gray temp.jpg
convert temp.jpg -background white -fill 'YOUR_HEX_HERE' -tint 100 output.jpg

Users upgrading to 22.04 can re-download coloured wallpapers from this release (18.8 MB).

More tips can be found in CONTRIBUTING.md

License

This program is licensed under the GPLv3.

Ambiant-MATE is licensed under the Creative Commons Attribution-ShareAlike 4.0 License.

ambiant-mate-colours's People

Contributors

cerisezero avatar iamjameswalters avatar lah7 avatar vkareh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

ambiant-mate-colours's Issues

Some UI elements are not coloured

Due to #1. There are 2 solutions:

  • The quick and dirty approach is to recolour them using command line tools.
  • The higher quality approach is to re-create or hunt down the original SVGs and put them with the original theme.
    • Has advantage of looking good on HiDPI displays. Will need SVG compatibility testing.

Yellow colour should use BLACK text instead of white

The current white text on the yellow highlight is really annoying as they're both light colours, it makes it so hard to read, very inconsistent and very bad looking. Here I attach a couple of screenshots I made to give the idea of what I mean. By the way it also affects areas like Firefox's address bar when selecting text, text editors, Evolution, and all the other GTK+3 related programs. Please fix this.

Screenshot at 2020-04-21 18-14-18

Screenshot at 2020-04-21 20-27-44

Close icon on Caja Properties smaller then original Ambiant/Radiant-MATE

The icon on the close button is smaller expected on the Caja properties for a folder/file, but it's okay in other places like Appearance.

✔️ 18.04
❌ 19.10

Screenshot_20191009_101436

Potentially caused by the unmodified icon clean up that happens after generation, since it works as expected with the original Ambiant/Radiant-MATE icon themes.

Warn when colour too light / too dark

it would be beneficial to show a warning when a colour is out of a specified hex range. Plus, a command parameter (--ignore-brightness could ignore this warning and proceed anyway.

The warning could say:

Colour too light, try a darker colour or use --ignore-brightness

Colour too dark, try a lighter colour or use --ignore-brightness

This is so custom generated colours do not inhibit "black spots" due to being too dark and vice versa with too light colours.

Missing colour definitions/changes in icons

Very minor details; there are a couple of standard colours in the SVGs that the themed versions don't have changed.
#2e4705: a very dark green colour in system-file-manager.svg (Caja icon) and ooo-web.svg (OpenOffice file format?)
#d9edb9: a highlight colour on go-up/down/bottom/etc.svg

Modifying the theme to mimic 10.04 style?

Is it possible to modify the Ambiant themes so that only the titlebar and menubar are dark? This would ideally leave the toolbar light, as it is in the original 10.04 Ambiance theme. Thank you.

Error with volume indicator popup

Running 19.04. On changing the volume via keyboard controls, the icon that pops up is poorly scaled and appears completely different to that displayed using stock MATE themes - in fact, it appears to be from the Humanity theme?
This seems to be common across variants that I've tried. The stock volume control images are still in the new theme icon sets, so I'm unsure what would change here?

SoundIssue
Modified
SoundIssue2
Stock MATE

[21.04] - Broken icons for Yaru-MATE

As of commit 308f8ce, the icon fallback does not seem to be working as expected.

This is likely due to the icon optimisation step which is deleting 'duplicate' icons to save disk space.

Test Build

Screenshot_20210303_184551

Original Yaru-MATE

Screenshot_20210303_184612

[21.04] - Symlinks for Yaru-MATE should be kept

Describe the problem

Some symbolic links for icons are erased during the clean up process. This results in some recoloured icons being excluded. For example:

  • preferences-desktop-theme.png (link)
  • preferences-desktop-wallpaper.png

Aqua theme has the default green icon for "Appearance"

Screenshot_20210306_204640

Which themes are affected?

  • Yaru-MATE

Screenshots

Screenshot_20210306_204512

Release Version

21.04-4

[20.04] - Ambiant/Radiant-MATE - Plank themes are not supported

Describe the problem

Plank themes are not supported. On a base install using a panel layout like Cupertino that makes use of Plank, changing theme colors does not change the Plank theme. Plank is always the Ubuntu Mate green.

Expected behaviour

ubuntu-mate-colors should generate/install and apply a new Plank theme to match the color selected by the user.

Which themes are affected?

  • Ambiant-MATE
  • Ambiant-MATE-Dark
  • Radiant-MATE

Screenshots

Current (with aqua theme applied):
problem1
Expected:
expected2

Release Version

20.04.1

Ambiant-MATE-Dark icons missing

Both Ambiant-MATE and Radiant-MATE work on all the colors. The Ambiant-MATE-Dark, however, seems to be missing the icons:

Screenshot at 2019-10-07 12-27-20

I installed by doing:

$ sudo add-apt-repository ppa:lah7/ubuntu-mate-colours
$ sudo apt install ubuntu-mate-colours-generator ubuntu-mate-colours-all

[20.04] - Window borders do not apply

Describe the problem

When the theme is generated via python script window borders are not applied and some ugly one applied instead

Expected behaviour

Window borders work

Which themes are affected?

  • Ambiant-MATE
  • Ambiant-MATE-Dark
    (Tested only this ones)

Screenshots

image

Release Version

Ubuntu MATE 20.04

Satisfy lintian for Debian packaging

W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-generator
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-all
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-aqua
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-blue
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-brown
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-green
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-orange
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-pink
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-purple
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-red
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-teal
W: ubuntu-mate-colours source: debhelper-but-no-misc-depends ubuntu-mate-colours-yellow
W: ubuntu-mate-colours source: package-needs-versioned-debhelper-build-depends 11
W: ubuntu-mate-colours source: file-without-copyright-information .github/aqua.png
W: ubuntu-mate-colours source: file-without-copyright-information .github/blue.png
W: ubuntu-mate-colours source: file-without-copyright-information .github/brown.png
W: ubuntu-mate-colours source: file-without-copyright-information .github/green.png
W: ubuntu-mate-colours source: file-without-copyright-information .github/orange.png
W: ubuntu-mate-colours source: file-without-copyright-information .github/pink.png
W: ubuntu-mate-colours source: file-without-copyright-information .github/purple.png
W: ubuntu-mate-colours source: file-without-copyright-information .github/red.png
W: ubuntu-mate-colours source: file-without-copyright-information .github/screenshot.jpg
W: ubuntu-mate-colours source: file-without-copyright-information .github/teal.png
W: ubuntu-mate-colours source: file-without-copyright-information .github/yellow.png
W: ubuntu-mate-colours source: file-without-copyright-information debian/changelog
W: ubuntu-mate-colours source: file-without-copyright-information debian/compat
W: ubuntu-mate-colours source: file-without-copyright-information debian/control
W: ubuntu-mate-colours source: file-without-copyright-information debian/copyright
W: ubuntu-mate-colours source: file-without-copyright-information debian/postinst
W: ubuntu-mate-colours source: file-without-copyright-information debian/postrm
W: ubuntu-mate-colours source: file-without-copyright-information debian/rules
W: ubuntu-mate-colours source: file-without-copyright-information debian/source/format
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-aqua.install
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-blue.install
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-brown.install
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-generator.install
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-green.install
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-orange.install
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-pink.install
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-purple.install
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-red.install
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-teal.install
W: ubuntu-mate-colours source: file-without-copyright-information debian/ubuntu-mate-colours-yellow.install
W: ubuntu-mate-colours source: file-without-copyright-information generate-all.sh
W: ubuntu-mate-colours source: file-without-copyright-information ubuntu-mate-colours-generator
E: ubuntu-mate-colours source: no-standards-version-field

Poor contrast on home folder icon

Only a handful of themes have a clear contrast.

Original ✔️
Screenshot_20191009_132657 Screenshot_20191009_132344 Screenshot_20191009_132525

Likely one of the colour light/dark variables produce a too similar and need adjustment.

Any plans for Ambiant-MATE/Radiant-MATE?

I know that those themes are considered deprecated upstream now, but I was curious if you have any plans to work more with them in the future. As much as I'm growing to like the new Yaru themes, I really prefer the skeuomorphic design of the Ambiance theme family and it would be nice to see them continued in some way.

Snapping the Color Themes

Hi there!

I use one of the 🔵 blue themes, and I decided to make a snap of it so that my snap apps would match the rest of my system better. I actually have a project with a python script to generate snapcraft YAMLs for all the rest of the colors. 🌈

I thought I would offer this to you, since these are your themes. If you'd like to snap them 🤏, let me know and I'll open a PR here with my work! Or if that sounds like a chore, no worries, I'm happy to maintain the snaps. 🙂

Darken/lighten colours need checking

Some of the colours brightness adjustments are not quite ready yet, some of them are a bit too dark.


Checkboxes for aqua have very dark gradients:

Screenshot_20191005_113856

Folder icons for brown and some others also are very dark:

Screenshot_20191005_114050

It looks OK on some colours, however:

Screenshot_20191005_114120

Patch gtksourceview files?

These are used in places like the Pluma text editor and are present in ubuntu-mate-artwork. They might be worth patching for each colour variant:

  • gtksourceview-2.0
  • gtksourceview-3.0

Inherit Ambiant-MATE and only store changed files.

Currently an entire copy of the icon theme is created and the modifications are performed.

To reduce the overall size, the icons could inherit Ambiant-MATE (as appropriate) and the colour variants only contain files that were changed, creating a dependency on the icons.

💡 Themes cannot be inherited.

Update Yaru-MATE for 22.04 LTS

Yaru-MATE is now part of Yaru (previously was in a branch), meaning some adaption is needed to build the colour themes for 22.04 LTS onwards.

The Plan

Deadline

New 22.04 themes need to be built before the beta on 31st March 2022.

Draft branch: yaru-mate-22.04

How about a tweak option for subtler scrollbars?

Colorful scrollbars are distracting, especially in IDEs and such applications that have many. Gray would suit them better, as they're not important elements demanding attention. The pre-Unity Ambiance theme looked pretty balanced, with only the most important items having color.

Having a gray option for selections would be useful, too. I like the orange theme, but selecting big chunks of text burns my eyes.

The actual shade of gray could be calculated from the color value. With the luminosity method contrast remains similar, so the black-selected-text tweak would be compatible. Not sure if colors like yellow would leave the contrast too low, though.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.