LightTranslate/DesignSystem.xaml at main · SatoriAx/LightTranslate · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Color x:Key="Ink950">#FF151719</Color>
    <Color x:Key="Ink900">#FF1C1F22</Color>
    <Color x:Key="Ink850">#FF24282C</Color>
    <Color x:Key="Ink800">#FF2B3035</Color>
    <Color x:Key="Ivory100">#FFF7F4EE</Color>
    <Color x:Key="Ivory70">#B3F7F4EE</Color>
    <Color x:Key="Ivory45">#73F7F4EE</Color>
    <Color x:Key="Champagne">#FFD3B78F</Color>
    <Color x:Key="ChampagneBright">#FFE6CEAA</Color>
    <Color x:Key="Sage">#FF94AA9A</Color>
    <Color x:Key="Danger">#FFD8897C</Color>

    <SolidColorBrush x:Key="WindowBrush" Color="{StaticResource Ink950}" />
    <SolidColorBrush x:Key="SurfaceBrush" Color="{StaticResource Ink900}" />
    <SolidColorBrush x:Key="SurfaceRaisedBrush" Color="{StaticResource Ink850}" />
    <SolidColorBrush x:Key="SurfaceHoverBrush" Color="{StaticResource Ink800}" />
    <SolidColorBrush x:Key="TextPrimaryBrush" Color="{StaticResource Ivory100}" />
    <SolidColorBrush x:Key="TextSecondaryBrush" Color="{StaticResource Ivory70}" />
    <SolidColorBrush x:Key="TextMutedBrush" Color="{StaticResource Ivory45}" />
    <SolidColorBrush x:Key="AccentBrush" Color="{StaticResource Champagne}" />
    <SolidColorBrush x:Key="AccentBrightBrush" Color="{StaticResource ChampagneBright}" />
    <SolidColorBrush x:Key="SuccessBrush" Color="{StaticResource Sage}" />
    <SolidColorBrush x:Key="DangerBrush" Color="{StaticResource Danger}" />
    <SolidColorBrush x:Key="HairlineBrush" Color="#24FFFFFF" />
    <SolidColorBrush x:Key="HairlineStrongBrush" Color="#38FFFFFF" />

    <LinearGradientBrush x:Key="WindowGradientBrush" StartPoint="0,0" EndPoint="1,1">
        <GradientStop Color="#FF202428" Offset="0" />
        <GradientStop Color="#FF181B1E" Offset="0.58" />
        <GradientStop Color="#FF151719" Offset="1" />
    </LinearGradientBrush>

    <LinearGradientBrush x:Key="AccentGradientBrush" StartPoint="0,0" EndPoint="1,1">
        <GradientStop Color="#FFE5CDA8" Offset="0" />
        <GradientStop Color="#FFC6A578" Offset="1" />
    </LinearGradientBrush>

    <Style TargetType="TextBlock">
        <Setter Property="FontFamily" Value="Segoe UI Variable Text, Microsoft YaHei UI, Segoe UI" />
        <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}" />
        <Setter Property="TextOptions.TextFormattingMode" Value="Display" />
        <Setter Property="TextOptions.TextRenderingMode" Value="ClearType" />
    </Style>

    <Style x:Key="GhostButtonStyle" TargetType="Button">
        <Setter Property="Foreground" Value="{StaticResource TextSecondaryBrush}" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Padding" Value="11,7" />
        <Setter Property="FontFamily" Value="Segoe UI Variable Text, Microsoft YaHei UI, Segoe UI" />
        <Setter Property="FontSize" Value="12" />
        <Setter Property="FontWeight" Value="SemiBold" />
        <Setter Property="Cursor" Value="Hand" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border x:Name="Shell" Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="10" Padding="{TemplateBinding Padding}">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="Shell" Property="Background" Value="#12FFFFFF" />
                            <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}" />
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="Shell" Property="Background" Value="#1CFFFFFF" />
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Opacity" Value="0.38" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="OutlineButtonStyle" TargetType="Button" BasedOn="{StaticResource GhostButtonStyle}">
        <Setter Property="BorderBrush" Value="{StaticResource HairlineStrongBrush}" />
        <Setter Property="Background" Value="#08FFFFFF" />
    </Style>

    <Style x:Key="AccentButtonStyle" TargetType="Button">
        <Setter Property="Foreground" Value="#FF241F19" />
        <Setter Property="Background" Value="{StaticResource AccentGradientBrush}" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Padding" Value="17,10" />
        <Setter Property="FontFamily" Value="Segoe UI Variable Text, Microsoft YaHei UI, Segoe UI" />
        <Setter Property="FontSize" Value="12.5" />
        <Setter Property="FontWeight" Value="SemiBold" />
        <Setter Property="Cursor" Value="Hand" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border x:Name="Shell" Background="{TemplateBinding Background}" CornerRadius="11"
                            Padding="{TemplateBinding Padding}">
                        <Border.Effect>
                            <DropShadowEffect BlurRadius="16" ShadowDepth="2" Opacity="0.16" Color="#FF000000" />
                        </Border.Effect>
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="Shell" Property="Opacity" Value="0.94" />
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="Shell" Property="Opacity" Value="0.82" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="InputTextBoxStyle" TargetType="TextBox">
        <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="FontFamily" Value="Segoe UI Variable Text, Microsoft YaHei UI, Segoe UI" />
        <Setter Property="FontSize" Value="16" />
        <Setter Property="TextWrapping" Value="Wrap" />
        <Setter Property="AcceptsReturn" Value="True" />
        <Setter Property="VerticalScrollBarVisibility" Value="Auto" />
        <Setter Property="CaretBrush" Value="{StaticResource AccentBrightBrush}" />
        <Setter Property="SelectionBrush" Value="#75C6A578" />
        <Setter Property="Padding" Value="0" />
    </Style>

</ResourceDictionary>