sass: Add opacify() function

src/_sass/_colors.scss

@@ -74,6 +74,11 @@ $on-colors: (

                                
                                
                                
                            
                                
                                    
                                        
                                            74  
                                              }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            75  
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            76  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        77 +
                                        // Make translucent color opaque by blending with the background color.
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        78 +
                                        @function opacify($color, $bg) {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        79 +
                                          @return mix(change-color($color, $alpha: 1), $bg, alpha($color) * 100%);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        80 +
                                        }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        81 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            82  
                                            // Private variables for dark background colors
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            83  
                                            $-dark-background:                       #1F1F1F;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            84  
                                            $-dark-surface-1dp:                      mix(white, $-dark-background, 5%);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        

@@ -156,6 +161,3 @@ $titlebar-stroke-disabled: rgba($titlebar-base-fg, .12);

                                
                                
                                
                            
                                
                                    
                                        
                                            161  
                                            $titlebar-divider:                      rgba($titlebar-base-fg, .12);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            162  
                                            $titlebar-fill:                         rgba($titlebar-base-fg, .08);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            163  
                                            $titlebar-entry-fill:                   rgba($titlebar-base-fg, .04);
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        159 -
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        160 -
                                        // workaround for GTK3 @placeholder_text_color which doesn't allow translucent colors
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        161 -
                                        $placeholder_text_color:                mix($base-fg, $base, percentage(.6));
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/_sass/gtk/_colors-public.scss

@@ -96,4 +96,5 @@ read if you used those and something break with a version upgrade you're on your

                                
                                
                                
                            
                                
                                    
                                        
                                            96  
                                            /*
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            97  
                                            FIXME this is really an API */
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            98  
                                            @define-color content_view_bg #{"" + $base};
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        99 -
                                        @define-color placeholder_text_color #{"" + $placeholder_text_color};
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        99 +
                                        // NOTE: @placeholder_text_color doesn't allow translucent colors.
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        100 +
                                        @define-color placeholder_text_color #{"" + opacify($text2, $base)};
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/_sass/gtk/apps/_nemo.scss

@@ -53,7 +53,7 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            53  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            54  
                                            // For Places Sidebar diskfull indicators
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            55  
                                            .places-treeview {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        56 -
                                          -NemoPlacesTreeView-disk-full-bg-color: mix($text, $background, percentage(0.3)); // Can't use translucent colors
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        56 +
                                          -NemoPlacesTreeView-disk-full-bg-color: opacify($stroke-disabled, $base-alt); // Can't use translucent colors
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            57  
                                              -NemoPlacesTreeView-disk-full-fg-color: $primary;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            58  
                                              -NemoPlacesTreeView-disk-full-bar-width: 2px;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            59  
                                              -NemoPlacesTreeView-disk-full-bar-radius: 0;