Shades-of-gray-theme

GTK3 Themes

Source (link to git-repo or to original if based on someone elses unmodified work): https://github.com/WernerFP/Shades-of-gray-theme

21
7.8
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

The following description is contained in the individual theme folders.

Installation:

• Arch Linux

You can install the AUR package:

• Last release: gtk-theme-shades-of-gray
• Git version: gtk-theme-shades-of-gray-git

• Manual Installation

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

Shades-of-gray can also be downloaded from GitHub.

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

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

• Thunderbird Calendar

Thunderbird‘s Calendar (formaly Lightning) uses its own bright colors in default setting. The option for using theme colors is hidden as 'Accessibility'.
Open the Thunderbird settings and activate the checkbox 'Optimize colors for accessibility' in calendar area.

• Firefox

userChrome.css: 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

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

userContent.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.

about.css: This file contains Shades-of-gray theme customizations for the Firefox 'about:' pages ('about:about' provides an overview for your current Firefox version).

Copy the files 'userContent.css' and 'about.css' to this location:

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

• Firefox add-ons

Bookmark search plus 2: The file 'bookmark-search-plus-2.css contains theme customizations for the very useful add-on Bookmark search plus 2 (AMO). Copy this file into your chrome directory:

~/.mozilla/firefox/name-of-your-profile/chrome/bookmark-search-plus-2.css

Panorama Tab Groups: The file 'panorama-tab-groups.css' contains theme customizations for the recommended add-on Panorama Tab Groups (AMO). Copy this file in addition to 'userContent.css' into your chrome directory:

~/.mozilla/firefox/name-of-your-profile/chrome/panorama-tab-groups.css

Note: in Panorama Tab Groups settings you can toggle between light and dark theme. The Shades-of-gray customizations only take effect with the dark theme.

Bookmarked Speed Dial: Bookmarked Speed Dial (AMO) is an add-on that offers similar functionality to Vivaldi Speed Dial.

The file 'bookmarked-speed-dial.css' contains a Shades-of-gray theme customization. Copy this file in addition to 'userContent.css' into your chrome directory:

~/.mozilla/firefox/name-of-your-profile/chrome/bookmarked-speed-dial.css

The directory '../app-gadgets/Firefox-Shades-of-gray/bookmarked-speed-dial-images' contains images wich you can choose as 'Default dial image' and 'Default folder image' in the add-on options.

• 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

• Syntax Highlighting

Shades-of-gray includes the syntax color scheme Shades-of-pastel for several editors. By using pastel colors on dark background like pastel chalks on a blackboard the Shades-of-pastel scheme provides balanced and easy on eyes contrasts.

Currently Vim, GVim, Sublime-Text and editors with syntax highlighting based on 'GtkSourceView 3' or 'GtkSourceView 4' such as Gedit, Pluma. Xed and Mousepad are supported. Installation notes can be found in 'Shades-of-gray-Readme.html'.

Requirements:

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

License:

GNU General Public License GPL-3

Issues:

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

1.1.7 13 days ago

• Thunderbird: Enigmail flat button text color forced (userChrome.css)
• Firefox add-on: background focus group header fixed (panorama-tab-groups.css)
• Firefox add-on: minor fix (bookmarked-speed-dial.css)
• Firefox 66+ home content: blue font in context menu fixed (userContent.css)
• Firefox: customizations identity-popup (userChrome.css)
• Firefox: CSS-code cleaned up (userContent.css, userChrome.css)
• New: Firefox - dark Shades-of-gray theme for 'about:' pages (about.css)

57 comments
 Comments

Please login or register to add a comment

AV1Aca

8 days ago

9 9 excellent

Report

hsmmouse

1 month ago

8 From my point of view, it is one of the best dark theme.

Report

fjuwoeg

1 month ago

8 +

Report

kooijman77

2 months ago

8 +Favorite dark theme

Report

charlie-henson

3 months ago

8 +

Report

442206

3 months ago

8 +I love this theme

Report

sheakspeare

4 months ago

I like it. ++++++++++ take!

Report

amorpher

4 months ago

8 +
My Favorite Theme for the last year.
I use it with Newaita icons.

Report

mockroot

4 months ago

8 +

Report

jocixlinux

4 months ago

8 +

Report

celphor

4 months ago

8 +

Report

celphor

4 months ago

Looks really great, thank you very much! The only glitch I saw was in the calendar widget in Thunderbird (month view) which doesn't use the new background color (Thunderbird 60.3.0/64 bit)

Report

celphor

4 months ago

Mh, if I open the built in developer tools of TB and inspect an element of the month view widget the color set changes immediately ;-)

Report

celphor

4 months ago

Ok, an RTFM exception occured ;-) After copying the files to the Thunderbird profile directory it works ^^

Report

rcrittendon

5 months ago

8 +Fantastic Theme, awesome work, what a joy to use, thank you!

Report

khandakershahi

5 months ago

I have a problem with the volume and brightness indication on gnome. It shows no indicator like a bar or dot.

Report

C

WernerFP

5 months ago

@khandakershahi
Thanks for your report. It is fixed now in 1.1.3.1.

Sorry for the inconvenience of a new update.

Report

khandakershahi

5 months ago

Thank you for the update. Is it possible to have a progress bar at volume and brightness control.

Report

C

WernerFP

5 months ago

@khandakershahi
I reproduced and fixed the bug of the invisible slider (Gnome panel). I can't see a problem with the progress bar and need more information.
Please post your issue on Github so that we can discuss, fathom and solve this problem:
https://github.com/WernerFP/Shades-of-gray-theme

Report

khandakershahi

5 months ago

Okay. I have posted the issue on github. Here is the link. https://github.com/WernerFP/Shades-of-gray-theme/issues/1
Thanks.

Report

khandakershahi

5 months ago

I have a problem with the volume and brightness indication on gnome. It shows no indicator like a bar or dot.

Report

annoyingduck

5 months ago

@WERNERFP, I have to comment again about how awesome this theme set is. I'm so glad your actively still working on it, most themes here are abandoned not long after the initial upload, plus the addition of an AUR package to make life easier for us Arch/Arch-based folks is just great. They have been my DD themes since release. I run these themes on Arch-XFCE and Arch-Cinnamon and they are the most gorgeous, accurate, and overall best darker themes ever made IMO and work perfect on both of those distros. XFCE is always tricky where many small elements are themed improperly, but not this set. The grey base vs blackish is simply perfect. Easy on the eyes, but you don't have to struggle to see things like many blackish based themes. Big thanks again, and keep up the great work.

Report

C

WernerFP

5 months ago

@annoyingduck
Wow…
Thank you for your feedback!

Report

logarithm2

5 months ago

Very clean theme except for the menus. I think menu items need more vertical padding (and also a seperator between menu groups)

Report

C

WernerFP

5 months ago

@logarithm2
You can easily change this behavior. Please have a look at the Shades-of-gray-FAQ.html. I've also added a section for vertical spacing of menu items.

Report

1.1.7 13 days ago

• Thunderbird: Enigmail flat button text color forced (userChrome.css)
• Firefox add-on: background focus group header fixed (panorama-tab-groups.css)
• Firefox add-on: minor fix (bookmarked-speed-dial.css)
• Firefox 66+ home content: blue font in context menu fixed (userContent.css)
• Firefox: customizations identity-popup (userChrome.css)
• Firefox: CSS-code cleaned up (userContent.css, userChrome.css)
• New: Firefox - dark Shades-of-gray theme for 'about:' pages (about.css)

1.1.6 2 months ago

• New: Syntax scheme for Vim and GVim added (Shades-of-pastel)
• GNOME Shell 3.32: close buttons in dash overview adapted (gnome-shell.css)
• GTK3 workaround: gnome-control-center 3.32 ignores '@base_color' (gtk.css)
• Firefox add-on: 0.8.8 update (panorama-tab-groups.css)
• Firefox add-on: color '#searchtext' fixed (bookmark-search-plus-2.css)
• Firefox urlbar indicator: color for validated sites adjusted (userChrome.css)
• Firefox 66+: update CSS corrections for 'about' sites (userContent.css)

1.1.5 3 months ago

• GTK2: entry background color in HexChat fixed (apps.rc)
• GTK3: Gedit document-panel background color synchronized (gtk.css)
• Thunderbird: titles of unread messages are colored (userChrome.css)
• Firefox add-on theme: 2.0.52 update (bookmark-search-plus-2.css)
• Firefox: fallback webextension popup background added (userChrome.css)
• Firefox: width of vertical scrollbar in sidebar reduced (userChrome.css)
• Firefox add-on theme added: Bookmarked Speed Dial (bookmarked-speed-dial.css, userContent.css)
• Syntax color schemes for Sublime-Text, Gedit, Pluma, Xed, Mousepad added (Shades-of-pastel)

1.1.4 4 months ago

• GTK3, GTK2, Cinnamon, Gnome, Openbox: thin dark menu separator lines added
• GTK3: side effect Evolution-CSS in Rhythmbox fixed (gtk.css)
• Gnome: slider and barlevel fixed to version 3.29+ (gnome-shell.css)
• Gnome: better activities icon (gnome-shell.css)
• Gnome: panel less opacity (gnome-shell.css)
• Theme folder: Readme files superseded (new: Shades-of-gray-Readme.html)
• Firefox, Thunderbird: thin dark menu separator lines added (userChrome.css)
• Firefox: overflow submenu improved for add-on content (userChrome.css)
• Firefox: added options to hide context menu items (userChrome.css)
• Firefox add-on theme added: Panorama Tab Groups (panorama-tab-groups.css, userContent.css)

1.1.3.1 5 months ago

• Gnome: volume and brightness slider fixed (gnome-shell.css)

1.1.3 5 months ago

• Thunar, Nemo, Nautilus, Caja: list view improved (gtk.css)
• Firefox: minor adjustments in userChrome.css (places window)
• Firefox add-on theme added: Bookmark search plus 2 (bookmark-search-plus-2.css, userContent.css)

1.1.2 6 months 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 8 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 9 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 10 months ago

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

1.0.4 10 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: 10 months ago

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

12345678910
251
product-maker AV1Aca May 15 2019 9 excellent
9 excellent
product-maker hsmmouse Apr 08 2019 8 great
From my point of view, it is one of the best dark theme.
product-maker fjuwoeg Mar 25 2019 8 great
+
product-maker kooijman77 Mar 01 2019 8 great
+Favorite dark theme
product-maker charlie-henson Feb 17 2019 8 great
+
product-maker 442206 Jan 25 2019 8 great
+I love this theme
product-maker amorpher Jan 16 2019 8 great
+ My Favorite Theme for the last year. I use it with Newaita icons.
product-maker mockroot Jan 16 2019 8 great
+
product-maker jocixlinux Jan 16 2019 8 great
+
product-maker celphor Dec 25 2018 8 great
+
product-maker rcrittendon Dec 18 2018 8 great
+Fantastic Theme, awesome work, what a joy to use, thank you!
product-maker khandakershahi Dec 16 2018 8 great
+Nice Theme!
product-maker Franua Dec 15 2018 8 great
+Great theme! Soothing for eyes... Love it!
product-maker brique Nov 28 2018 8 great
+
product-maker sunaku Nov 04 2018 8 great
+
product-maker NOMIC82 Oct 28 2018 8 great
+
product-maker kamathln Oct 10 2018 8 great
+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 8 great
+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 Adyel Jul 31 2018 8 great
+ Great Theme, Easy on the eye.
product-maker 1E1E1E Jul 27 2018 8 great
+
product-maker scorici Jul 22 2018 8 great
+
product-maker intro18 Jul 21 2018 8 great
+
product-maker annoyingduck Jul 04 2018 8 great
+Most excellent work. Finally a suitable dark replacement. Running Arch w/XFCE, everything looks great so far.
product-maker ben2talk Jul 04 2018 8 great
+Not bad - after the 'Yltra' theme stopped working...
product-maker rafenator Jul 03 2018 8 great
+
product-maker nand Jun 29 2018 8 great
+
product-maker Count: 2 Rating: 5.0
File (click to download) Version Description Downloads Date Filesize DL OCS-Install
product-maker
WernerFP
Pling
*Needs ocs-url or ocs-store to install things
Other GTK3 Themes:
product
product
product
product
product
product
Details
license
GPLv3
version
updated May 10 2019
added Jun 28 2018
downloads today
68
page views today 150
Report Misuse Report SPAM
System Tags gnome gtk3 linux theme unix gplv3
+