Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Theme Gallery (Share your theme) #1438

onesounds started this conversation in Show and tell
Oct 2, 2022 · 63 comments · 129 replies
Discussion options

Share your themes

  • If you made a theme, please share it with the community here.
  • Screenshot + Download link (github, google drive, etc...)

How to save a theme

  1. Navigate to the theme file, it should be a xaml file type on GitHub. Once you are viewing the file content click "Raw" on the top right corner and Ctrl +S to save the theme (make sure it's saved with .xaml extension).

  2. Save the theme in your user data directory, usually in ~/AppData/Roaming/FlowLauncher/Themes directory. If not sure, from flow type flow launcher userdata then navigate to the Themes directory.

  3. Select your new theme via flow's theme section.

Additional

  • We are planning a theme gallery menu on the website in the future, but is of low priority at this stage. If you've posted your themes here, they will be included when it's completed.
  • Since I often modify the design, there may be changes/new additions to the theme structure, which I'll mention these details here.

Create your own theme


Notice (2026年02月25日)

Starting with version 2.1.0, we have moved to a new UI framework, themes with namespaces pointing to http://schemas.modernwpf.com/2019 will no longer work. Please update your themes by following the steps in this PR comment

Notice (2025年06月04日)

  • Starting from version 1.20.0, the acrylic implementation method has been changed. Theme authors are kindly requested to refer to the theme documentation or the built-in themes' acrylic settings and update their themes accordingly.

Known Issues:

  • Themes without a PendingLine style may cause errors. Please add the PendingLine key to your theme. This issue has been fixed and will be resolved in the version following 1.20.0. After that update, including this key will no longer be necessary.

  • The Glyph key generated by the website’s theme builder is incorrectly set. If the glyph icons appear strange, please check this setting. Change ItemGlyphStyle to ItemGlyph.

You must be logged in to vote

Replies: 63 comments 129 replies

Comment options

Theme Collection

Current color palettes: Artic Nord, Solarized, Everforest, Dracula, Gruvbox

Each theme has two types of .xaml files. Files with "cln-" prefix in the name matches subtitles with the background.

How to use:

  • Visit the repo on the header

  • Click on the file with the theme and style of your choice in the name

  • Click "Raw"

  • 'Ctrl +S' on the newly opened window to save the file as .xaml

  • put them in the "user-themes" folder in your Flowlauncher directory.

  • enjoy

    cln-Gruvboxbyzurg.xaml
    Gruvboxbyzurg.xaml : non cln- file (subtitles are visible)

    cln-Draculabyzurg.xaml
    Everforestbyzurg.xaml

    cln-Nordbyzurg.xaml
    cln-Solarized-Dark.xaml

    cln-Solarized-Darker.xaml
    cln-Solarized-light.xaml
You must be logged in to vote
9 replies
Comment options

@Rajbir98 Check out OnsetGlaze theme. I think it is what you would like.

Comment options

onesounds Jan 13, 2023
Collaborator Author

Hi @drunkzurg, We found miss typo 'BaseItemHotkeySelecetedStyle'(It should be "selected") in our code and it fixed in prerelease. (after 1.110) Your theme will also be affected. You can reflect it after 1.110, but I think there will be no particular problem if you erase the line (based on part) below. (Regardless of the version,)

Sorry to bother you. 😂

image

Comment options

Hey, your themes are awesome but I'm looking for a blur theme that matches my desktop's overall look can you make something like this?

image

@Rajbir98 Are you wanting the close box as well or just the blur effect similar to your screenshot?

Comment options

okay, i'll update them soon. Thanks!

Comment options

Hey, your themes are awesome but I'm looking for a blur theme that matches my desktop's overall look can you make something like this? image

This looks great, how did you make it?

Comment options

🎨 onsetGlaze

onsetGlaze is a theme for FlowLauncher with Acrylic/Glass effect.

🖼️ Theme Dispaly

image

image

🪄 Features

  • Acrylic background.
  • Curved layout.

⚙️ Installation

  • Copy and paste in pw/bash.
cd ~/AppData/Roaming/FlowLauncher/Themes && curl -o OnsetGlaze.xaml https://raw.githubusercontent.com/abhidahal/onsetGlaze.flow/main/OnsetGlaze.xaml

Use bash or powershell terminal.
or just follow the instructions on the repo.

You must be logged in to vote
9 replies
Comment options

is there a possibility that you create this one with a black coloured font (for light backgrounds)? 🙈

Check out macOS Light in the thread below.

Comment options

Is there a way to make it more blurry or just darken the color a little bit? The theme is amazing on dark colors but doesnt work well on light ones

Comment options

Is there a way to make it more blurry or just darken the color a little bit? The theme is amazing on dark colors but doesnt work well on light ones

@soeoeb @haslanz
Run :
cd ~/AppData/Roaming/FlowLauncher/Themes && curl -o OnsetGlaze-Max.xaml https://raw.githubusercontent.com/abhidahal/onsetGlaze.flow/lessBlur/OnsetGlaze.xaml

and select OnsetGlaze-Max Theme in your FlowLauncher Setting.

  • PS: make sure to use latest Powershell(from MS.store) or git-bash while running the command.
Comment options

Is there a way to make it more blurry or just darken the color a little bit? The theme is amazing on dark colors but doesnt work well on light ones

@soeoeb @haslanz Run : cd ~/AppData/Roaming/FlowLauncher/Themes && curl -o OnsetGlaze-Max.xaml https://raw.githubusercontent.com/abhidahal/onsetGlaze.flow/lessBlur/OnsetGlaze.xaml

and select OnsetGlaze-Max Theme in your FlowLauncher Setting.

That is perfect. Much appreciated, thanks for the help and for an amazing theme <3

Comment options

This is gorgeous!! I also love the mac inspired fork as well. Nicely done!

Comment options

🟢 Updated to support Flow Launcher v1.20.0

🎨 CircleDarkBlur Theme

CircleDarkBlur is a theme for Flow Launcher with a blur effect. Inspired by the original Circle Light theme.

🖼️ Screenshots

image

image

🪶 Features

  • Acrylic/Glass effect
  • Rounded corners
  • White colored pending bar
  • Selected item bullet

⚙️ Installtion

  • Click on the CircleDarkBlur.xaml then click on Raw button. Then save the file using Ctrl + S.
  • Copy/Move the file to C:\Users\[username]\AppData\Roaming\FlowLauncher\Themes folder.
  • Select theme on the Theme tab on Flow Launcher.
  • Enjoy the theme :)

Note: However, it currently appears better with the Acrylic backdrop type only

Image
You must be logged in to vote
15 replies
Comment options

image

hello sir, would it be possible to fix the rounded corners glitch, which can be seen on the right side (sometimes its on both sides)?Would it be possible to make it completely rounded, without the glitching corners? thanks in advance

Comment options

z1nc0r3 Mar 18, 2024
Collaborator

Hello @ruchilharpal
I'm sorry, the issue you mentioned is unrelated to this theme file but an issue in WPF UI (AFAIK). Because all the inbuild themes also have this issue. You can check the previous replies. But I'll check again if this is solvable. Thank you for using my theme.

Comment options

i love this theme.

i edited it a little bit to match my system color themeing and make the the text bigger. ive a big tv as moniter.

image

Comment options

Hello @ruchilharpal I'm sorry, the issue you mentioned is unrelated to this theme file but an issue in WPF UI (AFAIK). Because all the inbuild themes also have this issue. You can check the previous replies. But I'll check again if this is solvable. Thank you for using my theme.

no its not WPF issue, you need request radios corner via DWM.dll api but you can't on theme it's main app job.

https://learn.microsoft.com/en-us/windows/win32/dwm/composition-ovw#controlling-non-client-region-rendering

Comment options

onesounds May 31, 2025
Collaborator Author

Hello @ruchilharpal I'm sorry, the issue you mentioned is unrelated to this theme file but an issue in WPF UI (AFAIK). Because all the inbuild themes also have this issue. You can check the previous replies. But I'll check again if this is solvable. Thank you for using my theme.

no its not WPF issue, you need request radios corner via DWM.dll api but you can't on theme it's main app job.

https://learn.microsoft.com/en-us/windows/win32/dwm/composition-ovw#controlling-non-client-region-rendering

Hi. I've usually described this as a WPF issue, so most people generally understand it that way. Technically, you're right that "making a window transparent" can be done via DWM. But if you look at our code (though it's changed a bit recently), you'll see that Flow doesn't behave like a typical WPF window.

For example, a window with AllowTransparency=True can't use drop shadows or DWM effects. We had to use that setting due to the way we handle show/hide logic. Also, due to the structure of our UI, we needed to apply acrylic brushes to specific regions only, which WPF doesn't support. We also needed things like tint color support in the theme and applying different colors to different parts of the window — again, not natively possible in WPF.

So yes — you're right that making a transparent window is possible with DWM and that it's not strictly a WPF limitation in itself. But in our project, it absolutely was a limitation due to the design and architectural requirements.

In fact, in the most recent versions, we had to change a lot of our architecture and even give up some existing features to make this work. That decision — and the cleanup that followed — took a huge amount of time. We eventually implemented a transparent window with rounded corners, but it was far from trivial.

I’m not lying or exaggerating. I'm a designer with no formal programming background, and I was the only one on the team really focused on this feature. I didn't even know what DWM was when I started. All I wanted was a transparent window with rounded corners — but getting there required a huge amount of trial and error, learning, and iteration over a long time. In other Windows apps, adding one DWM line might do the trick, but in Flow, it took years (not a joke) of PRs and rewrites. The proof is in our PR history — our team members can vouch for that.

Even if it looks easy to you, you haven’t actually implemented this within our project context. So please don’t comment in a way that makes it seem like we were lying or being misleading by saying "this isn’t a WPF limitation." That wasn’t fair.

Comment options

Chinese New Year Theme

Download from here

image

You must be logged in to vote
0 replies
Comment options

macOS
Minic macOS Ventura Spotlight Search.
Forked from @abhidahal onsetGlaze

Download from GitHub
Download with PowerShell

cd ~/AppData/Roaming/FlowLauncher/Themes
# If you are using Flow Launcher Portable 1.14.1
# If not replace [1.14.1] with your version
cd ~/AppData/Local/FlowLauncher/app-1.14.1/UserData/Themes
# Dark Theme
curl -o macOS.xaml https://raw.githubusercontent.com/cc46808/macOS.flow/main/macOS.xaml
# Light Theme
curl -o macOS-Light.xaml https://raw.githubusercontent.com/cc46808/macOS.flow/main/macOS-Light.xaml

You must be logged in to vote
2 replies
Comment options

image
Is it possible to show the "What's new" screen below the search bar just like in the real Mac OS as soon as you evoke flow launcher?

Comment options

@GameBoyzGB Interesting. Standby and let me see if we can.

Comment options

Monokai

A re-colorization of the Ubuntu theme.
Download from GitHub

Flow Launcher_vO146BIlbH

You must be logged in to vote
0 replies
Comment options

🎨 Violet

Violet is a theme for Flow Launcher.

🖼️ Theme Dispaly

Download from GitHub
Download with PowerShell

cd ~/AppData/Roaming/FlowLauncher/Themes
#If you are using Flow Launcher Portable
cd ~/AppData/Local/FlowLauncher/app-1.12.1/UserData/Themes
#Dark Theme
curl -o Violet.xaml https://raw.githubusercontent.com/eliaszon/Violet.flow/main/Violet.xaml
You must be logged in to vote
3 replies
Comment options

How did you changed your font?

Comment options

In flow launcher type s Fonts and click enter. This will take you to the fonts section of your windows device. Just add any new font that you want by drag and dropping the font files (usually .otf and .ttf files). You can get these for free from websites like fontspace. Now you can go to appearance section in Flow Launcher settings and click the marker icon at the topright to edit themes. In the fonts dropdown menu locate your desired font!

Comment options

Do we know what font is being used here?

Comment options

Flow Launcher Ayu dark theme

Download from here

image
image

You must be logged in to vote
0 replies
Comment options

🎨Bullet_Acrylic

Info and Links

Download from Repo

cd ~/AppData/Roaming/FlowLauncher/Themes && curl -o Bullet_Acrylic.xaml https://raw.githubusercontent.com/KJH-x/FlowTheme/main/Bullet_Acrylic.xaml

Simple Acrylic With Bullet style.

Thanks:

🖼️

截图_20230406014327

You must be logged in to vote
0 replies
Comment options

Tokyo Night & Tokyo Night Storm

Link to repo

Available:

  • tokyonight
  • tokyonight_storm

Screenshots:
Storm:
image
Night:
image

You must be logged in to vote
2 replies
Comment options

Ah Thanks to this great guy @SoraTenshi I have finally used my github account to do something 😁
here's my theme. I modified SlimLight

oliveSlimLight

link to repo
It takes after my windows 10 theme where I have used as much olive green as possible. Shaken not stirred

image

Never done this before. Feel excited. 🐱‍👤Thanks @SoraTenshi
P.S. I have unsuccessfully used AHK to try to center the Flow.Launcher window. the default center is too far up top, like mac spotlight or whatever so I have to raise my eyes everytime I launch or press a hotkey. Any suggestions are gratefully welcomed.

P.P.S. I also failed to add blur to my theme. so much work! I am inspired by the Win 10 start menu. Windows 10 for life!!! Down with windoze 11! Also I want a live tile system tray clock, Now that would be cool.

Comment options

Hey there, you can set a custom search window location via flows settings, also display live time as well if I read your comment correctly.

Comment options

Hello Guys. Just Themed My flow launcher. And i wanted to share it. I am a biginner though and i edited the my choice of color on sublime.xmal file. But before sharing it i wonder how can i change the query window shadow effect color (dark shadow anround the window). If anyone can help it will be appriciated.

here is my theme
Flow Launcher_VAQEFreI15

You must be logged in to vote
2 replies
Comment options

Hey there, if I remember correctly, changing the shadow effect color is currently not possible as it's done via code.

Comment options

share the .xaml file

Comment options

My best theme is slim light. I was thinking sadly that the fonts for flow launcher were too big. And then came slim light with an air of perfection. However, also lurking nearby was avarice: how do I add a blur/mica effect to slimlight?

You must be logged in to vote
0 replies
Comment options

You must be logged in to vote
0 replies
Comment options

You must be logged in to vote
1 reply
Comment options

That's really fancy😍

Comment options

You must be logged in to vote
0 replies
Comment options

🟠 DarcuboxBlur

Official release of Darcubox Flow Launcher theme!! based on darcubox-nvim palette.

📸 Screenshots

You must be logged in to vote
0 replies
Comment options

👀 MinFlow

My small changes to the onsetGlaze including dynamic light/dark theme

https://github.com/R0gue301/MinFlow/

🌙 Dark

Flow Launcher_B6j9rKMspZ

explorer_TqnubDlocn

☀️ Light

Flow Launcher_lSK5qlrHUI

explorer_hewfqQ4NxK

📃 How to install

  • Visit the repo

  • Click on the theme file (MinFlow.xaml)

  • Click "Raw"

  • Ctrl + S to save the file as .xaml

  • Put file in C:\Users\%USER%\AppData\Roaming\FlowLauncher\Themes

  • Select theme in FlowLauncher

You must be logged in to vote
0 replies
Comment options

Tinted Glass

Minimal theme that get things done. With flavours.

Built with Flow Launcher's theme builder

Please note that Blur settings are present in the .xaml files, but they simply stopped working for me after updating to 1.20.1
So, why there is no blur in the pictures, it might work for you because it may be an issue on my end.

Installation

All themes (.xaml) files are in the Theme directory in my GitHub repo here. Simply pick the one you'd like (or all of them) by downloading the file(s) or by copying their contents into .xaml files of your creation in Flow Launcher's User Theme directory.

Tinted Glass - Standard Blur

base
Tinted Glass - Standard Blur a
Tinted Glass - Standard Blur b
i1 i2 i3
Tinted Glass - Standard Blur 1 Tinted Glass - Standard Blur 2 Tinted Glass - Standard Blur 3

Tinted Glass - Standard Blur - Accent

base
Tinted Glass - Standard Blur - Accent a
Tinted Glass - Standard Blur - Accent b
i1 i2 i3
Tinted Glass - Standard Blur - Accent 1 Tinted Glass - Standard Blur - Accent 2 Tinted Glass - Standard Blur - Accent 3

Tinted Glass - Pure Blur

base
Tinted Glass - Pure Blur a
Tinted Glass - Pure Blur b
i1 i2 i3
Tinted Glass - Pure Blur 1 Tinted Glass - Pure Blur 2 Tinted Glass - Pure Blur 3

Wallpaper Credits

Images from unsplash

You must be logged in to vote
3 replies
Comment options

Wow that's nice of a theme, I love this

Comment options

I know how to fix the theme, just go to flow launcher's and find the theme documentation, and just follow the steps

Comment options

The themes you shared do not look like the preview images. There is some kind of issue in their xaml files.

Comment options

I created a version of the Solarized Osaka theme for Flow Launcher, inspired by Craftzdog (Devaslife).

You can find the theme file here:
👉 nxstynate/flow-theme-solarized-osaka

In the screenshot below, I'm using:

  • WezTerm as my terminal emulator, with a custom-built Solarized Osaka theme applied to both the terminal and the status line.
  • GlazeWM as my tiling window manager, paired with Zebar.
  • A customized Zebar at the top of the screen, also styled to match the Solarized Osaka theme.

Screenshot 2025年06月20日 152814


You must be logged in to vote
3 replies
Comment options

I created a version of the Solarized Osaka theme for Flow Launcher, inspired by Craftzdog (Devaslife).

You can find the theme file here: 👉 nxstynate/flow-theme-solarized-osaka

In the screenshot below, I'm using:

  • WezTerm as my terminal emulator, with a custom-built Solarized Osaka theme applied to both the terminal and the status line.
  • GlazeWM as my tiling window manager, paired with Zebar.
  • A customized Zebar at the top of the screen, also styled to match the Solarized Osaka theme.

Screenshot 2025年06月20日 152814

@nxstynate
Thanks for the beautiful theme!
How can I reduce the width of the scroll bar on the right?

Comment options

That's a good catch, I like to have my scroll bar minimized also. I will look at making this update if it is possible.

Comment options

I attempted to shrink the scroll bar but was having trouble for the time being I removed it, which is a much cleaner look.

Comment options

You must be logged in to vote
0 replies
Comment options

💧 TranslucentFlow

A Translucent theme for Flow Launcher

Today, we have translucent taskbar, translucent start menu, translucent notifications center... but not translucent Flow Launcher ! (we have, but not in the way I imagine)

This theme solves the problem by making your Flow Launcher translucent with an acrylic blur, inspired by other FL themes (see Credits) and other Windows editing applications (TranslucentTB, MicaForEveryone, ...).

Tip

To get a better experience, switch your Windows theme to dark ! The light theme is... ugly

Don't hesitate to make suggestions, or report any bugs to improve your experience with this theme. Thanks to use TranslucentFlow !!!

How to install

  1. Download the .xaml file HERE
  2. Put it in your Flow Launcher directory (C:\Users\$USER\AppData\Roaming\FlowLauncher\Themes\)
  3. Restart Flow Launcher to load the theme
  4. Apply it in Flow Launcher settings

Theme preview

image

image

Credits

To make this theme, I took my inspiration from Raytrace theme and Acrylic for Flow Launcher. Thanks to them !!!

You must be logged in to vote
0 replies
Comment options

A Warrior's Dream!

Updated to orange instead of hot pink

I finally decided to create my own Flow Launcher theme using Flow Launcher's theme maker. I call it A Warrior's Dream because it's both bright and dark at the same time. Also, this is my first time I've ever added a repo to my GitHub page and it wasn't that hard.

How To Install

  1. Download the .xaml file here.
  2. Put it in your Flow Launcher directory.
  3. Easiest way to find directory is to open Flow Launcher Settings, Appearance, scroll to the very bottom of the menu. On the bottom right click Open Theme Folder.
  4. Copy and paste the downloaded .xaml file in the Theme Folder.
  5. Restart Flow Launcher. Quit and open it back up.

Enjoy!!
PS background in screenshots is wallpapers from Digital Blasphemy.

Screenshots

Screenshot 2025年09月24日 223529 Screenshot 2025年09月24日 223549
You must be logged in to vote
0 replies
Comment options

Created Gruvbox Dark and Gruvbox Light themes based on the Gruvbox color scheme by morhetz.

🌆 Gruvbox Dark

Gruvbox Dark

🌇 Gruvbox Light

Gruvbox Light

📥 Download and Instructions:

https://github.com/koresent/Flow-Launcher-Gruvbox-theme

You must be logged in to vote
0 replies
Comment options

macOS

🌟Features

  • iOS-style glass effect (tint + highlight + vignette + subtle noise) for a more "liquid" look.
  • Transparent blurred background effect (requires blur enabled / supported by your system).
  • Rounded edges and soft shadow for a floating panel feel.
  • macOS-like layout and typography.
  • Custom search icon to mimic Spotlight.
  • Hotkey (Alt KeyTip) text visible (fixes "only squares show" issue).

📸Screenshots

dark-mode light-mode
You must be logged in to vote
0 replies
Comment options

Hi everyone,

Starting with version 2.1.0, we have moved to a new UI framework, themes with namespaces pointing to http://schemas.modernwpf.com/2019 will no longer work. Please update your themes by following the steps in this PR comment

Cheers

You must be logged in to vote
0 replies
Comment options

Spotless

🖼️ Previews

Spotless Dark
Spotless Dark

Spotless Dark Clean
Spotless Dark Clean

Spotless Light
Spotless Light

Spotless Light Clean
Spotless Light Clean

📥 Download

⚙️ Installation

Check the Main Repository for setup instructions.

You must be logged in to vote
9 replies
Comment options

Thank you for your kind words. The issue is limited to the preview screen in settings. Once you select the theme and begin using it, it should display normally. Could you please try using the theme to see if the issue resolves itself?

Comment options

Thank you for your kind words. The issue is limited to the preview screen in settings. Once you select the theme and begin using it, it should display normally. Could you please try using the theme to see if the issue resolves itself?

Actually, the selected entry is cut off on the right and the bullet points are not visible - presumably because they extend beyond the right boundary of the search box as shown in the preview window. I took a look at the .xaml file and I can't see what would be causing this

image
Comment options

I designed the theme mainly to work with preview. To test it, can you try changing the line in the .xaml file from Thickness x:Key="ResultMargin">0 0 -245 18</Thickness to Thickness x:Key="ResultMargin">0 0 0 18</Thickness and let me know if it works?

I don't currently have Flow Launcher installed on my computer, but if this solution doesn't work, I will install it to resolve the issue.

Comment options

I designed the theme mainly to work with preview. To test it, can you try changing the line in the .xaml file from Thickness x:Key="ResultMargin">0 0 -245 18</Thickness to Thickness x:Key="ResultMargin">0 0 0 18</Thickness and let me know if it works?

I don't currently have Flow Launcher installed on my computer, but if this solution doesn't work, I will install it to resolve the issue.

Great - that worked perfectly. Thank you.
image

Comment options

Glad it worked. Enjoy!

Comment options

🌊 Flow Tahoe

A beautiful dark mode theme meticulously crafted to replicate the macOS Tahoe Spotlight experience.

🖼️Preview

Preview 1

Preview 2

Actual macOS Tahoe Spotlight for reference:
macOS Tahoe Spotlight Reference

Blur version:
Preview 1 (Blur)

Preview 2 (Blur)

Download

The theme can be downloaded here

Installation

Check the Main Repository for setup instructions.

You must be logged in to vote
2 replies
Comment options

Hi!! I tried installing your theme with the blur effect, but I don't see any blur at all and the edges are jagged.
If you have any idea what the problem might be, I'd appreciate your help.
изображение

Comment options

Hey! Just tried myself, indeed there seems to be an issue with the blur version. I also tested it on Flow Launcher v2.1.1 and it works fine, so it appears the latest version (v2.1.2, released 20h ago) broke the blur effect.
I opened an issue about it. In the meantime you can either stick to v2.1.1 or use the non-blur version which still works as intended.

EDIT: The blur issue is now fixed, but corners are still jagged. I updated the issue about it.
EDIT 2: The corners are now fixed.

Comment options

@LucasM314
Thank you so much for the wonderful themes!
The blur doesn't look like in your screenshot, maybe because in your definition,Setter Property="Background" Value="#2c2c2c" is missing a transparency value?
And it seems to me that there is also a duplication with this definition <Color x:Key="DarkBG">#50050505</Color>

Do you know how to do this MICA ALT?

You must be logged in to vote
2 replies
Comment options

Hey, thanks for the kind words!
Good catch, I updated the blur theme to make the Background Transparent which fixes the blur issue. There is still an issue with the corners, which doesn't seem to occur on v2.1.1; I've updated the issue on the Flow Launcher repo.

No idea how Mica or Mica Alt transparency works. According to the docs it shouldn't require any specific code in the theme file, but selecting those options in Flow Launcher's settings doesn't seem to have any effect for me. If anyone reading this can enlighten us, it would be greatly appreciated!

Comment options

Update: The corners issue is fixed.

Comment options

@LucasM314

but selecting those options in Flow Launcher's settings doesn't seem to have any effect for me. If anyone reading this can enlighten us, it would be greatly appreciated!

It does work, as you can see in the screenshot. I'm attaching the theme here, and I'd really appreciate it if you could adapt it to your Tahoe Spotlight theme, but leave it as a light theme.

תמונה
<!--
 Name: Blur White MY
 IsDark: False
 HasBlur: True
-->
<ResourceDictionary
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:system="clr-namespace:System;assembly=mscorlib">
 <ResourceDictionary.MergedDictionaries>
 <ResourceDictionary Source="pack://application:,,,/Themes/Base.xaml" />
 </ResourceDictionary.MergedDictionaries>
 <system:Boolean x:Key="ThemeBlurEnabled">True</system:Boolean>
 <system:String x:Key="SystemBG">Light</system:String>
 <Color x:Key="LightBG">#28FAFAFA</Color>
 <Color x:Key="DarkBG">#28FAFAFA</Color>
 <Thickness x:Key="ResultMargin">0 0 0 8</Thickness>
 <Style
 x:Key="ItemGlyph"
 BasedOn="{StaticResource BaseGlyphStyle}"
 TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#FF000000" />
 </Style>
 <Style x:Key="ItemGlyphSelectedStyle" TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#FF000000" />
 <Setter Property="VerticalAlignment" Value="Center" />
 <Setter Property="HorizontalAlignment" Value="Center" />
 <Setter Property="Width" Value="25" />
 <Setter Property="Height" Value="25" />
 <Setter Property="FontSize" Value="25" />
 </Style>
 <Style x:Key="WindowRadius" TargetType="{x:Type Border}">
 <Setter Property="CornerRadius" Value="0" />
 </Style>
 <Style
 x:Key="QueryBoxStyle"
 BasedOn="{StaticResource BaseQueryBoxStyle}"
 TargetType="{x:Type TextBox}">
 <Setter Property="Foreground" Value="#FF211910" />
 <Setter Property="CaretBrush" Value="#000000" />
 <Setter Property="Margin" Value="57 0 0 1" />
 <Setter Property="Background" Value="Transparent" />
 </Style>
 <Style
 x:Key="QuerySuggestionBoxStyle"
 BasedOn="{StaticResource BaseQuerySuggestionBoxStyle}"
 TargetType="{x:Type TextBox}">
 <Setter Property="Foreground" Value="#39000000" />
 <Setter Property="Padding" Value="0" />
 <Setter Property="Margin" Value="57 0 0 0" />
 </Style>
 <Style
 x:Key="WindowBorderStyle"
 BasedOn="{StaticResource BaseWindowBorderStyle}"
 TargetType="{x:Type Border}">
 <Setter Property="Background">
 <Setter.Value>
 <SolidColorBrush Opacity="0.1" Color="White" />
 </Setter.Value>
 </Setter>
 <Setter Property="BorderThickness" Value="1" />
 <Setter Property="BorderBrush" Value="#aaaaaa" />
 <Setter Property="CornerRadius" Value="0" />
 </Style>
 <Style
 x:Key="WindowStyle"
 BasedOn="{StaticResource BaseWindowStyle}"
 TargetType="{x:Type Window}">
 <Setter Property="Background">
 <Setter.Value>
 <SolidColorBrush Opacity="0.5" Color="White" />
 </Setter.Value>
 </Setter>
 </Style>
 <Style
 x:Key="PendingLineStyle"
 BasedOn="{StaticResource BasePendingLineStyle}"
 TargetType="{x:Type Line}" />
 <!-- Item Style -->
 <Style
 x:Key="ItemTitleStyle"
 BasedOn="{StaticResource BaseItemTitleStyle}"
 TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#FF211910" />
 </Style>
 <Style
 x:Key="ItemSubTitleStyle"
 BasedOn="{StaticResource BaseItemSubTitleStyle}"
 TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#85000000" />
 </Style>
 <Style
 x:Key="ItemTitleSelectedStyle"
 BasedOn="{StaticResource BaseItemTitleSelectedStyle}"
 TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#ff000000" />
 </Style>
 <Style
 x:Key="ItemSubTitleSelectedStyle"
 BasedOn="{StaticResource BaseItemSubTitleSelectedStyle}"
 TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#85000000" />
 </Style>
 <SolidColorBrush
 x:Key="ItemSelectedBackgroundColor"
 Opacity="0.6"
 Color="#33000000" />
 <CornerRadius x:Key="ItemRadius">10</CornerRadius>
 <Thickness x:Key="ItemMargin">10 0 24 0</Thickness>
 <Style
 x:Key="SeparatorStyle"
 BasedOn="{StaticResource BaseSeparatorStyle}"
 TargetType="{x:Type Rectangle}">
 <Setter Property="Fill" Value="#22000000" />
 <Setter Property="Height" Value="1" />
 <Setter Property="Margin" Value="12 0 12 8" />
 </Style>
 <!-- button style in the middle of the scrollbar -->
 <Style
 x:Key="ThumbStyle"
 BasedOn="{StaticResource BaseThumbStyle}"
 TargetType="{x:Type Thumb}">
 <Setter Property="Template">
 <Setter.Value>
 <ControlTemplate TargetType="{x:Type Thumb}">
 <Border
 Background="#3C000000"
 BorderBrush="Transparent"
 BorderThickness="0"
 CornerRadius="2"
 DockPanel.Dock="Right" />
 </ControlTemplate>
 </Setter.Value>
 </Setter>
 </Style>
 <Style
 x:Key="ScrollBarStyle"
 BasedOn="{StaticResource BaseScrollBarStyle}"
 TargetType="{x:Type ScrollBar}">
 <Setter Property="Background" Value="#a0a0a0" />
 </Style>
 <!-- Official Apple Search Icon, pulled from Apple's website -->
 <PathGeometry 
 x:Key="SearchIconImg" 
 Figures="m16.2294 29.9556-4.1755-4.0821a6.4711 6.4711 0 1 0 -1.2839 1.2625l4.2005 4.1066a.9.9 0 1 0 1.2588-1.287zm-14.5294-8.0017a5.2455 5.2455 0 1 1 5.2455 5.2527 5.2549 5.2549 0 0 1 -5.2455-5.2527z" />
 <!-- Icon to the right of the query text box -->
 <Style
 x:Key="SearchIconStyle"
 BasedOn="{StaticResource BaseSearchIconStyle}"
 TargetType="{x:Type Path}">
 
 <!-- The geometry is a solid shape, so we fill it -->
 <Setter Property="Fill" Value="#CCffffff" />
 <Setter Property="Stroke" Value="Transparent" />
 <Setter Property="StrokeThickness" Value="0" />
 
 <Setter Property="Width" Value="23" />
 <Setter Property="Height" Value="23" />
 <!-- <Setter Property="Stretch" Value="Uniform" /> -->
 </Style>
 <Style x:Key="SearchIconPosition" TargetType="{x:Type Canvas}">
 <Setter Property="Width" Value="32" />
 <Setter Property="Height" Value="32" />
 <Setter Property="Margin" Value="20 8 0 0" />
 <Setter Property="HorizontalAlignment" Value="Left" />
 </Style>
 <Style
 x:Key="ClockBox"
 BasedOn="{StaticResource BaseClockBox}"
 TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#000000" />
 <Setter Property="Opacity" Value="0.2" />
 </Style>
 <Style
 x:Key="DateBox"
 BasedOn="{StaticResource BaseDateBox}"
 TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#000000" />
 <Setter Property="Opacity" Value="0.2" />
 </Style>
 <Style
 x:Key="PreviewBorderStyle"
 BasedOn="{StaticResource BasePreviewBorderStyle}"
 TargetType="{x:Type Border}">
 <Setter Property="BorderBrush" Value="#c6c6c6" />
 </Style>
 <Style
 x:Key="PreviewItemTitleStyle"
 BasedOn="{StaticResource BasePreviewItemTitleStyle}"
 TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#FF000000" />
 </Style>
 <Style
 x:Key="PreviewItemSubTitleStyle"
 BasedOn="{StaticResource BasePreviewItemSubTitleStyle}"
 TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#818181" />
 </Style>
 <Style
 x:Key="PreviewGlyph"
 BasedOn="{StaticResource BasePreviewGlyph}"
 TargetType="{x:Type TextBlock}">
 <Setter Property="Foreground" Value="#FF000000" />
 </Style>
</ResourceDictionary>
You must be logged in to vote
1 reply
Comment options

I don't plan on making it a light theme, sorry, but I'm glad it works for you!

Comment options

CircleDarkBlurOrange

Download
image

You must be logged in to vote
0 replies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

AltStyle によって変換されたページ (->オリジナル) /