A fork of the Materia GTK theme.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

gtk: Change the direction of the expander arrow

This is more in line with the Material Design guidelines.

roundabout,
created on Saturday, 6 March 2021, 23:32:00 (1615073520), received on Sunday, 11 May 2025, 13:22:56 (1746969776)
Author identity: nana-4 <hnmaigo@gmail.com>

a03c2482e13e5797cd3c84335cdb637836943e6e

src/gtk/sass/_common-3.20.scss

@@ -3407,14 +3407,15 @@ expander {

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                min-width: 16px;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                min-height: 16px;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            -gtk-icon-transform: rotate(-90deg);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            &:dir(rtl) {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              -gtk-icon-transform: rotate(90deg);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                &:checked {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              -gtk-icon-transform: unset;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              &:dir(ltr) {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                                -gtk-icon-transform: rotate(-180deg);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              &:dir(rtl) {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                                -gtk-icon-transform: rotate(180deg);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                color: hint($on-surface);