i want to make it look very translucent

Hi, I followed a guide that made Windows 11 resemble Windows 7 for me, to nail the look I was wondering if there was a mod that could (at the very least) recreate the way the system tray icons looked or at most the entire notification center as a whole. Is this possible or no?

Thought I'd share my windhawk configs, as I'm pretty proud of them. Taskbar is kind of a mixture between the Luminosity and Liquid glass presets (should work on the bottom as well, but might require editing).

theme: ''
styleConstants:
  - ''
controlStyles:
  - target: Taskbar.TaskListLabeledButtonPanel
    styles:
      - VerticalAlignment=Center
  - target: Taskbar.TaskbarFrame
    styles:
      - HorizontalAlignment=Stretch
  - target: Taskbar.TaskbarFrame > Grid#RootGrid
    styles:
      - Margin=8,4,8,4
      - CornerRadius=8
      - Background:=<WindhawkBlur BlurAmount="20" TintColor="#251E2228"/>
  - target: Taskbar.TaskbarBackground#HoverFlyoutBackgroundControl > Grid > Rectangle#BackgroundFill
    styles:
      - Fill:=<WindhawkBlur BlurAmount="20" TintColor="#221E2228"/>
      - Margin=0
  - target: Taskbar.TaskListLabeledButtonPanel > Border#BackgroundElement
    styles:
      - Background=Transparent
      - CornerRadius=4
  - target: Taskbar.TaskListLabeledButtonPanel@CommonStates > Border#BackgroundElement
    styles:
      - Background@InactiveNormal:=<SolidColorBrush Color="Transparent"/>
      - Background@InactivePointerOver:=<SolidColorBrush Color="#1F5D7287"/>
      - Background@InactivePressed:=<SolidColorBrush Color="#335D7287"/>
      - Background@ActiveNormal:=<SolidColorBrush Color="#335D7287"/>
      - Background@ActivePointerOver:=<SolidColorBrush Color="#4D5D7287"/>
      - Background@ActivePressed:=<SolidColorBrush Color="#4D5D7287"/>
      - Background@MultiWindowNormal:=<SolidColorBrush Color="#666f7287"/>
      - Background@MultiWindowActive:=<SolidColorBrush Color="#335D7287"/>
      - CornerRadius=4
      - Margin=1,-2,1,-2
      - BorderThickness=0
  - target: Taskbar.TaskListLabeledButtonPanel@RunningIndicatorStates > Rectangle#RunningIndicator
    styles:
      - Fill=Transparent
      - Fill@ActiveRunningIndicator={ThemeResource SystemAccentColorDark1}
      - Fill@InactiveRunningIndicator=#5D7287
      - RadiusX=2
      - RadiusY=2
      - Height=2
      - Width=14
      - Width@ActiveRunningIndicator=18
      - Margin=0,0,0,30
  - target: Border#BackgroundElement
    styles:
      - BorderThickness=0
  - target: Border#MultiWindowElement
    styles:
      - Background:=<SolidColorBrush Color="#666f7287"/>
      - CornerRadius=4
      - BorderThickness=1
      - Margin=2,0,-2,0
  - target: Border#OverflowFlyoutBackgroundBorder
    styles:
      - Background:=<WindhawkBlur BlurAmount="20" TintColor="#221E2228"/>
      - BorderThickness=1
      - BorderBrush=#353B45
      - CornerRadius=8
  - target: MenuFlyoutPresenter > Border
    styles:
      - Background:=<WindhawkBlur BlurAmount="20" TintColor="#221E2228"/>
      - BorderThickness=1
      - BorderBrush=#353B45
      - CornerRadius=8
      - Padding=3,4,3,4
  - target: SystemTray.NotifyIconView#NotifyItemIcon
    styles:
      - MinWidth=20
      - MaxHeight=40
  - target: SystemTray.OmniButton#ControlCenterButton
    styles:
      - MaxHeight=40
  - target: Grid#ConfirmatorMainGrid
    styles:
      - Background:=<WindhawkBlur BlurAmount="20" TintColor="#CC1E2228"/>
      - BorderThickness=0
  - target: Grid
    styles:
      - RequestedTheme=2
  - target: Taskbar.TaskbarFrame > Grid#RootGrid > Taskbar.TaskbarBackground > Grid > Rectangle#BackgroundFill
    styles:
      - Visibility=Collapsed
  - target: Rectangle#BackgroundStroke
    styles:
      - Visibility=Collapsed
themeResourceVariables:
  - ''
xamlDiagnosticsHandling: ''theme: ''
styleConstants:
  - ''
controlStyles:
  - target: Taskbar.TaskListLabeledButtonPanel
    styles:
      - VerticalAlignment=Center
  - target: Taskbar.TaskbarFrame
    styles:
      - HorizontalAlignment=Stretch
  - target: Taskbar.TaskbarFrame > Grid#RootGrid
    styles:
      - Margin=8,4,8,4
      - CornerRadius=8
      - Background:=<WindhawkBlur BlurAmount="20" TintColor="#251E2228"/>
  - target: Taskbar.TaskbarBackground#HoverFlyoutBackgroundControl > Grid > Rectangle#BackgroundFill
    styles:
      - Fill:=<WindhawkBlur BlurAmount="20" TintColor="#221E2228"/>
      - Margin=0
  - target: Taskbar.TaskListLabeledButtonPanel > Border#BackgroundElement
    styles:
      - Background=Transparent
      - CornerRadius=4
  - target: Taskbar.TaskListLabeledButtonPanel@CommonStates > Border#BackgroundElement
    styles:
      - Background@InactiveNormal:=<SolidColorBrush Color="Transparent"/>
      - Background@InactivePointerOver:=<SolidColorBrush Color="#1F5D7287"/>
      - Background@InactivePressed:=<SolidColorBrush Color="#335D7287"/>
      - Background@ActiveNormal:=<SolidColorBrush Color="#335D7287"/>
      - Background@ActivePointerOver:=<SolidColorBrush Color="#4D5D7287"/>
      - Background@ActivePressed:=<SolidColorBrush Color="#4D5D7287"/>
      - Background@MultiWindowNormal:=<SolidColorBrush Color="#666f7287"/>
      - Background@MultiWindowActive:=<SolidColorBrush Color="#335D7287"/>
      - CornerRadius=4
      - Margin=1,-2,1,-2
      - BorderThickness=0
  - target: Taskbar.TaskListLabeledButtonPanel@RunningIndicatorStates > Rectangle#RunningIndicator
    styles:
      - Fill=Transparent
      - Fill@ActiveRunningIndicator={ThemeResource SystemAccentColorDark1}
      - Fill@InactiveRunningIndicator=#5D7287
      - RadiusX=2
      - RadiusY=2
      - Height=2
      - Width=14
      - Width@ActiveRunningIndicator=18
      - Margin=0,0,0,30
  - target: Border#BackgroundElement
    styles:
      - BorderThickness=0
  - target: Border#MultiWindowElement
    styles:
      - Background:=<SolidColorBrush Color="#666f7287"/>
      - CornerRadius=4
      - BorderThickness=1
      - Margin=2,0,-2,0
  - target: Border#OverflowFlyoutBackgroundBorder
    styles:
      - Background:=<WindhawkBlur BlurAmount="20" TintColor="#221E2228"/>
      - BorderThickness=1
      - BorderBrush=#353B45
      - CornerRadius=8
  - target: MenuFlyoutPresenter > Border
    styles:
      - Background:=<WindhawkBlur BlurAmount="20" TintColor="#221E2228"/>
      - BorderThickness=1
      - BorderBrush=#353B45
      - CornerRadius=8
      - Padding=3,4,3,4
  - target: SystemTray.NotifyIconView#NotifyItemIcon
    styles:
      - MinWidth=20
      - MaxHeight=40
  - target: SystemTray.OmniButton#ControlCenterButton
    styles:
      - MaxHeight=40
  - target: Grid#ConfirmatorMainGrid
    styles:
      - Background:=<WindhawkBlur BlurAmount="20" TintColor="#CC1E2228"/>
      - BorderThickness=0
  - target: Grid
    styles:
      - RequestedTheme=2
  - target: Taskbar.TaskbarFrame > Grid#RootGrid > Taskbar.TaskbarBackground > Grid > Rectangle#BackgroundFill
    styles:
      - Visibility=Collapsed
  - target: Rectangle#BackgroundStroke
    styles:
      - Visibility=Collapsed
themeResourceVariables:
  - ''
xamlDiagnosticsHandling: ''

Ideally the active running indicator would be the accent color of the windows theme but I've noticed its a little inconsistent.

Next is my start menu styler, based heavily off the metro10minimal style but a little more translucent to match the taskbar.

theme: Windows11_Metro10Minimal
disableNewStartMenuLayout: '1'
styleConstants:
  - CommonBgBrush=<WindhawkBlur BlurAmount="25" TintColor="#25323232"/>
controlStyles:
  - target: Border#AcrylicBorder
    styles:
      - Background:=$CommonBgBrush
      - BorderThickness=0
      - CornerRadius=15
  - target: Border#AcrylicOverlay
    styles:
      - Visibility=Collapsed
  - target: Border#BorderElement
    styles:
      - Background:=<WindhawkBlur BlurAmount="25" TintColor="#15000000"/>
      - BorderThickness=0
      - CornerRadius=10
  - target: MenuFlyoutPresenter > Border
    styles:
      - Background:=<WindhawkBlur BlurAmount="25" TintColor="#22000000"/>
      - BorderThickness=1
  - target: Border#AppBorder
    styles:
      - Background:=$CommonBgBrush
      - BorderThickness=0
      - CornerRadius=15
  - target: Border#AccentAppBorder
    styles:
      - Background:=$CommonBgBrush
      - BorderThickness=0
      - CornerRadius=15
  - target: Border#LayerBorder
    styles:
      - Visibility=Collapsed
  - target: Border#TaskbarSearchBackground
    styles:
      - Background:=<WindhawkBlur BlurAmount="25" TintColor="#15000000"/>
      - BorderThickness=0
      - CornerRadius=10
      - MaxWidth=460
  - target: ToolTip > ContentPresenter#LayoutRoot
    styles:
      - Background:=<WindhawkBlur BlurAmount="25" TintColor="#22000000"/>
  - target: Cortana.UI.Views.TaskbarSearchPage Border#dropshadow
    styles:
      - CornerRadius=16
      - Margin=-12
  - target: Cortana.UI.Views.TaskbarSearchPage > Grid#RootGrid
    styles:
      - RenderTransform:=<TranslateTransform X="-199" Y="-110"/>
  - target: StartDocked.StartSizingFrame
    styles:
      - MinWidth=460
      - MaxWidth=460
      - MaxHeight=670
  - target: Cortana.UI.Views.TaskbarSearchPage
    styles:
      - Width=460
  - target: Grid#RootGrid
    styles:
      - Width=460
      - MaxHeight=670
  - target: Grid#OuterBorderGrid
    styles:
      - MaxHeight=670
  - target: Grid#BorderGrid
    styles:
      - MaxHeight=670
themeResourceVariables:
  - ''
webContentStyles:
  - target: '#scopesHeader'
    styles:
      - 'display: none !important'
  - target: .scope-with-background__rightCaret, .scope-with-background__leftCaret
    styles:
      - 'display: none !important'
  - target: '#qfPreviewPane'
    styles:
      - 'display: none !important'
  - target: '#topHitHeader'
    styles:
      - 'display: none !important'
webContentCustomJs: ''theme: Windows11_Metro10Minimal
disableNewStartMenuLayout: '1'
styleConstants:
  - CommonBgBrush=<WindhawkBlur BlurAmount="25" TintColor="#25323232"/>
controlStyles:
  - target: Border#AcrylicBorder
    styles:
      - Background:=$CommonBgBrush
      - BorderThickness=0
      - CornerRadius=15
  - target: Border#AcrylicOverlay
    styles:
      - Visibility=Collapsed
  - target: Border#BorderElement
    styles:
      - Background:=<WindhawkBlur BlurAmount="25" TintColor="#15000000"/>
      - BorderThickness=0
      - CornerRadius=10
  - target: MenuFlyoutPresenter > Border
    styles:
      - Background:=<WindhawkBlur BlurAmount="25" TintColor="#22000000"/>
      - BorderThickness=1
  - target: Border#AppBorder
    styles:
      - Background:=$CommonBgBrush
      - BorderThickness=0
      - CornerRadius=15
  - target: Border#AccentAppBorder
    styles:
      - Background:=$CommonBgBrush
      - BorderThickness=0
      - CornerRadius=15
  - target: Border#LayerBorder
    styles:
      - Visibility=Collapsed
  - target: Border#TaskbarSearchBackground
    styles:
      - Background:=<WindhawkBlur BlurAmount="25" TintColor="#15000000"/>
      - BorderThickness=0
      - CornerRadius=10
      - MaxWidth=460
  - target: ToolTip > ContentPresenter#LayoutRoot
    styles:
      - Background:=<WindhawkBlur BlurAmount="25" TintColor="#22000000"/>
  - target: Cortana.UI.Views.TaskbarSearchPage Border#dropshadow
    styles:
      - CornerRadius=16
      - Margin=-12
  - target: Cortana.UI.Views.TaskbarSearchPage > Grid#RootGrid
    styles:
      - RenderTransform:=<TranslateTransform X="-199" Y="-110"/>
  - target: StartDocked.StartSizingFrame
    styles:
      - MinWidth=460
      - MaxWidth=460
      - MaxHeight=670
  - target: Cortana.UI.Views.TaskbarSearchPage
    styles:
      - Width=460
  - target: Grid#RootGrid
    styles:
      - Width=460
      - MaxHeight=670
  - target: Grid#OuterBorderGrid
    styles:
      - MaxHeight=670
  - target: Grid#BorderGrid
    styles:
      - MaxHeight=670
themeResourceVariables:
  - ''
webContentStyles:
  - target: '#scopesHeader'
    styles:
      - 'display: none !important'
  - target: .scope-with-background__rightCaret, .scope-with-background__leftCaret
    styles:
      - 'display: none !important'
  - target: '#qfPreviewPane'
    styles:
      - 'display: none !important'
  - target: '#topHitHeader'
    styles:
      - 'display: none !important'
webContentCustomJs: ''

Should you center the taskbar, the start menu will require some editing to match.

I use both of these configs with a slightly edited TranslucentShell notification center config:

theme: TranslucentShell
styleConstants:
  - ''
controlStyles:
  - target: ControlCenter.ControlCenterPage
    styles:
      - VerticalAlignment=Stretch
      - RenderTransform:=<RotateTransform Angle="180" />
      - RenderTransformOrigin=0.5,0.5
  - target: ControlCenter.ControlCenterPage > Grid#RootGrid
    styles:
      - VerticalAlignment=Stretch
      - RenderTransform:=<RotateTransform Angle="180" />
      - RenderTransformOrigin=0.5,0.5
  - target: ControlCenter.ControlCenterPage > Grid#RootGrid > Grid#RootContent
    styles:
      - VerticalAlignment=Top
  - target: ActionCenter.NotificationCenterPage > Grid#RootGrid > Grid#RootContent
    styles:
      - RowDefinitions:=<RowDefinitionCollection><RowDefinition Height="Auto"/><RowDefinition Height="500"/></RowDefinitionCollection>
      - VerticalAlignment=Top
      - CornerRadius=10
      - Padding=0,0,0,-33
  - target: ActionCenter.NotificationCenterPage > Grid#RootGrid > Grid#RootContent > Grid#NotificationCenterGrid
    styles:
      - MaxHeight=4000
  - target: ActionCenter.NotificationCenterPage > Grid#RootGrid > Grid#RootContent > Grid#CalendarCenterGrid
    styles:
      - Height=8455
      - Padding=0,0,0,8000
themeResourceVariables:
  - ''theme: TranslucentShell
styleConstants:
  - ''
controlStyles:
  - target: ControlCenter.ControlCenterPage
    styles:
      - VerticalAlignment=Stretch
      - RenderTransform:=<RotateTransform Angle="180" />
      - RenderTransformOrigin=0.5,0.5
  - target: ControlCenter.ControlCenterPage > Grid#RootGrid
    styles:
      - VerticalAlignment=Stretch
      - RenderTransform:=<RotateTransform Angle="180" />
      - RenderTransformOrigin=0.5,0.5
  - target: ControlCenter.ControlCenterPage > Grid#RootGrid > Grid#RootContent
    styles:
      - VerticalAlignment=Top
  - target: ActionCenter.NotificationCenterPage > Grid#RootGrid > Grid#RootContent
    styles:
      - RowDefinitions:=<RowDefinitionCollection><RowDefinition Height="Auto"/><RowDefinition Height="500"/></RowDefinitionCollection>
      - VerticalAlignment=Top
      - CornerRadius=10
      - Padding=0,0,0,-33
  - target: ActionCenter.NotificationCenterPage > Grid#RootGrid > Grid#RootContent > Grid#NotificationCenterGrid
    styles:
      - MaxHeight=4000
  - target: ActionCenter.NotificationCenterPage > Grid#RootGrid > Grid#RootContent > Grid#CalendarCenterGrid
    styles:
      - Height=8455
      - Padding=0,0,0,8000
themeResourceVariables:
  - ''

Both configs would probably require some small edits to translate for a different screen, I'm on 2880x1800 at 175% scaling for reference. Claude AI made this possible, though it did struggle, thanks to the data centers I suppose.

Wallpaper credit to Jake Hills on Unsplash: https://unsplash.com/photos/snow-covered-mountain-under-blue-sky-during-daytime-z0gDv24X3uQ

UWP Assets Redirect 1.0

UWP Assets Redirect

Replace UWP app assets (such as icons) without worrying about updates or modifying system files permissions.

Example: Before and After

Before and after comparison of some applications

Icon themes

You can apply Icon themes directly from the Settings tab by selecting one from the list. The theme will be automatically downloaded and applied. You can see the full list of themes and their previews in the theme repository.

To contribute a new theme to the theme repository, follow the instructions here.

Finding the Application bundle and assets

You can quickly identify both the application bundle and its Assets folder using Task Manager.

1. Open the application you want to redirect assets for. Then open Task Manager, right-click the application process, and select "Open file location":

   Task Manager right-click context menu on "Microsoft Store" with "Open file location" hovered

2. A File Explorer window will open with the application's folder highlighted:

   Application folder highlighted in File Explorer with the bundle identifier shown

3. The application bundle is the part of the folder name that comes before the first underscore, in this case "Microsoft.WindowsStore".

If Assets Redirect can't automatically locate the Assets folder, you can browse the application directory to manually find it. In this example, although it was detected automatically, the assets were located in "Assets\AppTiles":

The path to the assets folder

You can specify them in the application bundle using this format: "<application bundle>|<assets folder>", and in this case "Microsoft.WindowsStore|Assets\AppTiles".

Creating custom assets

You can manually create replacement assets by copying the original Assets folder, removing any files you don't want to replace, and editing the remaining ones making sure to preserve the original file resolutions.

A quicker and easier approach is to use something like TileGen, an open-source tool that generates the required assets from a single image or an .ico file. Using an .ico file is recommended, as it already contains multiple resolutions.

Keep in mind that even if File Explorer doesn't show the non-redirected assets after you've applied them, they're still present. This is only a visual issue caused by how File Explorer loads folder contents.

Theme paths

Theme paths can be set in the settings. Each theme path can be a folder with custom assets files and a theme.ini file that contains redirection rules, or the .ini theme file itself.

For example, the theme.ini file may contain the following redirection rules:

WindowsApps and SystemApps redirections

For apps found in "C:\Program Files\WindowsApps" and in "C:\Windows\SystemApps", you can use respectively the [windows-apps] and [system-apps] headers.

Each rule should be provided in this format: "<application bundle>=<redirection folder>". The application bundle can be easily found by following the guide above.

Example config

[windows-apps]
Microsoft.WindowsStore=.\Microsoft Store
Microsoft.WindowsCalculator=.\Calculator

Most of the time, Assets Redirect can automatically locate the bundle's Assets folder. However, some applications use the same application bundle as other apps, which can prevent Assets Redirect from identifying the correct folder. In these cases, you can manually specify the Assets folder within the application bundle using the following format: "<application bundle>|<assets folder>" (an example is shown below in [system-apps]).

Example config

[system-apps]
MicrosoftWindows.Client.CBS|WindowsBackup\Assets=.\Windows Backup
Microsoft.PPIProjection=.\Wireless Display

Custom redirections

For apps that aren't found in common folders like WindowsApps or SystemApps, like Settings, you can use the [custom] header.

Each rule should be provided in this format: "<assets folder>=<redirection folder>".

Example config

[custom]
%SystemRoot%\ImmersiveControlPanel\images=.\Settings

Injecting into other processes

By default, Assets Redirect only targets the processes that most commonly use these assets, such as File Explorer and the Start Menu. As a result, UWP applications are not affected by asset redirection out of the box.

You can change this behavior using the "Custom process inclusion list" in the Advanced tab and doing one of the following:

• Include a specific application's executable name or path like "WinStore.App.exe" (you can find this in the Details tab of Task Manager).
• Include the entire applications directories: "C:\Program Files\WindowsApps\*" and "C:\Windows\SystemApps\*".
• Or, if you're willing to risk system stability, include all processes using "*".

Doing this applies your asset changes not only to the Windows shell, but also to the applications themselves, changing their look as well (like the splash screen).

Contributions

You can contribute to the mod development by opening a pull request here.

File Explorer Details Auto-Fit Columns 1.0.0

File Explorer Details Auto-Fit Columns

Automatically fits all visible column widths to their content whenever a folder is opened or refreshed in Details view, eliminating truncated text and ellipsis (...).

File Explorer Details Auto-Fit Columns

Triggers

• Opening or navigating to a folder
• Minimizing and restoring the Explorer window
• Ctrl + R
• F5
• Right-click context menu → Refresh
• The refresh button in the toolbar

Only affects Details view. Other view modes (Icons, Tiles, List, etc.) are untouched.

Settings

Refresh Delay (ms): How long the mod waits before auto-fitting columns. The default is 400ms, which gives Explorer enough time to finish loading files before measuring content width. If you notice columns fitting too early in large folders, increase this value. If you want a snappier response in small folders, decrease it.

The preview is really useless to me since I can just right click the item, and the scrolling bars are useless too since I just use my scroll wheel & it looks terrible even though they only appear once I hover my mouse over the sections

(I also wanna remove the magnifying glass icon in the search box and the category filters below the search box so thanks in advance..)

Solution:

Install Windows 11 Start Menu Styler on Windhawk

Apply:
webContentStyles

- target: '*'

styles:

- 'scrollbar-width: none !important'

- target: '#qfPreviewPane'

styles:

- 'display: none !important'

by Safari (@theworldsgonebeautiful) on Discord

So WindowGlass taskbar became my favorite. Only problem I came across is that apps do not minimize themselves upon clicking on their icon unlike (from my experience) every other taskbar theme. In the video attached, first part was WindowGlass, then I changed to DockLike as an example.

Have this problem occurred to anyone else? If so, does anyone know how to fix it?

(If my English is bad, then please bear with it, its my second language and I'm relatively young.)