Suggestion for the box design .

[hyzenberg22]

The Search box looks very sharp square, please update the design with the rounded corners square. I think that will be very classy and eye-catching.

[QY7]

This is the same question as #208 If you do not know how to do this, you can find one of the theme file and replace the content with the code I provided. I will show you how to do this with the example theme of "BlackAndWhite"

1. Find the theme file whose name is "BlackAndWhite.xaml" and open it
2. Replace all of the content with the code below

<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="Base.xaml"></ResourceDictionary>
    </ResourceDictionary.MergedDictionaries>
    <system:Boolean x:Key="ThemeBlurEnabled">True</system:Boolean>
    <Style x:Key="QueryBoxStyle" BasedOn="{StaticResource BaseQueryBoxStyle}" TargetType="{x:Type TextBox}">
        <Setter Property="Foreground" Value="#FFFFFF" />
        <Setter Property="CaretBrush" Value="#FFFFFF"/>
    </Style>

    <Style x:Key="QueryTextSuggestionBoxStyle" BasedOn="{StaticResource BaseQueryTextSuggestionBoxStyle}" TargetType="{x:Type TextBox}">
        <Setter Property="Background" Value="#01000001" />
    </Style>
    <Style x:Key="WindowBorderStyle" BasedOn="{StaticResource BaseWindowBorderStyle}" TargetType="{x:Type Border}">
        <Setter Property="Background">
            <Setter.Value>
                <SolidColorBrush Color="Black" Opacity="0.7" />
            </Setter.Value>
        </Setter>
        <Setter Property="CornerRadius" Value="5"/>
        <!-- <Setter Property="Margin" Value="20"/> -->
        <Setter Property="Padding" Value="10"/>
<!--         <Setter Property="Window.Effect">
            <Setter.Value>
                <DropShadowEffect Color="Black"
                                  ShadowDepth="0"
                                  BlurRadius="20"/>
            </Setter.Value>
        </Setter> -->
    </Style>
    <Style x:Key="WindowStyle" TargetType="{x:Type Window}" BasedOn="{StaticResource BaseWindowStyle}" >
        <Setter Property="Background" Value="Transparent"/>
        
    </Style>
    <Style x:Key="PendingLineStyle" BasedOn="{StaticResource BasePendingLineStyle}" TargetType="{x:Type Line}" ></Style>

        <!-- Item Style -->
    <Style x:Key="ItemTitleStyle" BasedOn="{StaticResource BaseItemTitleStyle}" TargetType="{x:Type TextBlock}">
        <Setter Property="Margin" Value="0, -10" />
        <Setter Property="Foreground" Value="#777777" />

    </Style>
    <Style x:Key="ItemSubTitleStyle" BasedOn="{StaticResource BaseItemSubTitleStyle}" TargetType="{x:Type TextBlock}">
        <Setter Property="Foreground" Value="#777777" />
    </Style>
    <Style x:Key="ItemTitleSelectedStyle" BasedOn="{StaticResource BaseItemTitleSelectedStyle}"
           TargetType="{x:Type TextBlock}">
        <Setter Property="Margin" Value="0, -10" />
        <Setter Property="Foreground" Value="#FFFFFFFF" />
    </Style>
    <Style x:Key="ItemSubTitleSelectedStyle" BasedOn="{StaticResource BaseItemSubTitleSelectedStyle}"
           TargetType="{x:Type TextBlock}">
        <Setter Property="Foreground" Value="#BBBBBB" />
    </Style>
    <SolidColorBrush x:Key="ItemSelectedBackgroundColor" Color="#373737"/>
    
    <Style x:Key="ThumbStyle" BasedOn="{StaticResource BaseThumbStyle}" TargetType="{x:Type Thumb}"></Style>
    <Style x:Key="ScrollBarStyle" BasedOn="{StaticResource BaseScrollBarStyle}" TargetType="{x:Type ScrollBar}"></Style>
</ResourceDictionary>

3. restart Wox and select the BlackAndWhite theme from the setting panel
4. enjoy