Git Product home page Git Product logo

materia-theme's Introduction

materia-logo

Materia

Materia is a Material Design theme for GNOME/GTK based desktop environments.

It supports GTK 2, GTK 3, GTK 4, GNOME Shell, Budgie, Cinnamon, MATE, Unity, Xfce, LightDM, GDM, Chrome theme, etc.

Previews

widget-factory widget-factory-dark

Features

Supports ripple animations for GTK 3 and 4:

ripple

3 color variants and 2 size variants are available:

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

Supported Toolkits and Desktops

  • GTK 2
  • GTK 3 >=3.20
  • GTK 4 >=4.0
  • Budgie >=10.4
  • Cinnamon >=3.x
  • GNOME Shell >=3.26
  • MATE >=1.14
  • Unity >=7.4
  • Xfce >=4.13

Unsupported Apps and Desktops

  • elementary apps

    Because they are based on their own stylesheet that conflicts with GTK standards.

  • Downstream customized GNOME sessions

    E.g. "Ubuntu" session, "Pop" session. To properly use Materia on GNOME Shell, please install gnome-session and then switch to "GNOME" or "GNOME on Xorg" session from your display manager.

Installation

Distro Packages

Distro Package Name Annotation
Arch Linux materia-gtk-theme Link
Debian 10 or later materia-gtk-theme Link
Fedora materia-gtk-theme Link
Solus materia-gtk-theme Link
Ubuntu 18.04 or later materia-gtk-theme Link

NOTE: Distro packages could be outdated and incompatible with your desktop environment. You can check the latest version here.

Flatpak

All 6 variants are available via Flathub:

flatpak remote-add --if-not-exists flathub https://dl.flathub.org/repo/flathub.flatpakrepo
flatpak install flathub org.gtk.Gtk3theme.Materia{,-dark,-light}{,-compact}

Manual Installation

See INSTALL.md for details.

Recommendations

Font

  • Use a font family including Medium weight (e.g. Roboto or M+) to properly display the theme.
  • Set the font size to 9.75 (= 13px at 96dpi) or 10.5 (= 14px at 96dpi).

Chrome Extensions

To improve the appearance of Chrome, you can install our Chrome extensions as follows:

  1. Open the /usr/share/themes/Materia<-variant>/chrome folder in your file manager.
  2. Drag and drop the .crx files into the Chrome's Extensions page (chrome://extensions).

GDM Theme

You can change the GDM (lock/login screen) theme by replacing the default GNOME Shell theme.
See INSTALL_GDM_THEME.md for details.

Customization

Materia can be customized with GUI application, oomox theme designer.

Materia also allows you to change the color scheme relatively easily in other ways. See HACKING.md for details.

Contributing

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

Todo list can be found at TODO.md.

Related Projects

License

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

Acknowledgments

  • Materia is based on Adwaita by GNOME.
  • Design and specifications are based on Google's Material Design.
  • The included symbolic icons are based on Material Design icons by Google.
  • The Chrome scrollbar extension was forked from Adwaita-chrome-scrollbar by GNOME Integration Team.
  • Yauhen Kirylau (@actionless) who is oomox author polished scripts and supported Materia with oomox.
  • @n3oxmind who helped improve the installation script we had.
  • @smurphos who made and provided the Cinnamon theme for Materia.
  • Our Meson code is heavily influenced by @monday15's lounge-gtk-theme.

Also thank you to all contributors and upstream developers.

materia-theme's People

Contributors

actionless avatar adsoncicilioti avatar alexwayfer avatar archangegabriel avatar brentlintner avatar ccat3z avatar ceyhunn avatar dependabot[bot] avatar derekstavis avatar hrdwrrsk avatar igor-dyatlov avatar jacalz avatar jntesteves avatar jyhi avatar laurenttreguier avatar lelgenio avatar lokesh-krishna avatar mintsuki avatar monday15 avatar moukoublen avatar n3oxmind avatar nana-4 avatar olegkrikun avatar robinvalk avatar sjugge avatar smurphos avatar svnset avatar t-chaik avatar tiz-huglife avatar trwnh 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  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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

materia-theme's Issues

Applying the shell theme crashes the GNOME Shell

I got this archive by using the command git clone https://github.com/nana-4/Flat-Plat.git

When I use gnome-tweak-tool to change the gnome shell theme, all the windows freeze, and the 'Something has gone wrong' screen shows up. I had no choice but to log out.

After logging back in, the User Themes extension was disabled, or I would not have chance to use my laptop again.

I grabbed a log file using gnome-tweak-tool |& tee gnome-tweak-tool.log.txt, but I have no idea how to send to you (GitHub says I heed write permission to upload a file in this editing area).

Please let me know how I can provide more detailed information, because I am longing for this theme :)

Highlighted menu item color is almost indistinguishable in synapse

So I am not sure where to post this. I THINK it is right to post it here because the problem showed up after I activated the theme.

I use Synapse as a launcher. After loading Flat-plat (which ****ing rocks btw - thank you) the selected target in Synapse is colored a white color which makes it almost invisible.

Do you have advice on how I might fix this?

Thanks!

Opaque version?

Hi,
Excellent theme. I have been using it for a while now.
Is there a possibility that you could add a non transparent version of the shell theme into the repo?

Add Ubuntu PPA

Add please repository for Ubuntu or allow to become a maintainer

Accent color

Hey, I have just installed the newest master. Do you like the accent color in the Gnome-Shell (some pinkish)? :) I thought the blue one was nicer to the eye.

What do the others think?

P.S. The radiant color in the gdm-wallpaper doesn´t work nice with my laptop and pc screen (Dell u2515). They appear as rings and not like a smooth gradient.

Transparent scrollbar ?

That would be logical to have a transparent scrollbar, wouldn't be ?
Right now the overlay is opaque, and with a border.
Maybe I'll do a pull request to change that ;)

File rename selection color

Thank you for great theme, I really like Flat-Plat...

When I want to rename a file, file name and background color both are white.

This appears only in Flat-Plat, I don't have this problem in Numix theme.

And I am using gnome 3.18.

screenshot from 2016-07-22 07-31-44

App indicators are in wrong positions

When using the dash to dock extension, I noticed that the indicators are always on the left side of the icons like this

screenshot from 2015-11-03 21-15-47

The indicators should be like this if the dock is placed at the bottom of the screen:

screenshot from 2015-11-03 21-15-39

LibreOffice 5.1.x bug (menue)

There is a bug with LibreOffice. The arrows in expendable menues are not visible until you hover with your mouse over the entry.

libreoffice_bug_menue

(Request) Another wallpaper GDM

Hey,

I love your theme.. as you might already know. :)
Politely I wanted to ask you to switch to another wallpaper for the GDM-login screen.
This one looks just too much iOS like... for my taste. :)

You should consider to accept paypal donations. :)

Some css bug

Hi
Thank you for beautiful theme, plz fix this issues if possible.

(margin between "page 1" and its border is very ugly)
screenshot2
screenshot1

Strange switches in dconf Editor

screenshot from 2016-07-21 16-05-44
In the above screenshot (open dconf editor and click any value) there's a switch in the lower right that doesn't look like it should (wide and stretched).

Progress bar

The progress bar where i can see how long the process will take is not correctly i think.
In Adwaita for example, i can see how that the progress bar is slowly getting blue from the left side to the right, until the process is finished. In Flat Plat the process bar is directly full with blue color from the beginning until the end of process.

adwaita

flatplat

Gtk3.20 : very big margins ?

Okay, i don't know how much time you spent on the 3.20 version of the theme, but I LOVE IT ! It's simply sublime !

BUT :

  • You should have a folder gtk-3.20 AND gtk-3.0 to keep supporting the pre-gtk3.18 versions of GTK.
  • The margins seem really bigger than with gtk3.18. Gtk3-widget-factory doesn't even fit my screen !
    capture du 2016-04-11 10-57-08

Dark Title Bars

I am using the Flat-Plat theme on my Arch Linux system using the AUR package https://aur.archlinux.org/packages/flatplat-theme-git/. I recently updated the package and it caused the title bars of all applications (also those that use the light theme variant) to become dark. You can see this in the attached screenshot. This really confuses me, because the screenshots on this Github page still show light title bars. Is this change intended?

screenshot from 2016-07-23 13-39-15

Gtk2 application window shading incorrectly rendered on Hi-DPI screens

This is the window border and shader on my Surface Pro 3 (12'' diagonal, 2160 x 1440 resolution and 216 pixels per inch). I've turned on Hi-DPI settings in gnome and clearly the shades are incorrectly rendered.
screenshot from 2016-03-27 13-02-16

This doesn't happen on my desktop 20'' 1600 x 900 monitor (92 pixels per inch).

always autoplay

hey,
with the newest release, I cannot turn off autoplay. So it always starts playing the latest playback after opening Lollypop. No matter which option I am turning on/off.
Another bug I saw: the playback button (left upper corner) is always showing "play". Never "stop" or "pause".

Edit: I am using Arch-Linux with newest updates (gnome 3.18.x).

master branch doesnt support gnome 3.14 (metacity)

gnome-tweak-tool on Gnome 3.14
Windows theme never shows Flat-Plat.
GTK theme shows Flat-Plat.
your 3.14 branch is many different compared to master
If you have time, can you add legacy metacity support on master branch?

non flat buttons

Everything seems flat in this beautiful theme but buttons (i exactly mean normal buttons in windows. eg rhythmbox play and pause button) are not flat and have shadows. Don't you think they look better without shadows?

Weird radiobuttons on Firefox / Libreoffice

I am on Arch Linux using GNOME 3.20 and using Flat Plat 3.20 20160404. checkboxes in Firefox are not visible when they are not checked (although they are visible when they are checked).
Thanks

[Request] Dark Flat-Plat Gnome-shell Theme.

I love the Flat-plat theme and it looks awesome when "Global Dark Theme" enabled.
However, the gnome-shell theme is light and it doesn't look fine to my eyes.

screenshot from 2015-10-28 07-22-34

Is it possible to have dark-variant of Gnome-shell theme ? Which would look awesome with my dark-variant of Flat-plat gtk theme.
Thanks for such an awesome theme.

Ugly selection highlighting on xfce

I'm using version 3.20.20160404 of this theme on xfce 4.12. This theme is very nice, but on xfce (and other d.e.?) there is an annoying gray box on selected items. It should be easy to remove, but unfortunately I have never worked with gtk themes :(
screenshot_2016-07-16_10-46-41
screenshot_2016-07-16_10-46-30

Some problems about list

screenshot from 2015-10-27 19-42-42

When it's in the middle of scrollable content, there will be dashed line in the top or bottom, seems to be a bug.

By the way, I think the top-bar's height, 32px, is a little thick, I think around 26px will be better, to screen usage and to be pleasing to eyes.

Gnome 3.16

possible GDM bug?

I had a strange behaviour, after I did install the GDM-login-screen: It could not pass my password! I did enter the password and nothing happend. I had to switch to TTY2 and back in order to type the password again and to be able to login.
Same problem within the gnome-shell when I had to enter my password for pamac-updates/installations.
After removing the GDM-part, it worked again.

Rebuilding GTK2 assets shows missing elements in assets.svg.

If I clone the repo and leave the static assets how they are initially, things look ok. When I go and make a change and run ./render-bits to update the assets from assets.svg I get the following errors because the assets.txt is looking for some IDs in the assets.svg that you don't have in there (any longer?). Here's the missing files for me:

** (inkscape:20571): WARNING **: Object with id="Buttons_flat-button" was not found in the document. Nothing exported.

** (inkscape:20598): WARNING **: Object with id="Buttons_flat-button-insensitive" was not found in the document. Nothing exported.

** (inkscape:20606): WARNING **: Object with id="Buttons_checked-flat-button" was not found in the document. Nothing exported.

** (inkscape:20614): WARNING **: Object with id="Buttons_checked-flat-button-hover" was not found in the document. Nothing exported.

** (inkscape:20622): WARNING **: Object with id="Buttons_checked-flat-button-active" was not found in the document. Nothing exported.

** (inkscape:20632): WARNING **: Object with id="Buttons_checked-flat-button-insensitive" was not found in the document. Nothing exported.

I have looked in the assets.svg for gtk 2 and verified that I don't see those ids. Any ideas? This causes checkboxes in nautilus and other locations to appear as a magenta square.

Show if a windows has focus

When using your theme, I cannot see if a window has focus or not. In the first screenshot here in the Flat-Plat git you can see this issue. Maybe you can change the fonts or window color for something slightly different when the window does not have the focus.

P.S. Thank you for this beautiful theme and sorry for my english :-)

Bad text in Shell

Hi there,

Is it just me or more people have this after update today, with the gnome-shell and gnome-shell-extensions in Arch? I can see or read the text anymore. Text with Adwaita theme is normal to me.
I have Gnome 3.18 in Arch installed.

schermafdruk van 2015-11-13 14-05-47

Bug in Nautilus

There is a bug in nautilus. By selecting a tab, there is a frame around the content. When I click inside the nautilus window, it will disappear.
nautilus_bug

Question : notebook bottom border

Derar @nana-4 How can I achieve this effect? In my custom gtk theme? I mean the page button has no border and doesn't differ from background except for the bottom blue bar.
(Im using murraine engine)

Hover on "Home" tab in Files(nautilus)

Hey man! First of all, the best flat theme for Gnome 3 Ive ever seen, really great job.

I have one issue, "Home" tab acts weird on hover event - size of "Home" tab is changing.

screenshot from 2016-04-01 16-31-57
screenshot from 2016-04-01 16-32-01

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.