A fork of the Materia GTK theme.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

Update various descriptions

by roundabout, Tuesday, 3 January 2017, 13:51:47 (1483451507), pushed by roundabout, Sunday, 11 May 2025, 13:22:04 (1746969724)

Author identity: nana-4 <hnmaigo@gmail.com>

54eaa5853a8419916778349c5e457bf26dcd04b4

HACKING.md

@@ -56,4 +56,4 @@ Upstream theme sources:

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            Tips:
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            - [Unity/Theming](https://wiki.ubuntu.com/Unity/Theming)
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            - [Material Design Guidelines](https://www.material.io/guidelines/)
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        - [Personal CSS Guideline](https://github.com/nana-4/Flat-Plat/wiki/My-GTK3-CSS-Order)
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        - [Personal CSS Guidelines](https://github.com/nana-4/Flat-Plat/wiki/CSS-Guidelines)
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/gnome-shell/3.18/sass/_color-palette.scss

@@ -1,5 +1,5 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            // based color palette:
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // https://material.google.com/style/color.html#color-color-palette
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // https://material.io/guidelines/style/color.html#color-color-palette
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            // Red
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $red_50: #FFEBEE;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/gnome-shell/3.18/sass/_colors.scss

@@ -7,9 +7,6 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @import 'color-palette';
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // based border and highlight values:
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // https://material.google.com/style/icons.html#icons-product-icons
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            // Foreground colors
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $dark_fg_color: scale-alpha($black, 0.8);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $light_fg_color: $white;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/gnome-shell/3.18/sass/_drawing.scss

@@ -11,8 +11,8 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            // Typography
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // Reference URL:
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // https://material.google.com/style/typography.html#typography-styles
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // based on:
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // https://material.io/guidelines/style/typography.html#typography-styles
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @mixin font($size) {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              @if $size == display-4 {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/gtk-3.0/3.18/gtk.scss

@@ -8,9 +8,3 @@ $compact: 'false';

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @import 'sass/common';
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @import 'sass/apps';
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @import 'sass/colors-public';
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // General guidelines:
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // - very unlikely you want to edit something else than _common.scss
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // - keep the number of defined colors to a minimum, use the color blending functions if
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        //   you need a subtle shade
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // - if you need to inverse a color function use the @if directive to match for dark $variant
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/gtk-3.0/3.22/gtk.scss

@@ -8,9 +8,3 @@ $compact: 'false';

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @import 'sass/common';
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @import 'sass/apps';
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @import 'sass/colors-public';
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // General guidelines:
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // - very unlikely you want to edit something else than _common.scss
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // - keep the number of defined colors to a minimum, use the color blending functions if
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        //   you need a subtle shade
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // - if you need to inverse a color function use the @if directive to match for dark $variant
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/gtk-3.0/3.22/sass/_color-palette.scss

@@ -1,5 +1,5 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            // based color palette:
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // https://material.google.com/style/color.html#color-color-palette
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // https://material.io/guidelines/style/color.html#color-color-palette
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            // Red
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $red_50: #FFEBEE;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/gtk-3.0/3.22/sass/_colors.scss

@@ -11,9 +11,6 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @import 'color-palette';
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // based border and highlight values:
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // https://material.google.com/style/icons.html#icons-product-icons
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            // Foreground colors
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $dark_fg_color: scale-alpha($black, 0.8);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $light_fg_color: $white;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        

@@ -84,4 +81,6 @@ $unity_highlight_color: if($titlebar == 'dark', scale-alpha($white, 0.1), scale-

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $titlebar_highlight_color: if($titlebar == 'dark', $alt_highlight_color, $highlight_color);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $titlebar_indicator_color: if($titlebar == 'dark', currentColor, $primary_color);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // FIXME: @placeholder_text_color should really use $tertiary_fg_color, but
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // doesn't work translucent colors here. So we use an opaque color instead.
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $placeholder_text_color: mix($fg_color, $base_color, percentage($tertiary_opacity));