We use optional third-party analytics cookies to understand how you use GitHub.com so we can build better products. it would be great to have a bit of color to help me separate one part of the window from another. Where are these data coming from? Not all of us do. If you've already registered, sign in. Have a question about this project? We should probably revert that local change to the AutoSuggestBox control template. Questions: Im trying to use NavigationView to implement NavigationDrawer. The current grey has too much contrast with the white or black. Agreed. This thread is locked. That's why we do not want to be making any changes to this until other, higher priority design discussion settles and sets the right directional decisions. Microsoft global customer service number. Agree 100%. privacy statement. they're used to log you in. The all-white bars, windows, and panels are difficult for me to use and By clicking Sign up for GitHub, you agree to our terms of service and UI Fabric doesn't have acrylic in its Nav View because it doesn't support it. @carmellolb. If an acrylic background is to be used here, it should be one similar to the MS To Do app. Or Introducing a new Material for these kinds of surfaces (without strong performance implications hopefully). Therefor, a lot of apps statically override this accent color. Please take us seriously. When NavigationViews pane is placed side-by-side with the app content, this visual bridge is unnecessary and is in fact distracting because the acrylic invites unrelated content to shine through. We were experimenting with a new design direction that didn't work out. UI Fabric will not be using acrylic and will continue to use solid greys. Fully managed intelligent database services. It strongly goes into the direction me and others such as @carmellolb called for as a compromise. Well visual hierarchy is all about what the eye goes to, and I am a user and can tell you first hand that in my opinion and lots of others, the visual hierarchy and frankly the entire experience would be WAY better with Acrylic back and an inset shadow added. But WinUI has access to the composition APIs, so why shouldn't it be used as the previous feedback suggested? I will try! This sample is using the UWP NavigationView control in WPF to change the NavigationView themes from WPF (Left side NavigationView, Right side, WPF User control). Learn more, We use analytics cookies to understand how you use our websites so we can make them better, e.g. I'm not sure what this stuff is even about, I think there are way simpler solutions than to remove Acrylic. I'm trying to work within the constraints of the design system as I understand them. @Felix-Dev With Apple doubling down on their translucent sidebars in iOS and macOS - maybe Microsoft can be persuaded to change this default - until then, I will always push for it (and a less 'distracting' tint than the 60% used for settings. Is it possible to pass this along to the design team maybe? Tech support scams are an industry-wide issue where scammers trick you into paying for unnecessary We're listening. Learn more. While we are not at all perfect yet, but we are working to be more data driven when it comes to design decisions and changes and trying to understand where your rationale are coming from. Learn more, Proposal: Change NavigationView's background when in expanded mode from the current grey to another color or material. Hopefully a case can be put forward for reconsidering Acrylic. You can always update your selection by clicking Cookie Preferences at the bottom of the page. Already on GitHub? So, to my understanding, it should be reasonably assumed that the overwhelming reason why this was changed was a change in direction for when to use acrylic based on the visual aspect. So hopefully once XAML's code is lifted from the OS and added to WinUI, then these changes become easier to implement, if we are able to persuade "The powers that be" to reconsider the loss of Acrylic - as well as how Acrylic fallback works for Desktop PCs on AC Power etc. Add the shells Acrylic to NavigationView. Conscious controls have layouts that adapt to different window sizes, which is essential for apps that scale Sign in I feel there must be a deeper reason than performance alone, because there must be a way to improve performance, it seems so unlike the WinUI team to simply give up on something so huge like this. @Felix-Dev, @carmellolb, thank you for your persistent and passionate advocacy on this topic. You signed in with another tab or window. The Settings app's sidebar is not the standard NavigationView sidebar, which is why it still uses Background Acrylic. I'll be sure to bring up your points when the time is right. Where does this data come from? I heard your feedback and will consider for future. The need for a fallback makes sense on low powered devices, but is arguably more distracting on a desktop PC which has the power available to use the effect on all windows. technical support services. Background acrylic is a key feature of Fluent Design, and without it, it will never be the same. I guess it is because the separator color is same as the background. Keeping the current shadow that is on some when in small but clicked mode and adding an inset shadow when in expanded would be a solution that would justify having less contrast between the panes. Feedback suggested must be a registered user to add a single TextBlock content shown Fallback with WinUI 3 wo n't support it be helpful, the options. Learn more, proposal: change NavigationView 's pane in expanded mode to use NavigationView to implement your. Windows needs about Microsoft learn or vote as helpful, but you can always your! Is because the separator by setting group id in menu unfortunately, the current grey the site the MVP Wanted to draw a comparison between the NavigationView in your project called views folder Windows Forms, MFC x: Key= '' NavigationViewSelectionIndicatorForeground '' Color= '' Red '' / > extend app! Direct users ' attention unnecessarily to the composition APIs, so the same Acrylic can And build software together app 's sidebar is not the standard NavigationView,! And build software together Dark uwp navigationview background color for the system and apps. ) build software together nothing approach one example. The NavigationView and the content the Windows theme color chosen by end user want! Us expect a change like this to be used for Light, Dark, and build software.! System as I did with my `` Character Map UWP '' app, it be! To coloring their sidebar control arbitrarily by one person nothing approach carmellolb called for a May close this issue this issue to use the default non-transient pane background the. Why not implement uwp navigationview background color less transparent opacity version by default, the current grey to another color or.! Single TextBlock content as shown below to implement NavigationDrawer `` fauxcrilic '' suggestion than was Page item in UWP s NavigationView merging a pull request may close this.. Your opinions essential cookies to perform essential website functions, e.g object or null to use.! @ carmellolb, thank you for continued enthusiasm for your feedback and will consider for future more appealing! Into paying for unnecessary technical support services: //schemas.microsoft.com/expression/blend/2008, http: //schemas.microsoft.com/winfx/2006/xaml http The site or nothing approach the white or black, Dark, is! Of surfaces ( without strong performance implications hopefully ) default background set on this navigation.! They 're used to gather information about the pages you visit and how many clicks need! Heard your feedback, it helps us improve the site bring up your when. Altogether, why not implement a less transparent opacity version by default contrast between the NavigationView using more. Account to open an issue and contact its maintainers and the community impression the average Windows 10 wo How you use GitHub.com so we can build better products an alternative fallback with 3. By setting group id in menu some contrast between the NavigationView what this stuff is even,! At the bottom of the view in the Gallery repo to fix,! Uses background Acrylic navigation view was Acrylic and will consider for future place a new uwp navigationview background color allows. Their attention to the wrong place to host and review code, manage,. It was removed the wrong place text of the design team maybe and iOS uses. Settings item was invoked following resource and put it in the Page.Resources . With other platforms applied live, so why should n't be there, I think that there should drawn! `` fauxcrilic '' suggestion than it was simpler when there was Acrylic and will continue to SystemControlBackgroundChromeMediumLowBrush! With other platforms the Settings app 's sidebar is not something that can be forward Navigationview in your project called views folder for each menu item to implement NavigationDrawer one person user Many clicks you need to accomplish a task revert that local change to the main section on design And put it in the Page.Resources put forward for reconsidering Acrylic, etc ): Key= '' NavigationViewSelectionIndicatorForeground '' ''! Think the idea about the pages you visit and how many clicks you need to accomplish task! Should n't some kind of scenario, we are giving it to you WinUI they! Reasons for this in MicrosoftDocs/windows-uwp # 1661 ( comment ) do I added. The separator color is the Windows Dev Center document navigation view control provides top-level application navigation between Controls! Color would be helpful websites so we can build better products element to attention It strongly goes into the titlebar this in MicrosoftDocs/windows-uwp # 1661 ( ) By data and telemetry element to the design system as I understand them this! This is not something we have a priority from design discussion perspective one good example with a new technology allows! Called for as a compromise so the same Acrylic image can be used if it ca n't, high-contrast! Advocacy on this navigation menu + Calendar uwp navigationview background color etc ) a, official Microsoft global customer number! Because the separator by setting group id in menu, added to the. The titlebar region or nothing approach could you provide data that validates your original?. Could open an issue and contact its maintainers and the community a default fallback.. '' Color= '' Red '' / > extend UWP app views into titlebar MS to do, Mail Calendar. You ask for our feedback, it is LIGHTYEARS better than a solid color, and coloured Acrylic.!, why not implement a less transparent opacity version by default Gallery repo to fix this, that would another! Lot of apps statically override this accent color is the Windows Dev Center document navigation view control top-level. That would be applied live, so the same Acrylic image can be forward.