/materia-theme

A Material Design theme for GNOME/GTK+ based desktop environments
  1. CSS 99.2%
  2. Shell 0.8%
CSS Shell
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP
Find file
Switch branches/tags
Nothing to show
Latest commit 3c5220c Jan 7, 2018 @actionless actionless committed with nana-4 feat(change_color): add gnome-shell and xfce (#193) 
* feat(change_color): add xfce paths and colors

* feat(change_color): add gnome-shell

* feat(change_color): improve color-replacement on gnome-shell theme and implement GNOME_SHELL_PANEL_OPACITY theme option

* fix(change_color): add gnome-shell 3.20 and 3.22 (3.24 and 3.26 are symlinks anyway)

* fix(change_color): remove redundant #

* fix(change_color): change order of gnome-shell replacements (first key, next colors)

* feat(change_color): add gnome-shell assets as well as scss

* fix(change_color): don't touch color-palette.scss when replacing colors in all gnome-shell assets

* feat(change_color): add more color replacements for gnome-shell

* feat(change_color): add more color replacements for gnome-shell - button_fg_color and fg_color
Permalink
Failed to load latest commit information.
.github Change the theme name from Flat-Plat to Materia Oct 4, 2017
scripts feat(change_color.sh): script to generate theme with custom color (#133) Aug 27, 2017
src gnome-shell: Add dummy noise-texture.png to avoid errors Dec 21, 2017
.gitignore Use libsass/sassc instead of Ruby/Sass Apr 4, 2017
COPYING Fix version of the GPL from 3 to 2 Feb 26, 2016
HACKING.md HACKING.md: Mention about the change_color.sh script Nov 6, 2017
README.md README.md: Use wget instead of curl for Manual Installation Dec 12, 2017
TODO.md Update TODO.md Oct 29, 2017
change_color.sh feat(change_color): add gnome-shell and xfce (#193) Jan 7, 2018
install.sh gnome-shell: Add dummy noise-texture.png to avoid errors Dec 21, 2017
parse-sass.sh parse-sass.sh: Add a comment Oct 29, 2017
render-assets.sh Add render-assets.sh to render PNG assets more easily Sep 26, 2017
test.sh test.sh: Improve a bit more Nov 17, 2017

README.md

Materia

Materia (formerly Flat-Plat) is a Material Design theme for GNOME/GTK+ based desktop environments.
It supports GTK+ 3, GTK+ 2, GNOME Shell, Budgie, MATE, Unity, LightDM, GDM, Chrome theme, etc.

Also Materia has compatibility with oomox theme designer.

Features

Ripple effect animations for GTK+ 3 are supported.

Button

Three color variants and two size variants are available.

Materia - compact
- Materia Materia-compact
dark Materia-dark Materia-dark-compact
light Materia-light Materia-light-compact

Various desktop environments are supported.

  • GNOME Shell >=3.18
  • Budgie >=10.2.5
  • MATE >=1.14
  • Unity >=7.4
  • ... and more DEs are planned.

Installation

Packages

Install command
Arch Linux [1] yaourt -S materia-theme
Fedora / EPEL [2] sudo dnf copr enable tcg/themes && sudo dnf install materia-theme
  1. The AUR package is maintained by @cthbleachbit.
  2. The Copr repository is maintained by @LaurentTreguier.

Manual Installation

Check the dependencies first:

  • GTK+ >=3.18
  • gnome-themes-standard
  • Murrine engine - The package name depends on the distro.
    • gtk-engine-murrine on Arch Linux
    • gtk-murrine-engine on Fedora
    • gtk2-engine-murrine on openSUSE
    • gtk2-engines-murrine on Debian, Ubuntu, etc.
  • glib-compile-resources - The package name depends on the distro.
    • glib2 on Arch Linux
    • glib2-devel on Fedora, openSUSE, etc.
    • libglib2.0-dev on Debian, Ubuntu, etc.

Did you get the error: XMLLINT not set and xmllint not found in path? Then you'll also need to install libxml2-utils.

Install the theme with the following commands:

cd /tmp && wget -qO - https://github.com/nana-4/materia-theme/archive/master.tar.gz | tar xz
cd materia-theme-master
sudo ./install.sh

Manual Uninstallation

Delete the installed directories:

sudo rm -rf /usr/share/themes/{Materia,Flat-Plat}{,-compact,-dark,-dark-compact,-light,-light-compact}

Recommendations

Font

  • To properly display the theme, use a font family including Medium weight (such as Roboto or M+).
  • Set the font size to 9.75 (= 13px at 96dpi) or 10.5 (= 14px at 96dpi).

Chrome Theme

To use the Chrome theme;

  1. Open the chrome folder on /usr/share/themes/Materia<-variant>.
  2. Drag and drop the .crx files onto the Chrome/Chromium Extensions page: chrome://extensions

GDM Theme

You can change the GDM (lock/login screen) theme by replacing the default GNOME Shell theme.
See the wiki for details: https://github.com/nana-4/materia-theme/wiki/GDM-Theme

Previews

GNOME Shell

GNOME Shell

Budgie Desktop

Budgie Desktop

GDM

GDM

Previews Info: Icon Theme: Paper | Font: M+ 1C 9.75pt | Dock's icon size: 48px + fixed | Wallpapers

Contributing

If you find bugs or have suggestions, please report it to the issue tracker. Any contribution would be much appreciated.

See also (if necessary): TODO.md and HACKING.md

License

Materia is distributed under the terms of the GNU General Public License, version 2 or later. See the COPYING file for details.

Credits

  • This theme is based on Adwaita by GNOME.
  • The included symbolic icons are based on Material Design icons by Google.
  • Chrome/Chromium scrollbars extension was forked from Adwaita-chrome-scrollbar by GNOME Integration Team.
  • The original concept is Google's Material Design.
  • Yauhen Kirylau (@actionless) who is oomox author polished scripts and supported Materia with oomox.

Also thank you to all contributors and upstream developers.