Windows-XAML-Styles

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

Windows-XAML-Styles

★ 13 Open GitHub ↗

Custom Windows XAML styles for Windhawk's various XAML styler mods for Windows 11

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Windows XAML Styles
A collection of my custom Windows XAML styles for Windhawk's various XAML styler mods for Windows 11.

## Table of contents
* Styles for UWP Apps
  * [Quick Actions](#quick-actions)
  * [File Explorer](#file-explorer)
  * [Start Menu](#start-menu)
* Styles Info
  * [How to apply Custom XAML Styles](#how-to-apply-custom-xaml-styles)
  * [Further configuration](#further-configuration)
    * Quick Actions flyout:
      * [Disable brightness slider](#disable-brightness-slider)
      * [Enable toggles group](#enable-toggles-group)
    * File Explorer:
      * [Show tabs only](#enable-toggles-group)
* Additional Info
  * [WinMac](https://github.com/Asteski/WinMac)
  * [Windhawk](https://github.com/ramensoftware/windhawk) 
  * [Additional utilities](https://github.com/Asteski/WinMac/wiki/Additional-utilities)

## Quick Actions

Quick actions styles main focus are on merging both volume and media control regions into a single region. Recommended for enthusiasts who like their taskbar positioned at the top, and using 3rd party taskbars like StartAllBack or ExplorerPatcher.

Windhawk mod that needs to be installed for Quick Actions styles: [Windows 11 Notification Center Styler](https://windhawk.net/mods/windows-11-notification-center-styler)

[Quick Actions - Small JSON code](https://github.com/Asteski/Windows-XAML-Styles/blob/main/styles/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20Small.json)

![Quick Actions - Small](https://github.com/Asteski/Windows-XAML-Styles/blob/main/img/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20Small.png)

[Quick Actions - Large JSON code](https://github.com/Asteski/Windows-XAML-Styles/blob/main/styles/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20Large.json)

![Quick Actions - Large](https://github.com/Asteski/Windows-XAML-Styles/blob/main/img/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20Large.png)

[Quick Actions - No Cover JSON code](https://github.com/Asteski/Windows-XAML-Styles/blob/main/styles/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20No%20Cover.json)

![Quick Actions - No Cover](https://github.com/Asteski/Windows-XAML-Styles/blob/main/img/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20No%20Cover.png)

## File Explorer

File Explorer styles are a hybrid of legacy and modern toolbar areas, with additional tweaks for command bar like:
* enforce transparency effect
* reduced height
* disabled border

Windhawk mods that needs to be installed for File Explorer style: [Windows 11 File Explorer Styler](https://windhawk.net/mods/windows-11-file-explorer-styler), [Classic Explorer navigation bar](https://windhawk.net/mods/explorer-frame-classic)

[File Explorer JSON code](https://github.com/Asteski/Windows-XAML-Styles/blob/main/styles/File%20Explorer%20Styler%20-%20File%20Explorer.json)

![File Explorer](https://github.com/Asteski/Windows-XAML-Styles/blob/main/img/File%20Explorer%20Styler%20-%20File%20Explorer.png)

[File Explorer - No Command Bar JSON code](https://github.com/Asteski/Windows-XAML-Styles/blob/main/styles/File%20Explorer%20Styler%20-%20File%20Explorer%20-%20No%20Command%20Bar.json)

![File Explorer - No Command Bar](https://github.com/Asteski/Windows-XAML-Styles/blob/main/img/File%20Explorer%20Styler%20-%20File%20Explorer%20-%20No%20Command%20Bar.png)

## Start Menu

Start Menu used as an App Launcher only, without search field, recommended section and etc.

I recommend additional mods to customize your Start Menu even more: [Pinned Only on Start Menu](https://windhawk.net/mods/pinned-only-on-start-menu), [Start Menu Power Buttons](https://windhawk.net/mods/win11-power-buttons),  [Start Menu Size ](https://windhawk.net/mods/start-menu-size) or [Block Start Menu Hosts](https://windhawk.net/mods/block-windows-startmenu-and-hosts) to disable Search Host from triggering accidently.

[App Launcher - JSON code](https://github.com/Asteski/Windows-XAML-Styles/blob/main/styles/Start%20Menu%20Styler%20-%20Start%20Menu%20-%20App%20Launcher.json)

![Start Menu - App Launcher](https://github.com/Asteski/Windows-XAML-Styles/blob/main/img/Start%20Menu%20Styler%20-%20App%20Launcher.png)

## Further configuration

### Quick Actions

#### Disable brightness slider

Disable brightness slider by setting *"Visibility=1"* for target _"ContentControl#SlidersGroup > ContentPresenter > GridView > Border > ScrollViewer > Border > Grid > ScrollContentPresenter > ItemsPresenter > ItemsStackPanel > GridViewItem[1]"_.

#### Enable Toggles group

Enable Toggles group by setting *"Visibility=0"* for target *"Windows.UI.Xaml.Controls.ContentControl#TogglesGroup"*.

*Height=100* showed on [Quick Actions - Large](https://github.com/Asteski/Windows-XAML-Styles/blob/main/styles/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20Large.json)

![Quick Actions - TogglesGroup - Height=100](https://github.com/Asteski/Windows-XAML-Styles/blob/main/img/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20TogglesGroup%20-%20100.png)

*Height=200* showed on [Quick Actions - Small](https://github.com/Asteski/Windows-XAML-Styles/blob/main/styles/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20Small.json)

![Quick Actions - TogglesGroup - Height=200](https://github.com/Asteski/Windows-XAML-Styles/blob/main/img/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20TogglesGroup%20-%20200.png)

*Height=290* showed on [Quick Actions - Small](https://github.com/Asteski/Windows-XAML-Styles/blob/main/styles/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20Small.json)

![Quick Actions - TogglesGroup - Height=290](https://github.com/Asteski/Windows-XAML-Styles/blob/main/img/Notification%20Center%20Styler%20-%20Quick%20Actions%20-%20TogglesGroup%20-%20290.png)

*Height=Auto* shows all available toggles.

### File Explorer

#### Show tabs only

Show tabs only by disabling *Classic Explorer navigation bar* mod and setting *explorerFrameContainerHeight=41*.

[File Explorer - Tabs Only JSON code](https://github.com/Asteski/Windows-XAML-Styles/blob/main/styles/File%20Explorer%20Styler%20-%20File%20Explorer%20-%20Tabs%20Only.json)

![File Explorer - Tabs Only](https://github.com/Asteski/Windows-XAML-Styles/blob/main/img/File%20Explorer%20Styler%20-%20File%20Explorer%20-%20Tabs%20Only.png)

## How to apply Custom XAML Styles

- Launch the Windhawk app.
- Click the "Explore" button.
- Find and install the "Windows 11 [process] Styler" mod.
- Go to the mod's "Advanced" tab.
- Clear everything in the "Mod settings" text box.
- Copy the JSON code from this GitHub repo.
- Paste the JSON code into the "Mod settings" text box.
- Click "Save", and the changes take effect instantly.

Windows-XAML-Styles

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README