Skip to content

Latest commit

 

History

History
101 lines (73 loc) · 3.61 KB

README.md

File metadata and controls

101 lines (73 loc) · 3.61 KB
Raw

The Windows 11 notification center styling guide

This document is a work in progress, contributions are welcome.
See also: The Windows 11 taskbar styling guide, The Windows 11 start menu styling guide.

Table of contents

Introduction

This is a collection of commonly requested notification center styling customizations for Windows 11. It is intended to be used with the Windows 11 Notification Center Styler Windhawk mod.

If you're not familiar with Windhawk, here are the steps for installing the mod:

  • Download Windhawk from windhawk.net and install it.
  • Go to "Mods" in the upper right menu.
  • Find and install the "Windows 11 Notification Center Styler" mod.

After installing the mod, open its Settings tab and adjust the styles according to your preferences.

Some customizations are best to be adjusted with other Windhawk mods. Links to those mods are provided where applicable.

Missing customizations

If you're looking for a customization that is not listed here, please open an issue.

Contributing

If you have a notification center styling customization or theme that you would like to share, please submit a pull request.

Themes

Themes are collections of styles that can be imported into the Windows 11 Notification Center Styler mod. The following themes are available:

Link Screenshot
TranslucentShell TranslucentShell
Unified Unified

Style examples

Hide the focus assist section

Target: ActionCenter.FocusSessionControl
Style: Height=0

Hide the notification center

Target: Grid#NotificationCenterGrid
Style: Visibility=Collapsed

Shrink the notification center height

Makes panel non full-height when there are fewer notifications (fit to size).
Target: Grid#NotificationCenterGrid
Style: VerticalAlignment=2

Square the corners of the notification center

Target: Grid#NotificationCenterGrid
Style: CornerRadius=0

Square the corners of the calendar

Target: Grid#CalendarCenterGrid
Style: CornerRadius=0

Square the corners of the quick action center

Target: Grid#ControlCenterRegion
Style: CornerRadius=0

Calendar and notification titlebars: titles on the right, buttons on the left

Target: Grid#RootContent
Style: FlowDirection=1

Add accelerator key (Alt+X) to clear all notifications

Target: Button#ClearAll
Style: AccessKey=x

Add accelerator key (Alt+E) to expand/collapse the calendar

Target: Button#ExpandCollapseButton
Style: AccessKey=e

Work in progress

This document is a work in progress, contributions are welcome.
See also: The Windows 11 taskbar styling guide, The Windows 11 start menu styling guide.