extera_system_monitor/App.axaml at master · Extera-Project/extera_system_monitor · 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
<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="ExteraMonitor.App"
             xmlns:local="using:ExteraMonitor"
             RequestedThemeVariant="Light">
             <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->

    <TrayIcon.Icons>
        <TrayIcons>
            <TrayIcon Icon="/Assets/extera-monitor.ico" ToolTipText="Extera Monitor" Clicked="TrayIcon_Clicked">
                <TrayIcon.Menu>
                    <NativeMenu>
                        <NativeMenuItem Header="Open Extera Monitor" Click="TrayOpen_Click" />
                        <NativeMenuItem Header="Pause / resume monitoring" Click="TrayToggleSampling_Click" />
                        <NativeMenuItemSeparator />
                        <NativeMenuItem Header="Exit" Click="TrayExit_Click" />
                    </NativeMenu>
                </TrayIcon.Menu>
            </TrayIcon>
        </TrayIcons>
    </TrayIcon.Icons>

    <Application.Resources>
        <SolidColorBrush x:Key="ThemeWindowBrush" Color="#E7F6F2"/>
        <SolidColorBrush x:Key="ThemeChromeBrush" Color="#2C3333"/>
        <SolidColorBrush x:Key="ThemeAccentBrush" Color="#395B64"/>
        <SolidColorBrush x:Key="ThemeSoftBrush" Color="#A5C9CA"/>
        <SolidColorBrush x:Key="ThemeTextBrush" Color="#2C3333"/>
        <SolidColorBrush x:Key="ThemeMutedTextBrush" Color="#52696B"/>
        <SolidColorBrush x:Key="ThemeOnAccentBrush" Color="#E7F6F2"/>
        <SolidColorBrush x:Key="ThemeChromeTextBrush" Color="#E7F6F2"/>
        <SolidColorBrush x:Key="ThemeChromeMutedBrush" Color="#8EAEAD"/>
        <SolidColorBrush x:Key="ThemeCardBrush" Color="#F5FBF9"/>
        <SolidColorBrush x:Key="ThemeBorderBrush" Color="#8AB6B7"/>
        <SolidColorBrush x:Key="ThemeChartGridBrush" Color="#D1E4E0"/>
    </Application.Resources>

    <Application.DataTemplates>
        <local:ViewLocator />
    </Application.DataTemplates>

    <Application.Styles>
        <FluentTheme />
        <!-- The editor supplies its own surface; do not render the default dark FlyoutPresenter behind it. -->
        <Style Selector="FlyoutPresenter">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Padding" Value="0"/>
        </Style>
        <Style Selector="Window"><Setter Property="FontFamily" Value="Inter"/><Setter Property="Foreground" Value="{DynamicResource ThemeTextBrush}"/></Style>
        <Style Selector="TextBlock"><Setter Property="Foreground" Value="{DynamicResource ThemeTextBrush}"/></Style>
        <Style Selector="TextBlock.eyebrow"><Setter Property="FontSize" Value="11"/><Setter Property="FontWeight" Value="Bold"/><Setter Property="LetterSpacing" Value="2"/><Setter Property="Foreground" Value="{DynamicResource ThemeMutedTextBrush}"/></Style>
        <Style Selector="TextBlock.muted"><Setter Property="Foreground" Value="{DynamicResource ThemeMutedTextBrush}"/></Style>
        <Style Selector="TextBlock.value"><Setter Property="FontSize" Value="29"/><Setter Property="FontWeight" Value="SemiBold"/><Setter Property="Foreground" Value="{DynamicResource ThemeTextBrush}"/></Style>
        <Style Selector="Border.card"><Setter Property="Background" Value="{DynamicResource ThemeCardBrush}"/><Setter Property="BorderBrush" Value="{DynamicResource ThemeBorderBrush}"/><Setter Property="BorderThickness" Value="1"/><Setter Property="CornerRadius" Value="16"/><Setter Property="Padding" Value="22"/></Style>
        <Style Selector="Border.panel"><Setter Property="Background" Value="{DynamicResource ThemeCardBrush}"/><Setter Property="BorderBrush" Value="{DynamicResource ThemeBorderBrush}"/><Setter Property="BorderThickness" Value="1"/><Setter Property="CornerRadius" Value="16"/><Setter Property="Padding" Value="22"/><Setter Property="RenderTransform" Value="translateY(0px)"/><Setter Property="Transitions"><Transitions><TransformOperationsTransition Property="RenderTransform" Duration="0:0:0.18"/><BrushTransition Property="BorderBrush" Duration="0:0:0.18"/></Transitions></Setter></Style>
        <Style Selector="Border.panel:pointerover"><Setter Property="RenderTransform" Value="translateY(-2px)"/><Setter Property="BorderBrush" Value="{DynamicResource ThemeAccentBrush}"/></Style>
        <Style Selector="Border.telemetry-card"><Setter Property="Background" Value="{DynamicResource ThemeCardBrush}"/><Setter Property="BorderBrush" Value="{DynamicResource ThemeBorderBrush}"/><Setter Property="BorderThickness" Value="1"/><Setter Property="CornerRadius" Value="14"/><Setter Property="RenderTransform" Value="translateY(0px)"/><Setter Property="Transitions"><Transitions><TransformOperationsTransition Property="RenderTransform" Duration="0:0:0.18"/><BrushTransition Property="BorderBrush" Duration="0:0:0.18"/></Transitions></Setter></Style>
        <Style Selector="Border.telemetry-card:pointerover"><Setter Property="RenderTransform" Value="translateY(-2px)"/><Setter Property="BorderBrush" Value="{DynamicResource ThemeAccentBrush}"/></Style>
        <Style Selector="Button.nav-item"><Setter Property="Height" Value="52"/><Setter Property="Background" Value="Transparent"/><Setter Property="Foreground" Value="{DynamicResource ThemeChromeMutedBrush}"/><Setter Property="HorizontalContentAlignment" Value="Left"/><Setter Property="Padding" Value="16,0"/><Setter Property="Margin" Value="0,3"/><Setter Property="CornerRadius" Value="11"/><Setter Property="RenderTransform" Value="translateX(0px)"/><Setter Property="Transitions"><Transitions><TransformOperationsTransition Property="RenderTransform" Duration="0:0:0.16"/><BrushTransition Property="Background" Duration="0:0:0.16"/><BrushTransition Property="Foreground" Duration="0:0:0.16"/></Transitions></Setter></Style>
        <Style Selector="Button.nav-item:pointerover"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/><Setter Property="RenderTransform" Value="translateX(4px)"/></Style>
        <Style Selector="Button.nav-item.selected"><Setter Property="Background" Value="Transparent"/><Setter Property="Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/></Style>
        <Style Selector="Button.nav-item.hover-preview"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/></Style>
        <!-- Fluent's presenter owns the visual hover surface. Override it as well so it cannot
             replace the accent with its low-contrast default while retaining on-accent text. -->
        <Style Selector="Button.nav-item:pointerover /template/ ContentPresenter#PART_ContentPresenter"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/><Setter Property="TextElement.Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/></Style>
        <Style Selector="Button.nav-item.selected /template/ ContentPresenter#PART_ContentPresenter"><Setter Property="Background" Value="Transparent"/><Setter Property="TextElement.Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/></Style>
        <Style Selector="Button.nav-item.hover-preview /template/ ContentPresenter#PART_ContentPresenter"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/><Setter Property="TextElement.Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/></Style>
        <Style Selector="ScrollBar:vertical"><Setter Property="Width" Value="10"/><Setter Property="MinWidth" Value="10"/></Style>
        <Style Selector="ScrollBar:horizontal"><Setter Property="Height" Value="10"/><Setter Property="MinHeight" Value="10"/></Style>
        <Style Selector="ScrollBar /template/ Thumb"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/><Setter Property="CornerRadius" Value="5"/></Style>
        <Style Selector="ScrollBar /template/ Thumb:pointerover"><Setter Property="Background" Value="{DynamicResource ThemeSoftBrush}"/></Style>
        <Style Selector="ScrollBar /template/ Thumb:pressed"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/></Style>
        <Style Selector="ScrollBar:vertical /template/ Rectangle#TrackRect"><Setter Property="Fill" Value="{DynamicResource ThemeChromeMutedBrush}"/><Setter Property="Opacity" Value="0.22"/></Style>
        <Style Selector="ScrollBar:horizontal /template/ Rectangle#TrackRect"><Setter Property="Fill" Value="{DynamicResource ThemeChromeMutedBrush}"/><Setter Property="Opacity" Value="0.22"/></Style>
        <Style Selector="Button.live"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/><Setter Property="CornerRadius" Value="9"/><Setter Property="Padding" Value="14,9"/></Style>
        <Style Selector="Button.driver-control"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/><Setter Property="BorderBrush" Value="{DynamicResource ThemeSoftBrush}"/><Setter Property="BorderThickness" Value="1"/><Setter Property="CornerRadius" Value="10"/><Setter Property="Padding" Value="14,11"/><Setter Property="HorizontalContentAlignment" Value="Left"/></Style>
        <Style Selector="Button.driver-control:pointerover"><Setter Property="Background" Value="{DynamicResource ThemeSoftBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeTextBrush}"/></Style>
        <Style Selector="Button.driver-control:pressed"><Setter Property="Background" Value="{DynamicResource ThemeChromeBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/></Style>
        <Style Selector="Button.module-action"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/><Setter Property="CornerRadius" Value="9"/><Setter Property="Padding" Value="12,8"/></Style>
        <Style Selector="Button.module-action:pointerover"><Setter Property="Background" Value="{DynamicResource ThemeSoftBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeTextBrush}"/></Style>
        <Style Selector="Button.widget-action"><Setter Property="Background" Value="Transparent"/><Setter Property="BorderBrush" Value="Transparent"/><Setter Property="BorderThickness" Value="0"/><Setter Property="Padding" Value="4,2"/><Setter Property="FontSize" Value="10"/><Setter Property="CornerRadius" Value="6"/></Style>
        <Style Selector="Button.widget-action:pointerover"><Setter Property="Background" Value="{DynamicResource ThemeSoftBrush}"/></Style>
        <Style Selector="Button.toolbar-action"><Setter Property="Background" Value="Transparent"/><Setter Property="BorderBrush" Value="Transparent"/><Setter Property="BorderThickness" Value="0"/><Setter Property="Padding" Value="3,2"/><Setter Property="FontSize" Value="9"/><Setter Property="CornerRadius" Value="5"/><Setter Property="MinWidth" Value="20"/><Setter Property="MinHeight" Value="22"/></Style>
        <Style Selector="Button.toolbar-action:pointerover"><Setter Property="Background" Value="{DynamicResource ThemeSoftBrush}"/></Style>
        <Style Selector="Button.toolbar-action"><Setter Property="Background" Value="Transparent"/><Setter Property="BorderBrush" Value="Transparent"/><Setter Property="BorderThickness" Value="0"/><Setter Property="Padding" Value="3,2"/><Setter Property="FontSize" Value="9"/><Setter Property="CornerRadius" Value="5"/><Setter Property="MinWidth" Value="20"/><Setter Property="MinHeight" Value="22"/></Style>
        <Style Selector="Button.toolbar-action:pointerover"><Setter Property="Background" Value="{DynamicResource ThemeSoftBrush}"/></Style>
        <Style Selector="Button.info-action"><Setter Property="Width" Value="24"/><Setter Property="Height" Value="24"/><Setter Property="Padding" Value="0"/><Setter Property="Background" Value="Transparent"/><Setter Property="BorderBrush" Value="{DynamicResource ThemeSoftBrush}"/><Setter Property="BorderThickness" Value="1"/><Setter Property="CornerRadius" Value="12"/><Setter Property="HorizontalContentAlignment" Value="Center"/><Setter Property="VerticalContentAlignment" Value="Center"/><Setter Property="FontWeight" Value="Bold"/></Style>
        <Style Selector="Button.info-action:pointerover"><Setter Property="Background" Value="{DynamicResource ThemeSoftBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeTextBrush}"/></Style>
        <Style Selector="Button.window-control"><Setter Property="Background" Value="Transparent"/><Setter Property="Foreground" Value="{DynamicResource ThemeChromeMutedBrush}"/><Setter Property="Width" Value="46"/><Setter Property="Height" Value="42"/><Setter Property="Padding" Value="0"/><Setter Property="CornerRadius" Value="0"/><Setter Property="HorizontalContentAlignment" Value="Center"/><Setter Property="VerticalContentAlignment" Value="Center"/></Style>
        <Style Selector="Button.window-control:pointerover"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/></Style>
        <Style Selector="Button.window-control.close:pointerover"><Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeOnAccentBrush}"/></Style>
        <Style Selector="ProgressBar"><Setter Property="Height" Value="8"/><Setter Property="Background" Value="{DynamicResource ThemeSoftBrush}"/><Setter Property="Foreground" Value="{DynamicResource ThemeAccentBrush}"/></Style>
    </Application.Styles>
</Application>