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

sass: Make dark theme darker

Let's try #121212, which is the recommended dark theme surface color in Material Design.

roundabout,
created on Saturday, 6 March 2021, 23:33:44 (1615073624), received on Sunday, 11 May 2025, 13:22:58 (1746969778)
Author identity: nana-4 <hnmaigo@gmail.com>

db6291be4b2090318f8f820e3c9ced49a14b09da

src/_colors.scss

@@ -84,7 +84,7 @@ $state-overlay-opacities: (

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            // Private variables for dark background colors
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        $-dark-surface-z0: #181818;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        $-dark-surface-z0: #121212;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $-dark-surface-z1: mix(white, $-dark-surface-z0, 5%);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $-dark-surface-z4: mix(white, $-dark-surface-z0, 9%);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            $-dark-surface-z8: mix(white, $-dark-surface-z0, 12%);