NEW feature: Edge now Officially supports Chrome Themes in the latest Update
Microsoft Edge Version 82.0.444.0 (Official build) canary (64-bit) You need to Enable this flag: edge://flags/ Allow installation of external store themes Turn this on to allow themes from external web stores to be installed in Microsoft Edge. – Mac, Windows #edge-allow-store-extension-themesEdge now has new Accent color themes
Microsoft Edge Version 89.0.731.0 (Official build) canary (64-bit) in order to get this, you need to enable this flag: edge://flags/#edge-color-theme-picker Enable picker for color based themes When enabled, gives a set of options for autogenerated themes based on a base color – Mac, Windows, Linux #edge-color-theme-pickerNew 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 colorSharePoint Online - Configure the Theme for the modern look pages
The Theme and color management is now different for SharePoint Online, due to the implementation of the Office 365 Groups and all the connected services (Teams, Planner, Stream, ...). The solution to change the color set is now directly at the tenant level using the following PowerShell Script: [string]$themePaletteCustomName = "Your Customized Theme" $themepaletteCustom = @{ "themePrimary" = "#102542"; #Navy "themeLighterAlt" = "#d6e3f5"; "themeLighter" = "#fef1ef"; #Coral, themeLighter "themeLight" = "#fde2df"; #Coral, themeLight "themeTertiary" = "#6495da"; "themeSecondary" = "#3e7bd1"; "themeDarkAlt" = "#F87060"; #Coral "themeDark" = "#F87060"; #Coral "themeDarker" = "#193a68"; "neutralLighterAlt" = "#f8f8f8"; "neutralLighter" = "#f4f4f4"; "neutralLight" = "#eaeaea"; "neutralQuaternaryAlt" = "#dadada"; "neutralQuaternary" = "#d0d0d0"; "neutralTertiaryAlt" = "#c8c8c8"; "neutralTertiary" = "#e2e2e2"; "neutralSecondary" = "#53C7BD"; #Turquoise "neutralPrimaryAlt" = "#656565"; "neutralPrimary" = "#6f6f6f"; "neutralDark" = "#4f4f4f"; "black" = "#3e3e3e"; "white" = "#ffffff"; "primaryBackground" = "#ffffff"; "primaryText" = "#6f6f6f"; "bodyBackground" = "#ffffff"; "bodyText" = "#6f6f6f"; "disabledBackground" = "#f4f4f4"; "disabledText" = "#c8c8c8"; "accent" = "#F87060"; #Coral } [string]$username = "Admin@tenant.onmicrosoft.com" [string]$PwdTXTPath = "D:\SECUREDPWD\ExportedPWD-$($username).txt" $secureStringPwd = ConvertTo-SecureString -string (Get-Content $PwdTXTPath) $adminCreds = New-Object System.Management.Automation.PSCredential $username, $secureStringPwd Connect-SPOService -Url https://Tenant-admin.sharepoint.com -credential $adminCreds -ErrorAction SilentlyContinue -ErrorVariable Err # TO CHANGE THE USAGE OF THE DEFAULT COLORSET CHOICE Write-Host " =>Status for the Default Theme Availability in modern site" Get-SPOHideDefaultThemes Write-Host " => Hide the default Theme in the modern site" Set-SPOHideDefaultThemes $false #Or $True if you want to hide all Write-Host " =>Status for the Default Theme Availability in modern site" Get-SPOHideDefaultThemes # TO GET ALL THE PERSONAL COLORSET ADD AT THE TENANT LEVEL $AllThemes = Get-SPOTheme Write-Host " >> Customited Theme Installed:", $AllThemes.count Write-Host "--------------------------------------------------------------------------------------------" Add-SPOTheme -Name $themePaletteCustomName -Palette $themepaletteCustom -IsInverted $false -Overwrite #TO REMOVE THE CUSTOMIZED THEME YOU DON'T WANT ANYMORE #Remove-SPOTheme -Name $themePaletteCustomName $AllThemes = Get-SPOTheme The result is visible into the modern pages clicking on the wheel button and select "Change the look": To find more documentation, you can go to the official MS documentation pages or the following links: https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-theming/sharepoint-site-theming-overview https://docs.microsoft.com/en-us/powershell/module/sharepoint-online/?view=sharepoint-ps https://github.com/SharePoint/sp-dev-docs/blob/master/docs/declarative-customization/site-theming/sharepoint-site-theming-json-schema.md http://itgroove.net/align/change-color-spo-modern-experience/ https://laurakokkarinen.com/how-to-create-a-multicolored-theme-for-a-modern-sharepoint-online-site/ http://www.dotnetmafia.com/blogs/dotnettipoftheday/archive/2017/10/17/how-to-use-powershell-to-customize-the-theme-of-a-sharepoint-modern-site.aspx Fabrice RomelardRequired, but missing features for Theme installation/management in Edge
#1 Create an Internal Edge page for themes, like this: edge://themes/ #2 Add a button with the title "Themes" to the ellipsis menu, possibly below "Extensions" button #3 in edge://themes/ create a section to see our installed themes, so we can view them, activate any of the installed themes and delete any of the installed themes. also show where the theme originates from (i.e which webstore it was installed from or in case of manual install using .CRX file, show the Theme ID only). something like this which is from Firefox #4 this is a related bug: so in after clicking "Remove" in here: the theme doesn't seem to be uninstalled, that button only deactivates the theme. because after removing the theme and going to the theme's page on Chrome web store, I see this: when I click on "Enable this Item", the theme activates again without redownload. this is another reason why suggestions #1 to #3 are important. The same problem happens when using Themes on Microsoft Edge Addons Store As you can see the Edge addons store says the Theme is "Disabled" and Not "removed". so there must be some sort of hidden feature for this already in place, only the UI elements are missing to manage it.
Microsoft Teams theme for fluentui/react
I am confused whether to use fluentui/Northstar or fluent/react. Few control of northstar are easy to implement example searchable dropdown, which is complecated in fluentui/react. If I use fluentui/react how do I set the theme. The pivot which is mentioned in the design document of the teams ui is not available in fluentui/ northstar.. 🙁. The menu of northstar don't have an example how to call a component on click of a menu item.. Please help me. It is so confusing.Where did the Wonder Woman 1984 theme go
There used to be a Wonder Woman 1984 theme for Microsoft Edge in Addons store, but no more. https://microsoftedge.microsoft.com/addons/microsoft-edge-themes Where did it go? it was the first available theme for Edge browser, i really liked it, it had nice colors that I like and compatible with vertical tabs.New App Launcher cannot have a white Accent color because controls disappear
I was asked to set Accent color of app launcher to light gray but discovered the new app launcher have controls that inherit the color and become barely visible. As displayed in image below I had to get the visual identity responsible to come up with another option. Guess what happened when the accent color was set to white ....
