All Projects → nana-4 → Materia Theme

nana-4 / Materia Theme

Licence: gpl-2.0
A Material Design theme for GNOME/GTK based desktop environments

Programming Languages

SCSS
7915 projects
shell
77523 projects
CSS
56736 projects
Meson
512 projects

Projects that are alternatives of or similar to Materia Theme

Ng Notadd
In-middle background front-end solution based on angular material 基于Angular Material的中后台前端解决方案
Stars: ✭ 287 (-90.97%)
Mutual labels:  material-design, material
Material Bread
Cross Platform React Native Material Design Components
Stars: ✭ 287 (-90.97%)
Mutual labels:  material-design, material
stilo-themes
Minimalistic GTK themes
Stars: ✭ 89 (-97.2%)
Mutual labels:  gtk-theme, gnome-theme
Motion Shapeofview
Explain how to use MotionLayout with ShapeOfView
Stars: ✭ 236 (-92.57%)
Mutual labels:  material-design, material
Material Motion Js
Reusable gestural interactions in JavaScript. In development.
Stars: ✭ 277 (-91.28%)
Mutual labels:  material-design, material
Alyle Ui
Minimal Design, a set of components for Angular 9+
Stars: ✭ 234 (-92.63%)
Mutual labels:  material-design, material
Materiallettericon
Material first letter icon like lollipop contacts icon. Letter(s) on a shape drawn on canvas.
Stars: ✭ 255 (-91.97%)
Mutual labels:  material-design, material
Material Admin
Free Material Admin Template
Stars: ✭ 219 (-93.11%)
Mutual labels:  material-design, material
Progressstatusbar
Another way to show progress. A progress View over the system StatusBar.
Stars: ✭ 283 (-91.09%)
Mutual labels:  material-design, material
Sequent
A simple continuous animation library for Android UI.
Stars: ✭ 263 (-91.72%)
Mutual labels:  material-design, material
Vue Material Kit
Vue Material Kit - Open Source Material Design UI Kit
Stars: ✭ 231 (-92.73%)
Mutual labels:  material-design, scss
Laravel Angular Cms
CMS built on Laravel, AngularJS and Material Design
Stars: ✭ 272 (-91.44%)
Mutual labels:  material-design, scss
Hexo Theme Fluid
🌊 一款 Material Design 风格的 Hexo 主题 / An elegant Material-Design theme for Hexo
Stars: ✭ 3,700 (+16.46%)
Mutual labels:  material-design, material
Responsive scaffold
Responsive Scaffold - On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item. Maintainer: @rodydavis
Stars: ✭ 238 (-92.51%)
Mutual labels:  material-design, material
Material Backdrop
A simple solution for implementing Backdrop pattern for Android
Stars: ✭ 221 (-93.04%)
Mutual labels:  material-design, material
Adapta-Nord
Nord version of Adapta Theme!
Stars: ✭ 27 (-99.15%)
Mutual labels:  gtk-theme, gnome-theme
Materialize Blog
redesign blog using material design
Stars: ✭ 212 (-93.33%)
Mutual labels:  material-design, material
Matblazor
Material Design components for Blazor and Razor Components
Stars: ✭ 2,599 (-18.19%)
Mutual labels:  material-design, material
Epiboard
Web Extension — A new tab page extension with material design and useful features 🆕 🎉
Stars: ✭ 262 (-91.75%)
Mutual labels:  material-design, material
Githubfollows
A demo project based on MVVM architecture and material design & animations.
Stars: ✭ 272 (-91.44%)
Mutual labels:  material-design, material

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].