From 04901d2a085300c259464365aca59a3d119179c9 Mon Sep 17 00:00:00 2001
From: andy840119 <andy840119@gmail.com>
Date: Sat, 31 Oct 2020 15:52:11 +0900
Subject: [PATCH 1/3] Rename section name to separate note/lyric style section

---
 .../Edit/Style/{ColorSection.cs => LyricColorSection.cs}  | 2 +-
 .../Edit/Style/{FontSection.cs => LyricFontSection.cs}    | 2 +-
 .../Style/{ShadowSection.cs => LyricShadowSection.cs}     | 2 +-
 .../Edit/Style/{StylePreview.cs => LyricStylePreview.cs}  | 2 +-
 osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs       | 8 ++++----
 5 files changed, 8 insertions(+), 8 deletions(-)
 rename osu.Game.Rulesets.Karaoke/Edit/Style/{ColorSection.cs => LyricColorSection.cs} (97%)
 rename osu.Game.Rulesets.Karaoke/Edit/Style/{FontSection.cs => LyricFontSection.cs} (97%)
 rename osu.Game.Rulesets.Karaoke/Edit/Style/{ShadowSection.cs => LyricShadowSection.cs} (97%)
 rename osu.Game.Rulesets.Karaoke/Edit/Style/{StylePreview.cs => LyricStylePreview.cs} (98%)

diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/ColorSection.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/LyricColorSection.cs
similarity index 97%
rename from osu.Game.Rulesets.Karaoke/Edit/Style/ColorSection.cs
rename to osu.Game.Rulesets.Karaoke/Edit/Style/LyricColorSection.cs
index 8405370e0..0ba52fc80 100644
--- a/osu.Game.Rulesets.Karaoke/Edit/Style/ColorSection.cs
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/LyricColorSection.cs
@@ -10,7 +10,7 @@
 
 namespace osu.Game.Rulesets.Karaoke.Edit.Style
 {
-    internal class ColorSection : StyleSection
+    internal class LyricColorSection : StyleSection
     {
         private LabelledDropdown<ColorArea> colorAreaDropdown;
         private LabelledDropdown<BrushType> brushTypeDropdown;
diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/FontSection.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/LyricFontSection.cs
similarity index 97%
rename from osu.Game.Rulesets.Karaoke/Edit/Style/FontSection.cs
rename to osu.Game.Rulesets.Karaoke/Edit/Style/LyricFontSection.cs
index 0741b82b5..4edcb9b87 100644
--- a/osu.Game.Rulesets.Karaoke/Edit/Style/FontSection.cs
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/LyricFontSection.cs
@@ -11,7 +11,7 @@
 
 namespace osu.Game.Rulesets.Karaoke.Edit.Style
 {
-    internal class FontSection : StyleSection
+    internal class LyricFontSection : StyleSection
     {
         private LabelledDropdown<Font> fontDropdown;
         private LabelledSwitchButton boldSwitchButton;
diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/ShadowSection.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/LyricShadowSection.cs
similarity index 97%
rename from osu.Game.Rulesets.Karaoke/Edit/Style/ShadowSection.cs
rename to osu.Game.Rulesets.Karaoke/Edit/Style/LyricShadowSection.cs
index 26dd550dd..8d2b65fe0 100644
--- a/osu.Game.Rulesets.Karaoke/Edit/Style/ShadowSection.cs
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/LyricShadowSection.cs
@@ -10,7 +10,7 @@
 
 namespace osu.Game.Rulesets.Karaoke.Edit.Style
 {
-    internal class ShadowSection : StyleSection
+    internal class LyricShadowSection : StyleSection
     {
         private LabelledSwitchButton displayShaderSwitchButton;
         private LabelledRealTimeSliderBar<float> shadowXSliderBar;
diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/StylePreview.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/LyricStylePreview.cs
similarity index 98%
rename from osu.Game.Rulesets.Karaoke/Edit/Style/StylePreview.cs
rename to osu.Game.Rulesets.Karaoke/Edit/Style/LyricStylePreview.cs
index 67ceb64ac..bbfdcd50d 100644
--- a/osu.Game.Rulesets.Karaoke/Edit/Style/StylePreview.cs
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/LyricStylePreview.cs
@@ -14,7 +14,7 @@
 
 namespace osu.Game.Rulesets.Karaoke.Edit.Style
 {
-    internal class StylePreview : Container
+    internal class LyricStylePreview : Container
     {
         [BackgroundDependencyLoader]
         private void load(OverlayColourProvider colourProvider, StyleManager manager)
diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs
index a667415c2..a7b9e5e31 100644
--- a/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs
@@ -66,14 +66,14 @@ private void load()
                                     Size = new Vector2(1 / section_scale),
                                     Children = new StyleSection[]
                                     {
-                                        new ColorSection(),
-                                        new FontSection(),
-                                        new ShadowSection(),
+                                        new LyricColorSection(),
+                                        new LyricFontSection(),
+                                        new LyricShadowSection(),
                                     }
                                 }
                             }
                         },
-                        new StylePreview
+                        new LyricStylePreview
                         {
                             Name = "Layout preview area",
                             Anchor = Anchor.Centre,

From e814583c0ebab5fe516b839f99e15b7e29e1410c Mon Sep 17 00:00:00 2001
From: andy840119 <andy840119@gmail.com>
Date: Sat, 31 Oct 2020 16:25:39 +0900
Subject: [PATCH 2/3] Implement switch lyric/note config

---
 .../Edit/Style/NoteColorSection.cs            | 10 ++
 .../Edit/Style/NoteFontSection.cs             | 10 ++
 .../Edit/Style/StyleScreen.cs                 | 95 +++++++++++++++----
 3 files changed, 96 insertions(+), 19 deletions(-)
 create mode 100644 osu.Game.Rulesets.Karaoke/Edit/Style/NoteColorSection.cs
 create mode 100644 osu.Game.Rulesets.Karaoke/Edit/Style/NoteFontSection.cs

diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/NoteColorSection.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/NoteColorSection.cs
new file mode 100644
index 000000000..51119fad7
--- /dev/null
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/NoteColorSection.cs
@@ -0,0 +1,10 @@
+// Copyright (c) andy840119 <andy840119@gmail.com>. Licensed under the GPL Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+namespace osu.Game.Rulesets.Karaoke.Edit.Style
+{
+    internal class NoteColorSection : StyleSection
+    {
+        protected override string Title => "Color";
+    }
+}
diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/NoteFontSection.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/NoteFontSection.cs
new file mode 100644
index 000000000..fbb32f58a
--- /dev/null
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/NoteFontSection.cs
@@ -0,0 +1,10 @@
+// Copyright (c) andy840119 <andy840119@gmail.com>. Licensed under the GPL Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+namespace osu.Game.Rulesets.Karaoke.Edit.Style
+{
+    internal class NoteFontSection : StyleSection
+    {
+        protected override string Title => "Font";
+    }
+}
diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs
index a7b9e5e31..1a6ba7945 100644
--- a/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs
@@ -2,10 +2,12 @@
 // See the LICENCE file in the repository root for full licence text.
 
 using osu.Framework.Allocation;
+using osu.Framework.Bindables;
 using osu.Framework.Graphics;
 using osu.Framework.Graphics.Containers;
 using osu.Framework.Graphics.Shapes;
 using osu.Game.Graphics.Containers;
+using osu.Game.Graphics.UserInterface;
 using osu.Game.Overlays;
 using osu.Game.Screens.Edit;
 using osuTK;
@@ -14,8 +16,6 @@ namespace osu.Game.Rulesets.Karaoke.Edit.Style
 {
     public class StyleScreen : EditorScreen
     {
-        private const float section_scale = 0.75f;
-
         [Cached]
         protected readonly OverlayColourProvider ColourProvider;
 
@@ -58,18 +58,9 @@ private void load()
                                     Colour = ColourProvider.Background2,
                                     RelativeSizeAxes = Axes.Both,
                                 },
-                                new SectionsContainer<StyleSection>
+                                new StyleSectionsContainer
                                 {
-                                    FixedHeader = new StyleScreenHeader(),
                                     RelativeSizeAxes = Axes.Both,
-                                    Scale = new Vector2(section_scale),
-                                    Size = new Vector2(1 / section_scale),
-                                    Children = new StyleSection[]
-                                    {
-                                        new LyricColorSection(),
-                                        new LyricFontSection(),
-                                        new LyricShadowSection(),
-                                    }
                                 }
                             }
                         },
@@ -86,19 +77,85 @@ private void load()
             };
         }
 
-        internal class StyleScreenHeader : OverlayHeader
+        internal class StyleSectionsContainer : SectionsContainer<StyleSection>
         {
-            protected override OverlayTitle CreateTitle() => new LayoutScreenTitle();
+            private const float section_scale = 0.75f;
 
-            private class LayoutScreenTitle : OverlayTitle
+            public StyleSectionsContainer()
             {
-                public LayoutScreenTitle()
+                FixedHeader = new StyleScreenHeader();
+
+                Scale = new Vector2(section_scale);
+                Size = new Vector2(1 / section_scale);
+
+                if (FixedHeader is StyleScreenHeader screenHeader)
                 {
-                    Title = "style";
-                    Description = "create style of your beatmap";
-                    IconTexture = "Icons/Hexacons/social";
+                    screenHeader.BindableStyle.BindValueChanged(e =>
+                    {
+                        switch (e.NewValue)
+                        {
+                            case Style.Lyric:
+                                Children = new StyleSection[]
+                                {
+                                    new LyricColorSection(),
+                                    new LyricFontSection(),
+                                    new LyricShadowSection(),
+                                };
+                                break;
+                            case Style.Note:
+                                Children = new StyleSection[]
+                                {
+                                    new NoteColorSection(),
+                                    new NoteFontSection(),
+                                };
+                                break;
+                        }
+                    }, true);
+                }
+            }
+
+            internal class StyleScreenHeader : OverlayHeader
+            {
+                public Bindable<Style> BindableStyle = new Bindable<Style>();
+
+                protected override OverlayTitle CreateTitle() => new LayoutScreenTitle();
+
+                protected override Drawable CreateTitleContent()
+                {
+                    return new Container
+                    {
+                        RelativeSizeAxes = Axes.X,
+                        Padding = new MarginPadding { Left = 100 },
+                        Height = 40,
+                        Child = new OsuEnumDropdown<Style>
+                        {
+                            Anchor = Anchor.TopRight,
+                            Origin = Anchor.TopRight,
+                            RelativeSizeAxes = Axes.X,
+                            Current = BindableStyle,
+                        }
+                    };
+                }
+
+                private class LayoutScreenTitle : OverlayTitle
+                {
+                    public LayoutScreenTitle()
+                    {
+                        Title = "style";
+                        Description = "create style of your beatmap";
+                        IconTexture = "Icons/Hexacons/social";
+                    }
                 }
             }
         }
     }
+
+    public enum Style
+    {
+        [System.ComponentModel.Description("Lyric")]
+        Lyric,
+
+        [System.ComponentModel.Description("Note")]
+        Note
+    }
 }

From 866e34848f5f6c400742e8e19dd9a46fe3e61ddc Mon Sep 17 00:00:00 2001
From: andy840119 <andy840119@gmail.com>
Date: Sat, 31 Oct 2020 17:04:59 +0900
Subject: [PATCH 3/3] Add preview note area.

---
 .../Edit/Style/LyricFontSection.cs            |  2 +-
 .../Edit/Style/NoteColorSection.cs            | 24 +++++
 .../Edit/Style/NoteFontSection.cs             | 26 +++++
 .../Edit/Style/NoteStylePreview.cs            | 98 +++++++++++++++++++
 .../Edit/Style/StyleScreen.cs                 | 78 ++++++++++-----
 5 files changed, 202 insertions(+), 26 deletions(-)
 create mode 100644 osu.Game.Rulesets.Karaoke/Edit/Style/NoteStylePreview.cs

diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/LyricFontSection.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/LyricFontSection.cs
index 4edcb9b87..dbb141c7a 100644
--- a/osu.Game.Rulesets.Karaoke/Edit/Style/LyricFontSection.cs
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/LyricFontSection.cs
@@ -49,7 +49,7 @@ private void load(SkinManager manager)
                 },
                 borderSliderBar = new LabelledRealTimeSliderBar<int>
                 {
-                    Label = "Bold",
+                    Label = "Border size",
                     Description = "Adjust border size.",
                     Current = new BindableInt
                     {
diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/NoteColorSection.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/NoteColorSection.cs
index 51119fad7..aebb8b6fc 100644
--- a/osu.Game.Rulesets.Karaoke/Edit/Style/NoteColorSection.cs
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/NoteColorSection.cs
@@ -1,10 +1,34 @@
 // Copyright (c) andy840119 <andy840119@gmail.com>. Licensed under the GPL Licence.
 // See the LICENCE file in the repository root for full licence text.
 
+using osu.Framework.Allocation;
+using osu.Framework.Graphics;
+using osu.Game.Rulesets.Karaoke.Graphics.UserInterface;
+using osu.Game.Skinning;
+
 namespace osu.Game.Rulesets.Karaoke.Edit.Style
 {
     internal class NoteColorSection : StyleSection
     {
+        private ColorPicker noteColorPicker;
+        private ColorPicker blinkColorPicker;
+
         protected override string Title => "Color";
+
+        [BackgroundDependencyLoader]
+        private void load(SkinManager manager)
+        {
+            Children = new Drawable[]
+            {
+                noteColorPicker = new ColorPicker
+                {
+                    RelativeSizeAxes = Axes.X,
+                },
+                blinkColorPicker = new ColorPicker
+                {
+                    RelativeSizeAxes = Axes.X,
+                }
+            };
+        }
     }
 }
diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/NoteFontSection.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/NoteFontSection.cs
index fbb32f58a..1fcf3cd1c 100644
--- a/osu.Game.Rulesets.Karaoke/Edit/Style/NoteFontSection.cs
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/NoteFontSection.cs
@@ -1,10 +1,36 @@
 // Copyright (c) andy840119 <andy840119@gmail.com>. Licensed under the GPL Licence.
 // See the LICENCE file in the repository root for full licence text.
 
+using osu.Framework.Allocation;
+using osu.Framework.Graphics;
+using osu.Game.Graphics.UserInterfaceV2;
+using osu.Game.Rulesets.Karaoke.Graphics.UserInterface;
+using osu.Game.Skinning;
+
 namespace osu.Game.Rulesets.Karaoke.Edit.Style
 {
     internal class NoteFontSection : StyleSection
     {
+        private ColorPicker textColorPicker;
+        private LabelledSwitchButton boldSwitchButton;
+
         protected override string Title => "Font";
+
+        [BackgroundDependencyLoader]
+        private void load(SkinManager manager)
+        {
+            Children = new Drawable[]
+            {
+                textColorPicker = new ColorPicker
+                {
+                    RelativeSizeAxes = Axes.X,
+                },
+                boldSwitchButton = new LabelledSwitchButton
+                {
+                    Label = "Bold",
+                    Description = "Select bold or not.",
+                }
+            };
+        }
     }
 }
diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/NoteStylePreview.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/NoteStylePreview.cs
new file mode 100644
index 000000000..c939e63bb
--- /dev/null
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/NoteStylePreview.cs
@@ -0,0 +1,98 @@
+// Copyright (c) andy840119 <andy840119@gmail.com>. Licensed under the GPL Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using osu.Framework.Allocation;
+using osu.Framework.Bindables;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Shapes;
+using osu.Game.Overlays;
+using osu.Game.Rulesets.Karaoke.Configuration;
+using osu.Game.Rulesets.Karaoke.UI;
+using osu.Game.Rulesets.Karaoke.UI.Position;
+using osu.Game.Rulesets.UI.Scrolling;
+using osu.Game.Rulesets.UI.Scrolling.Algorithms;
+
+namespace osu.Game.Rulesets.Karaoke.Edit.Style
+{
+    public class NoteStylePreview : Container
+    {
+        private const int preview_column = 9;
+
+        [Cached(Type = typeof(IScrollingInfo))]
+        private readonly PreviewScrollingInfo scrollingInfo = new PreviewScrollingInfo();
+
+        [Cached(Type = typeof(IPositionCalculator))]
+        private readonly PositionCalculator positionCalculator = new PositionCalculator(preview_column);
+
+        protected override IReadOnlyDependencyContainer CreateChildDependencies(IReadOnlyDependencyContainer parent)
+        {
+            var configCache = parent.Get<RulesetConfigCache>();
+            var config = (KaraokeRulesetConfigManager)configCache.GetConfigFor(new KaraokeRuleset());
+            var dependencies = new DependencyContainer(base.CreateChildDependencies(parent));
+            dependencies.Cache(new KaraokeSessionStatics(config, null));
+
+            return dependencies;
+        }
+
+        [BackgroundDependencyLoader]
+        private void load(OverlayColourProvider colourProvider, StyleManager manager)
+        {
+            Masking = true;
+            CornerRadius = 15;
+            FillMode = FillMode.Fit;
+            FillAspectRatio = 2f;
+            Children = new Drawable[]
+            {
+                new Box
+                {
+                    RelativeSizeAxes = Axes.Both,
+                    Colour = colourProvider.Background1,
+                },
+                new PreviewDrawableNoteArea
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.Centre
+                }
+            };
+        }
+
+        public class PreviewDrawableNoteArea : NotePlayfield
+        {
+            public PreviewDrawableNoteArea()
+                : base(preview_column)
+            {
+            }
+        }
+
+        public class PreviewScrollingInfo : IScrollingInfo
+        {
+            public IBindable<ScrollingDirection> Direction { get; } = new Bindable<ScrollingDirection>();
+
+            public IBindable<double> TimeRange { get; } = new BindableDouble();
+
+            public IScrollAlgorithm Algorithm { get; set; } = new ZeroScrollAlgorithm();
+
+            private class ZeroScrollAlgorithm : IScrollAlgorithm
+            {
+                protected const double START_TIME = 1000000000;
+
+                public double GetDisplayStartTime(double originTime, float offset, double timeRange, float scrollLength)
+                    => double.MinValue;
+
+                public float GetLength(double startTime, double endTime, double timeRange, float scrollLength)
+                    => scrollLength;
+
+                public float PositionAt(double time, double currentTime, double timeRange, float scrollLength)
+                    => (float)((time - START_TIME) / timeRange) * scrollLength;
+
+                public double TimeAt(float position, double currentTime, double timeRange, float scrollLength)
+                    => 0;
+
+                public void Reset()
+                {
+                }
+            }
+        }
+    }
+}
diff --git a/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs b/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs
index 1a6ba7945..408de0674 100644
--- a/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs
+++ b/osu.Game.Rulesets.Karaoke/Edit/Style/StyleScreen.cs
@@ -22,6 +22,9 @@ public class StyleScreen : EditorScreen
         [Cached]
         protected readonly StyleManager StyleManager;
 
+        private StyleSectionsContainer styleSections;
+        private Container previewContainer;
+
         public StyleScreen()
             : base(EditorScreenMode.SongSetup)
         {
@@ -58,60 +61,85 @@ private void load()
                                     Colour = ColourProvider.Background2,
                                     RelativeSizeAxes = Axes.Both,
                                 },
-                                new StyleSectionsContainer
+                                styleSections = new StyleSectionsContainer
                                 {
                                     RelativeSizeAxes = Axes.Both,
                                 }
                             }
                         },
-                        new LyricStylePreview
+                        previewContainer = new Container
                         {
-                            Name = "Layout preview area",
+                            RelativeSizeAxes = Axes.Both,
+                        }
+                    }
+                },
+            };
+
+            styleSections.BindableStyle.BindValueChanged(e =>
+            {
+                switch (e.NewValue)
+                {
+                    case Style.Lyric:
+                        previewContainer.Child = new LyricStylePreview
+                        {
+                            Name = "Lyric style preview area",
                             Anchor = Anchor.Centre,
                             Origin = Anchor.Centre,
                             Size = new Vector2(0.95f),
                             RelativeSizeAxes = Axes.Both
-                        },
-                    }
-                },
-            };
+                        };
+                        break;
+
+                    case Style.Note:
+                        previewContainer.Child = new NoteStylePreview
+                        {
+                            Name = "Note style preview area",
+                            Anchor = Anchor.Centre,
+                            Origin = Anchor.Centre,
+                            Size = new Vector2(0.95f),
+                            RelativeSizeAxes = Axes.Both
+                        };
+                        break;
+                };
+            }, true);
         }
 
         internal class StyleSectionsContainer : SectionsContainer<StyleSection>
         {
+            private readonly StyleScreenHeader header;
+
             private const float section_scale = 0.75f;
 
+            public IBindable<Style> BindableStyle => header.BindableStyle;
+
             public StyleSectionsContainer()
             {
-                FixedHeader = new StyleScreenHeader();
+                FixedHeader = header = new StyleScreenHeader();
 
                 Scale = new Vector2(section_scale);
                 Size = new Vector2(1 / section_scale);
 
-                if (FixedHeader is StyleScreenHeader screenHeader)
+                header.BindableStyle.BindValueChanged(e =>
                 {
-                    screenHeader.BindableStyle.BindValueChanged(e =>
+                    switch (e.NewValue)
                     {
-                        switch (e.NewValue)
-                        {
-                            case Style.Lyric:
-                                Children = new StyleSection[]
-                                {
+                        case Style.Lyric:
+                            Children = new StyleSection[]
+                            {
                                     new LyricColorSection(),
                                     new LyricFontSection(),
                                     new LyricShadowSection(),
-                                };
-                                break;
-                            case Style.Note:
-                                Children = new StyleSection[]
-                                {
+                            };
+                            break;
+                        case Style.Note:
+                            Children = new StyleSection[]
+                            {
                                     new NoteColorSection(),
                                     new NoteFontSection(),
-                                };
-                                break;
-                        }
-                    }, true);
-                }
+                            };
+                            break;
+                    }
+                }, true);
             }
 
             internal class StyleScreenHeader : OverlayHeader