Ubuntu 20.04 Dark Theme

User-contributed artwork and graphics.
Forum rules
ImageUser-contributed graphics, logos, themes, buttons, icons and other artwork relating to Audacity.
Images and suggestions posted here are primarily for fun. Audacity currently has few options for customising the appearance, but users may still like to share their vision of Audacity in the future.
Please read the READ ME post for this board before posting here.
madis
Posts: 11
Joined: Fri May 15, 2020 10:44 am
Operating System: Linux *buntu

Ubuntu 20.04 Dark Theme

Post by madis » Fri May 15, 2020 10:55 am

Hi, yesterday I got a bit frustrated how Audacity looks on Ubuntu and was thinking, surely I can improve that.

Just throwing a work-in-progress theme here to see if there is any interest. It turns out to be much more work than just a few hours.

audacity2.png
audacity2.png (74.78 KiB) Viewed 1621 times
All colors that look totally out-of-place means I simply haven't changed them yet, not that I think it looks good.
That means dark icons on dark background is simply not fixed yet.
And when you see some light colors (blue/gray), those will also change of course.

I kept the original icons mostly, so that they look familiar to Audacity users. I.e using crisper icons can be a separate theme on top of this.

steve
Site Admin
Posts: 81220
Joined: Sat Dec 01, 2007 11:43 am
Operating System: Linux *buntu

Re: Ubuntu 20.04 Dark Theme

Post by steve » Fri May 15, 2020 11:14 am

Looks nice. What Desktop are you using, with what Desktop Theme?
9/10 questions are answered in the FREQUENTLY ASKED QUESTIONS (FAQ)

madis
Posts: 11
Joined: Fri May 15, 2020 10:44 am
Operating System: Linux *buntu

Re: Ubuntu 20.04 Dark Theme

Post by madis » Fri May 15, 2020 11:15 am

steve wrote:
Fri May 15, 2020 11:14 am
Looks nice. What Desktop are you using, with what Desktop Theme?
Hey. I'm using the default gnome theme that comes pre-installed with Ubuntu 20.04 when changing Settings->Appearance->Window colors to "Dark"

madis
Posts: 11
Joined: Fri May 15, 2020 10:44 am
Operating System: Linux *buntu

Re: Ubuntu 20.04 Dark Theme

Post by madis » Sun May 17, 2020 12:48 pm

Alrighty. Spent way too much time on it, but here is pretty usable version of it.

Example:
audacitynneww.png
audacitynneww.png (75.21 KiB) Viewed 1594 times
ImageCache.png:
ImageCache.png
ImageCache.png (78.64 KiB) Viewed 1594 times


Replaced some icons with new ones from https://feathericons.com/, but their selection is small.

For documentations' sake:

Colors that can't be changed via theme:
- the left border next to "play/pin" icon toggle (white)
- the upper border for ruler (white)
- the monitor level (green)

And a few transparency issues which required workarounds:
- toolbar button backgrounds can't have transparent background, or it will be filled with white
- button background image can't be transparent where icon will come on top of it, or the background will be white


Attached is also (slightly messy) .xcf file for gimp if anybody wants to try out some improvements.
Attachments
audacityxcfgimp.zip
(71.07 KiB) Downloaded 79 times

madis
Posts: 11
Joined: Fri May 15, 2020 10:44 am
Operating System: Linux *buntu

Re: Ubuntu 20.04 Dark Theme

Post by madis » Sun Jun 14, 2020 3:58 pm

Minor update to integrate more into the OS look.
ImageCache.png
ImageCache.png (78.2 KiB) Viewed 1472 times

MichaelTunnell
Posts: 3
Joined: Tue Jul 07, 2020 1:37 pm
Operating System: GNU/Linux other

Re: Ubuntu 20.04 Dark Theme

Post by MichaelTunnell » Tue Jul 07, 2020 1:42 pm

This is very much improved and much needed! Well done.

Have you seen this theme, it's pretty nice though not made for Ubuntu. https://www.deviantart.com/podel1/art/A ... -715604676

madis
Posts: 11
Joined: Fri May 15, 2020 10:44 am
Operating System: Linux *buntu

Re: Ubuntu 20.04 Dark Theme

Post by madis » Sat Oct 10, 2020 8:45 pm

Another minor update unifying some icons (play/record while holding ctrl or shift) and fixing background color of the About dialog .

Screenshot from 2020-10-10 22-41-47.png
Screenshot from 2020-10-10 22-41-47.png (90.98 KiB) Viewed 1157 times
ImageCache.png
ImageCache.png (67.63 KiB) Viewed 1157 times

steve
Site Admin
Posts: 81220
Joined: Sat Dec 01, 2007 11:43 am
Operating System: Linux *buntu

Re: Ubuntu 20.04 Dark Theme

Post by steve » Sun Oct 11, 2020 3:04 pm

That's very nice madis.

One small criticism is that there is very little colour difference when audio is selected. The audio selection is an extremely important feature in Audacity as virtually all edits and effects are applied to the audio selection.

This is a screenshot of your "Ubuntu 20.04 Dark Theme" on Xubuntu with the "Arc-Dark" Desktop theme:


Full Window000.png
Full Window000.png (202.17 KiB) Viewed 1148 times
9/10 questions are answered in the FREQUENTLY ASKED QUESTIONS (FAQ)

waxcylinder
Forum Staff
Posts: 14658
Joined: Tue Jul 31, 2007 11:03 am
Operating System: Windows 10

Re: Ubuntu 20.04 Dark Theme

Post by waxcylinder » Sun Oct 11, 2020 4:22 pm

Another small critique

The "L" and "R" in the meter toolbars seem to have become more cramped than in your earlier versions.

In fact the meter numbers look larger than you had before - and certainly the look overlarge compared to othe numbers you have elsewhere in the Vertical Scale.

We LOVE the round Transport toolbar buttons.

Peter.
________________________________________FOR INSTANT HELP: (Click on Link below)
* * * * * FAQ * * * * * Tutorials * * * * * Audacity Manual * * * * *

steve
Site Admin
Posts: 81220
Joined: Sat Dec 01, 2007 11:43 am
Operating System: Linux *buntu

Re: Ubuntu 20.04 Dark Theme

Post by steve » Sun Oct 11, 2020 5:35 pm

waxcylinder wrote:
Sun Oct 11, 2020 4:22 pm
The "L" and "R" in the meter toolbars seem to have become more cramped than in your earlier versions.

In fact the meter numbers look larger than you had before - and certainly the look overlarge compared to othe numbers you have elsewhere in the Vertical Scale.
That isn't the fault of the theme, and cannot be configured in the theme. It is a bug in Audacity (Bug 2361)

waxcylinder wrote:
Sun Oct 11, 2020 4:22 pm
We LOVE the round Transport toolbar buttons.
We do :D
9/10 questions are answered in the FREQUENTLY ASKED QUESTIONS (FAQ)

Post Reply