• Information

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.

sass: Export opaque titlebar text colors for xfwm4

Not for GTK, just to reuse in xfwm4 themerc easily.

by roundabout, Sunday, 29 March 2020, 07:17:49 (1585466269), pushed by roundabout, Sunday, 11 May 2025, 13:22:51 (1746969771)

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

2c7005b98d0ca3065d2140736d2c33da8423bbe9

src/gtk/3.0/gtk-compact.css

@@ -7082,6 +7082,8 @@ read if you used those and something break with a version upgrade you're on your

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_highlight rgba(255, 255, 255, 0.1);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_bg #383838;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_unfocused_bg #303030;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_title #e5e5e5;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_unfocused_title #acacac;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            /*
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            FIXME this is really an API */
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color content_view_bg #ffffff;

src/gtk/3.0/gtk-dark-compact.css

@@ -7082,6 +7082,8 @@ read if you used those and something break with a version upgrade you're on your

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_highlight rgba(255, 255, 255, 0.1);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_bg #2d2d2d;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_unfocused_bg #242424;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_title #e4e4e4;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_unfocused_title #a7a7a7;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            /*
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            FIXME this is really an API */
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color content_view_bg #242424;

src/gtk/3.0/gtk-dark.css

@@ -7082,6 +7082,8 @@ read if you used those and something break with a version upgrade you're on your

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_highlight rgba(255, 255, 255, 0.1);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_bg #2d2d2d;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_unfocused_bg #242424;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_title #e4e4e4;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_unfocused_title #a7a7a7;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            /*
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            FIXME this is really an API */
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color content_view_bg #242424;

src/gtk/3.0/gtk-light-compact.css

@@ -7082,6 +7082,8 @@ read if you used those and something break with a version upgrade you're on your

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_highlight rgba(255, 255, 255, 0.4);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_bg #e0e0e0;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_unfocused_bg #d6d6d6;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_title #1d1d1d;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_unfocused_title #565656;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            /*
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            FIXME this is really an API */
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color content_view_bg #ffffff;

src/gtk/3.0/gtk-light.css

@@ -7082,6 +7082,8 @@ read if you used those and something break with a version upgrade you're on your

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_highlight rgba(255, 255, 255, 0.4);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_bg #e0e0e0;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_unfocused_bg #d6d6d6;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_title #1d1d1d;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_unfocused_title #565656;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            /*
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            FIXME this is really an API */
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color content_view_bg #ffffff;

src/gtk/3.0/gtk.css

@@ -7082,6 +7082,8 @@ read if you used those and something break with a version upgrade you're on your

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_highlight rgba(255, 255, 255, 0.1);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_bg #383838;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_unfocused_bg #303030;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_title #e5e5e5;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_unfocused_title #acacac;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            /*
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            FIXME this is really an API */
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color content_view_bg #ffffff;

src/gtk/sass/_colors-public.scss

@@ -93,6 +93,10 @@ read if you used those and something break with a version upgrade you're on your

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_bg #{"" + $titlebar};
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color wm_unfocused_bg #{"" + $titlebar-backdrop};
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        // To export opaque text colors for xfwm4 themerc using Sass.
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_title #{"" + opacify($titlebar-text, $titlebar)};
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @define-color xfwm4_unfocused_title #{"" + opacify($titlebar-text2, $titlebar-backdrop)};
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            /*
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            FIXME this is really an API */
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            @define-color content_view_bg #{"" + $base};

  • Add comment