https://github.com/shadow578/ms365-css-designer

a small web application that allows you to visually design custom CSS for Microsoft's sign-in page.
https://github.com/shadow578/ms365-css-designer

branding css entra m365 microsoft

Last synced: 11 months ago
JSON representation

a small web application that allows you to visually design custom CSS for Microsoft's sign-in page.

• Host: GitHub
• URL: https://github.com/shadow578/ms365-css-designer
• Owner: shadow578
• License: mit
• Created: 2025-07-23T15:26:25.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-08-10T12:30:39.000Z (11 months ago)
• Last Synced: 2025-08-10T14:36:10.120Z (11 months ago)
• Topics: branding, css, entra, m365, microsoft
• Language: CSS
• Homepage: https://ms365-css-designer.vercel.app
• Size: 980 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
#  M365 Custom CSS Designer

the M365 Custom CSS Designer is a small web application that allows you to visually design [custom CSS for Microsoft's sign-in page](https://learn.microsoft.com/en-us/entra/fundamentals/reference-company-branding-css-template).

| ![Screenshot](./.assets/screenshot.png) |

| --------------------------------------- |

| Screenshot of the page                  |

## Why?

because microsoft did not provide any tools for this, only a half-baked documentation.

since i'd guess that most people that'd end up configuring a M365 tenant would not be familiar with CSS, i wanted to create a simple tool that allows you to visually design your custom CSS - making it accessible for everyone.

of course, if you do know your way around CSS, you can switch to the editor view and write your own CSS.

## License

All files except [`src/components/ms`](src/components/ms) are licensed under the [MIT License](LICENSE).