[OOBE] Bolded shortcuts / instructions (#10574)

* Colorpicker keys

* Key visuals added

* Added highlighted text

* Undo comment

Co-authored-by: Niels Laute <niels9001@hotmail.com>
This commit is contained in:
Niels Laute
2021-04-05 10:52:44 +02:00
committed by GitHub
parent fa92f2e581
commit 0ee034a084
19 changed files with 313 additions and 56 deletions

View File

@@ -0,0 +1,30 @@
// Copyright (c) Microsoft Corporation
// The Microsoft Corporation licenses this file to you under the MIT license.
// See the LICENSE file in the project root for more information.
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
namespace Microsoft.PowerToys.Settings.UI.Controls
{
public sealed class KeyVisual : Control
{
public object Content
{
get => (string)GetValue(ContentProperty);
set => SetValue(ContentProperty, value);
}
public static readonly DependencyProperty ContentProperty = DependencyProperty.Register("Content", typeof(object), typeof(KeyVisual), new PropertyMetadata(default(string)));
public KeyVisual()
{
this.DefaultStyleKey = typeof(KeyVisual);
}
protected override void OnApplyTemplate()
{
base.OnApplyTemplate();
}
}
}

View File

@@ -0,0 +1,57 @@
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Microsoft.PowerToys.Settings.UI.Controls">
<!-- This can be removed once we adopt WinUI 2.6 or higher -->
<ResourceDictionary.ThemeDictionaries>
<ResourceDictionary x:Key="Default">
<Color x:Key="ControlStrokeColorDefault">#12FFFFFF</Color>
<Color x:Key="ControlStrokeColorSecondary">#18FFFFFF</Color>
<Color x:Key="ControlFillColorDefault">#0FFFFFFF</Color>
</ResourceDictionary>
<ResourceDictionary x:Key="Light">
<Color x:Key="ControlStrokeColorDefault">#0F000000</Color>
<Color x:Key="ControlStrokeColorSecondary">#29000000</Color>
<Color x:Key="ControlFillColorDefault">#B3FFFFFF</Color>
</ResourceDictionary>
</ResourceDictionary.ThemeDictionaries>
<LinearGradientBrush x:Key="ControlElevationBorderBrush"
MappingMode="Absolute"
StartPoint="0,0"
EndPoint="0,3">
<LinearGradientBrush.GradientStops>
<GradientStop Offset="0.33"
Color="{ThemeResource ControlStrokeColorSecondary}" />
<GradientStop Offset="1.0"
Color="{ThemeResource ControlStrokeColorDefault}" />
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
<!--- -->
<Style TargetType="local:KeyVisual">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="local:KeyVisual">
<!-- Background="{ThemeResource ControlFillColorDefault}" -->
<Border Background="LightGray"
BorderThickness="1"
BorderBrush="{ThemeResource ControlElevationBorderBrush}"
CornerRadius="4"
Padding="11,5,11,6"
Height="32">
<ContentPresenter Content="{TemplateBinding Content}"
FontWeight="SemiBold"
VerticalAlignment="Center" />
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ResourceDictionary>