Shades-of-gray-theme

GTK3 Themes

Source (required if based on other people's work): https://github.com/WernerFP/Shades-of-gray-theme

10
Score 75%
Description:

A flat dark GTK-theme with ergonomic contrasts. It supports Gnome, Cinnamon, Xfce4, Mate and Openbox. Theme customizations for Firefox, Thunderbird and Inkscape are additionally included. Shades-of-gray is available in seven color variants:

• Gray
• Arch
• Cerulean
• Firebrick
• Harvest
• Orient
• Patina

Installation:

Arch Linux: You can install the AUR package gtk-theme-shades-of-gray [1]

Manual Installation:

Extract and copy the chosen theme folders either for personal use into directory ~/.themes/ or for common use into /usr/share/themes/.

Customizations:

Each theme folder contains an app-gadgets directory with additional theme files for Thunderbird, Firefox and Inkspape.

Thunderbird: The folder assets and the file userChrome.css in folder Thunderbird-Shades-of-gray contain a Thunderbird theme adapted to Shades of gray. Copy both to this location:

~/.thunderbird/name-of-your-profile/chrome/assets
~/.thunderbird/name-of-your-profile/chrome/userChrome.css

Lightning uses its own bright colors in default setting. The option for using the theme colors is hidden as Accessibility. Open the Thunderbird settings and activate the checkbox Optimize colors for accesibility in calendar area.

If you change a Shades-of-gray theme color, it is not necessary to copy the file again. You can simply comment out the current theme color in userChrome.css (Thunderbird and Firefox) and comment in the new theme color value.

Firefox: The file userChrome.css in folder Firefox-Shades-of-gray contains a theme adaption to Shades-of-gray. To enable the customizations, copy the file or its content to this location:

~/.mozilla/firefox/name-of-your-profile/chrome/userChrome.css

Firefox uses widgets of the current GTK3 theme in websites that have not designed their own widgets for forms. With dark themes this is ugly and input fields, checkboxes etc. are difficult to use (e.g. black font in dark input fields). To fix this behavior the file userContent.css contains color-neutral form widgets. Copy the file or its contents to this location for enabling:

~/.mozilla/firefox/name-of-your-profile/chrome/userContent.css

You should choose the dark style in Firefox to get a consistent dark appearance.

Inkscape: Original colored icons in Inkscape are hard to identify in dark themes. The file icons.svg in folder Inkscape-icons contains bright icons. To use them in Inkscape, the file must be stored in this directory:

~/.config/inkscape/icons/icons.svg

Requirements:

• GTK+ 3.20 or above
• Pixmap theme engine
• Murrine theme engine

Issues:

Please report bugs, issues and feature requests on Github.
Last changelog:

1.1.2 7 days ago

• Xfce4: panel adjusted to gtk3 in Xfce 4.13 (gtk.css)
• Xfwm4: window buttons supplemented (xfwm4)
• Evolution: sidebars adjusted (gtk.css)
• gThumb: sidebar and browser background improved (gtk.css)
• Calendar: gnome-calendar enhancements (gtk.css)
• Firefox: smaller identity box for extensions in urlbar (userContent.css)
• Firefox: menus in about:preferences fixed (userContent.css)
• Thunderbird, Lightning: Shades-of-gray icons added (userChrome.css, assets)

26 comments
 Comments

Please login or register to add a comment

sunaku

15 days ago

+

Report

NOMIC82

23 days ago

+

Report

kamathln

1 month ago

+Finally a sane dark theme which is 1) is elegant 2) differentiable widgets 3) Easy on the eyes.

If I ever make a distro, this will be the default GTK3+ theme

Report

AbeTheAbe

2 months ago

+Chrome theme is not working properly, I would prefer the same color as the rest of theme ( gray) for top panel instead of black and this theme desperately needs the compact version, thanks!

Report

C

WernerFP

2 months ago

In the file Shades-of-gray-FAQ.html I have added how you can change the Gnome panel color.
If you think something is not working properly, please post your bug report on Github (see link above).

Report

C

WernerFP

2 months ago

I'm sorry, I think I misunderstood - you meant the Chrome/Chromium panel. In version 69 the GUI was changed (hard-coded). Please call "chrome://flags/#top-chrome-md" in urlbar and select "Normal". If that doesn't solve the problem, let's please discuss this on Github.

Report

C

WernerFP

2 months ago

Did you select GTK+ in "chrome://settings"?

Report

annoyingduck

3 months ago

I just love this theme set. One thing I just noticed in the Cerulean variant. In Clementine music player the lower spectrum analyser is not the cerulean light blue, but rather a very dark blue and looks out of place. This is only happening with the cerulean variant. The darker Arch blue variant has the analyser as nice lighter blue and the other variants have colors that all match. Issue is only with the cerulean one (which happens to be my favorite!). Running Arch w/XFCE. It's also the same on Arch w/Cinnamon.

Report

C

WernerFP

3 months ago

Is the system color set selected in Clementine?
Preferences → Appearance → Use the system default color set
The colors of the spectrum analyzer should then be displayed as expected.

Report

annoyingduck

3 months ago

Yes, theme settings are correct in Clementine. It's only the Cerulean variant that has a mismatched analyzer color. All the other variants theme correctly in Clementine. For some reason the Cerulean makes the analyzer a very dark blue, a much different blue than it should be.

Report

C

WernerFP

3 months ago

I can reproduce it. It only affects the Block analyzer, all others (Bar-, Boom-, Turbine analyzer) process the color value correctly.
Clementine gets the color value from gtrc. This single hex value is the only difference between the gtrc theme files.
I have tried different hex color values - some are parsed properly, others are replaced by fallback color. I think it's is a problem in Block analyzer converting hex color to QColor format.

Report

Adyel

3 months ago

+ Great Theme, Easy on the eye.

Report

1E1E1E

3 months ago

+

Report

fenario

3 months ago

My apologies Werner, false alarm. I'm tweaking the theme and it got a bit confusing. All works well on Ubuntu 18.04 but in 16.04 it is squashed; so above gtk-3.20 would be OK

Report

fenario

3 months ago

Hi Werner, Thanks for a great theme. I'd like to use this as my dark theme. I have noticed that in Ubuntu 18.04 tweak tool (gtk 3) has no buttons showing although they work. Is it to do with the theme? Any tweaks that can be done?

Report

C

WernerFP

3 months ago

Sorry, my reply took some time. I have set up a virtual machine with Ubuntu 18.04 (I normally use Arch Linux). Gnome-tweaks looks right to me with Ubuntu- and Gnome-Shell:
Ubuntu-Shell: https://pasteboard.co/HvXHykw.png
Gnome-Shell: https://pasteboard.co/HvXHRk7.png
Probably a problem with Wayland? In case of discussing please post your issue on Github (link above).

Report

scorici

3 months ago

+

Report

intro18

3 months ago

+

Report

annoyingduck

4 months ago

+Most excellent work. Finally a suitable dark replacement. Running Arch w/XFCE, everything looks great so far.

Report

ben2talk

4 months ago

+Not bad - after the 'Yltra' theme stopped working...

Report

rafenator

4 months ago

+

Report

edada

4 months ago

I really like the looks of the theme but I am having problems resizing windows. When I move the cursor to a window boundary I am not getting "arrow plus bar" cursor and am not able to grab the window frame. I am running ubuntu 18.04 and don't have this problem with other themes. I am running with DMZ-White cursors via Gnome tweaks but have tried others. Perhaps I just need to tweak something else. Thanks.

Report

C

WernerFP

4 months ago

@edada
Thank you for your bug report!
I had accidentally commented out a necessary instruction in gtk.css (line 4294). The bug is fixed now in 1.0.3.

Report

edada

4 months ago

Thanks for the fix. I'll be pounding on it for a while and will let you know if I find anything else.

Report

nand

4 months ago

+

Report

1.1.2 7 days ago

• Xfce4: panel adjusted to gtk3 in Xfce 4.13 (gtk.css)
• Xfwm4: window buttons supplemented (xfwm4)
• Evolution: sidebars adjusted (gtk.css)
• gThumb: sidebar and browser background improved (gtk.css)
• Calendar: gnome-calendar enhancements (gtk.css)
• Firefox: smaller identity box for extensions in urlbar (userContent.css)
• Firefox: menus in about:preferences fixed (userContent.css)
• Thunderbird, Lightning: Shades-of-gray icons added (userChrome.css, assets)

1.1.1 2 months ago

• Openbox: close button modified, window handle and menu improvements
• Thunderbird: minimum column width defined (userChrome.css)
• Lightning 6.2: bright navigation buttons (userChrome.css)
• Firefox: form widgets also adapted for moz-extensions (fixed in userContent.css)

1.1.0 3 months ago

• New: Theme for Cinnamon added
• GTK3: Minor changes
• Metacity: Updated for Cinnamon
• Thunderbird 60: Fixes and improvements
• Lightning: Theme adaptation improved
• Firefox: Fixes and further theme customizations

1.0.4.1 3 months ago

• Fix: gtk3-submenus are positioned closer to the parent menu
• New: Shades-of-gray-FAQ.html (2018-07-29)

1.0.4 3 months ago

• Thunderbird: added theme customizations for color tags in email tree view (userChrome.css)
• Borders and separators slightly less contrast (gtk-colors.css, gnome-shell.css)

1.0.3: 4 months ago

Bug fix: Window decorations of Gnome applications now correctly trigger a resize mouse pointer.

product-maker sunaku Nov 04 2018

+

product-maker NOMIC82 Oct 28 2018

+

product-maker kamathln Oct 10 2018

+Finally a sane dark theme which is 1) is elegant 2) differentiable widgets 3) Easy on the eyes. If I ever make a distro, this will be the default GTK3+ theme

product-maker AbeTheAbe Sep 17 2018

+Chrome theme is not working properly, I would prefer the same color as the rest of theme ( gray) for top panel instead of black and this theme desperately needs the compact version, thanks!

product-maker AbeTheAbe Sep 17 2018

+Very Nice!

product-maker Adyel Jul 31 2018

+ Great Theme, Easy on the eye.

product-maker 1E1E1E Jul 27 2018

+

product-maker scorici Jul 22 2018

+

product-maker intro18 Jul 21 2018

+

product-maker gyll Jul 21 2018

Great piece of work pall! A few remarks though (for now): 1) i think the separators in the menus should be visible (some shade of grey) 2) the gtk3 sub-menus should not be distanced from their parent menu, it breaks the consistency with gtk2. Anywayz, it's definitely a '+'

product-maker annoyingduck Jul 04 2018

+Most excellent work. Finally a suitable dark replacement. Running Arch w/XFCE, everything looks great so far.

product-maker ben2talk Jul 04 2018

+Not bad - after the 'Yltra' theme stopped working...

product-maker rafenator Jul 03 2018

+

product-maker nand Jun 29 2018

+
File (click to download) Version Description Packagetype Architecture Downloads Date Filesize DL OCS-Install
product-maker
WernerFP
Pling
Other GTK3 Themes:
product
product
product
product
product
product
Details
license
GPLv3
version
updated Nov 12 2018
added Jun 28 2018
downloads today
0
page views today 69
Report Misuse Report SPAM
System Tags gplv3