New Feature in Edge Canary: new dark design for Tab strip
This has been reverted back to the previous design in Microsoft Edge Version 83.0.467.0 (Official build) canary (64-bit) The dark theme which can be set here: edge://settings/appearance in Edge Version 82.0.456.0 (Official build) canary (64-bit) makes the Tab strip black, now the text will look always clear regardless of Windows 10 accent color. previously, only the active Tab would be dark and others would have the accent colorNEW Features in Edge insider Canary Version 79.0.304
Tab Groups Available Colors and the ability to set custom name for the group along with choosing color Tab Grouping feature can be enabled using This flag: in here: edge:flags Profile Settings Redesign Old: New: Bookmark/Favorites Hover Highlight animation is Round now instead of the old Square Old: New: New Option in InPrivate Mode Window added Thanks to gardenvv290 for pointing that out New Icons added to the Right-click menu inside Edge Insider Old: New:
Pinning banner images to top of channels - full screen
I'm just developing a Team for our group of 400 people, and am having some trouble with images. For each of my channels, I wanted to pin a banner (which i've been able to do by adding it through a new conversation) to the top of each of my channels. The banners are nice and visual images, with some text over the top. The text is the name of the channel. I.e. Questions and Answers, and with some supporting text about what the purpose of that channel is. The issue i'm having, is that when adding an image to a conversation, it leaves space for text whether you add text to it or not, and means that the banner isn't really showing as visually as i'd like. I wanted it to just sit at the very top above all the conversations so that every time you came to that channel, you'd know what it was for... Any thoughts or workarounds? Even the fullest dimensions of the image would be great to know too. Thank you 🙂 JodieFestival Web
Microsoft anuncia una nueva iniciativa para ayudarte a impulsar tu carrera en desarrollo web llamada el Festival Web, es una serie de charlas en vivo que comienza desde el 31 de octubre y finaliza el 14 de noviembre. En estas charlas podrás aprender de la mano de expertos y conocer diferentes herramientas como VSCode y GitHub. ¡Regístrate en las charlas en vivo del Festival Web y comienza tu viaje en el mundo de la programación web con expertos de la industria! Además, hay una oportunidad gratuita para quienes desean iniciarse en este campo. ¡Descubre más información sobre esta iniciativa de Microsoft en este blog!
The new icons in Canary make Edge's design feel even more disconnected from Windows.
https://mspoweruser.com/wp-content/uploads/2020/11/full-page-screen-capture-edge.jpg in Canary don't match those of the rest of the Windows operating system. In any Windows app, the settings icon has 8 spokes on the gear--you can see this in the Start menu and in the settings icon in apps like Microsoft News, Photos, and Camera. The normal Home icon can be seen in the Windows Settings app and in Backstage View in the Microsoft Office apps. The new Canary channel icons don't match those anymore. It makes Edge's design even more inconsistent with Windows's design than it already is. It's bad enough that Edge retains Material Design from Chromium, but it's worse that Edge is going to replace the only parts of the design that feel consistent with Windows. To my knowledge, Fluent design has separate mobile and desktop icons to feel natural on every device. Mobile icons should not be used on Windows. EDIT: looking more closely at their wording on the iconography and https://medium.com/microsoft-design/developing-an-open-source-icon-system-at-microsoft-b1796315df9f, it looks like the new icons are going to be the same across all of Microsoft.Build a unified Windows UI experience
https://techcommunity.microsoft.com/t5/discussions/top-feedback-summary-for-january-12/m-p/2053932 As shown in the link, the introduction of transparency effects for Microsoft Edge dominates the rankings all the year round. Obviously, users are so looking forward to acrylic and fluent design! With the continuous development of FDS, the transparency effect is no longer the focus. We know that using Navigation in XAML will no longer enable the transparency effect of the underlying window by default, and the default transparency effect will remain in the window of this layer. The difference is shown in the figure In this picture, the window title bar and toolbar of "Screenshots and Sketches" are transparent to the desktop and windows below In this screenshot of the Microsoft Store, the elements at the bottom of the window are transparent At present, it seems that the design team intends to adopt "transparency to the elements in the window" as a trend, and will not develop more transparent title bars and side bars in the future. Therefore, the focus is not on transparency, but on other areas. Microsoft Edge now gives me the feeling, as if I changed the Chrome icon to Microsoft's, and then told me, look, this is Microsoft's browser. I think this is a huge irony and tragedy for the visual perception of the Microsoft brand, which means that users cannot really recognize the work that Microsoft is doing on this browser, and-let users understand that this is a different version of Chrome Browser. Microsoft must use practical actions to reshape Microsoft's brand image. I think the core action is to use native controls, or reshape the appearance of non-native controls that look like native controls. This includes the following: 1. Forward and back buttons, refresh buttons, address bar and toolbar 2. Context menu 3. Edge's special pages, such as settings, downloads, favorites, etc. For the address bar toolbar area, I think it’s not too difficult to build the appearance with XAML (or WinUI 3). If it is difficult, it is not too difficult to make these controls look like Windows. This area should look exactly like the old version of Edge. The context menu is a place where it is easy to achieve a smooth design. I think it is nothing more than adding a transparency, adding a matte, adding a noise, adjusting the kerning and line height, and finally adjusting the edge and projection. I don't think how difficult it is, is it really difficult? Or, will you consider WinUI 3 release? Or use XAML island, just like the old version of Edge? Is this really so difficult? I can't understand why I can't do it after a year. I think any user will notice the huge difference between the sidebar of the settings page and the sidebar of XAML Navigation in "Windows Settings". I don’t want to worry about whether the highlight bar is a rounded rectangle (capsule) or a right-angled rectangle-because Both are FDS, but there is no lighting effect (CompositionLight Class), completely different spacing, inexplicable margins, lack of transparency, all of which remind users that this is a web page, not a native one. UI-based application. It seems to have nothing to do with the Windows design language-although it seems that many applications have to do this, indeed, cross-platform, Web development also meets Microsoft's strategic goals, it is really difficult to resist the temptation. Skype, Microsoft Teams, and Outlook to come,-and the latest file explorer used on Windows 10X, the design looks increasingly unrelated, each team has its own ideas, compare , The unification of macOS is simply outrageous! I implore the development team to read this article to help users build a harmonious and unified appearance, One Windows, One Microsoft https://medium.com/microsoft-design/fluent-makeover-photolab-a583d25f362bRemove the solid color square block from App icons in Windows settings => Apps
Remove the solid color square block from App icons in Windows settings => Apps to make the design consistent You've removed the solid color square from Appl icons in the start menu, now they have a nice trimmed look that are modern. but in Windows settings, app icons still have their solid color square, it makes things inconsistent and ugly. Windows settings => Apps => Apps & Feature/Default Apps/Startup Feedback hub app: https://aka.ms/AAadtt9
