Changelog overlay (#3074)

Changelog overlay

osu.Desktop/Overlays/VersionManager.cs

@@ -1,13 +1,11 @@
 // Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
 // See the LICENCE file in the repository root for full licence text.
 
-using System;
 using osu.Framework.Allocation;
 using osu.Framework.Graphics;
 using osu.Framework.Graphics.Containers;
 using osu.Framework.Graphics.Sprites;
 using osu.Framework.Graphics.Textures;
-using osu.Framework.Platform;
 using osu.Game;
 using osu.Game.Configuration;
 using osu.Game.Graphics;
@@ -25,15 +23,13 @@ namespace osu.Desktop.Overlays
         private OsuConfigManager config;
         private OsuGameBase game;
         private NotificationOverlay notificationOverlay;
-        private GameHost host;
 
         [BackgroundDependencyLoader]
-        private void load(NotificationOverlay notification, OsuColour colours, TextureStore textures, OsuGameBase game, OsuConfigManager config, GameHost host)
+        private void load(NotificationOverlay notification, OsuColour colours, TextureStore textures, OsuGameBase game, OsuConfigManager config)
         {
             notificationOverlay = notification;
             this.config = config;
             this.game = game;
-            this.host = host;
 
             AutoSizeAxes = Axes.Both;
             Anchor = Anchor.BottomCentre;
@@ -102,27 +98,31 @@ namespace osu.Desktop.Overlays
 
                 // only show a notification if we've previously saved a version to the config file (ie. not the first run).
                 if (!string.IsNullOrEmpty(lastVersion))
-                    notificationOverlay.Post(new UpdateCompleteNotification(version, host.OpenUrlExternally));
+                    notificationOverlay.Post(new UpdateCompleteNotification(version));
             }
         }
 
         private class UpdateCompleteNotification : SimpleNotification
         {
-            public UpdateCompleteNotification(string version, Action<string> openUrl = null)
+            private readonly string version;
+
+            public UpdateCompleteNotification(string version)
             {
+                this.version = version;
                 Text = $"You are now running osu!lazer {version}.\nClick to see what's new!";
-                Icon = FontAwesome.Solid.CheckSquare;
-                Activated = delegate
-                {
-                    openUrl?.Invoke($"https://osu.ppy.sh/home/changelog/lazer/{version}");
-                    return true;
-                };
             }
 
             [BackgroundDependencyLoader]
-            private void load(OsuColour colours)
+            private void load(OsuColour colours, ChangelogOverlay changelog)
             {
+                Icon = FontAwesome.Solid.CheckSquare;
                 IconBackgound.Colour = colours.BlueDark;
+
+                Activated = delegate
+                {
+                    changelog.ShowBuild("lazer", version);
+                    return true;
+                };
             }
         }
 

osu.Game.Tests/Visual/Online/TestSceneChangelogOverlay.cs

@@ -0,0 +1,70 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using System;
+using System.Collections.Generic;
+using NUnit.Framework;
+using osu.Game.Online.API.Requests.Responses;
+using osu.Game.Overlays;
+using osu.Game.Overlays.Changelog;
+
+namespace osu.Game.Tests.Visual.Online
+{
+    [TestFixture]
+    public class TestSceneChangelogOverlay : OsuTestScene
+    {
+        private ChangelogOverlay changelog;
+
+        public override IReadOnlyList<Type> RequiredTypes => new[]
+        {
+            typeof(UpdateStreamBadgeArea),
+            typeof(UpdateStreamBadge),
+            typeof(ChangelogHeader),
+            typeof(ChangelogContent),
+            typeof(ChangelogListing),
+            typeof(ChangelogSingleBuild),
+            typeof(ChangelogBuild),
+        };
+
+        protected override void LoadComplete()
+        {
+            base.LoadComplete();
+
+            Add(changelog = new ChangelogOverlay());
+            AddStep(@"Show", changelog.Show);
+            AddStep(@"Hide", changelog.Hide);
+
+            AddWaitStep("wait for hide", 3);
+
+            AddStep(@"Show with Lazer 2018.712.0", () =>
+            {
+                changelog.ShowBuild(new APIChangelogBuild
+                {
+                    Version = "2018.712.0",
+                    DisplayVersion = "2018.712.0",
+                    UpdateStream = new APIUpdateStream { Name = "lazer" },
+                    ChangelogEntries = new List<APIChangelogEntry>
+                    {
+                        new APIChangelogEntry
+                        {
+                            Category = "Test",
+                            Title = "Title",
+                            MessageHtml = "Message",
+                        }
+                    }
+                });
+                changelog.Show();
+            });
+
+            AddWaitStep("wait for show", 3);
+            AddStep(@"Hide", changelog.Hide);
+            AddWaitStep("wait for hide", 3);
+
+            AddStep(@"Show with listing", () =>
+            {
+                changelog.ShowListing();
+                changelog.Show();
+            });
+        }
+    }
+}

osu.Game/Graphics/OsuColour.cs

@@ -40,8 +40,10 @@ namespace osu.Game.Graphics
         // See https://github.com/ppy/osu-web/blob/master/resources/assets/less/colors.less
         public readonly Color4 PurpleLighter = FromHex(@"eeeeff");
         public readonly Color4 PurpleLight = FromHex(@"aa88ff");
+        public readonly Color4 PurpleLightAlternative = FromHex(@"cba4da");
         public readonly Color4 Purple = FromHex(@"8866ee");
         public readonly Color4 PurpleDark = FromHex(@"6644cc");
+        public readonly Color4 PurpleDarkAlternative = FromHex(@"312436");
         public readonly Color4 PurpleDarker = FromHex(@"441188");
 
         public readonly Color4 PinkLighter = FromHex(@"ffddee");

osu.Game/Graphics/UserInterface/ScreenTitle.cs

@@ -76,11 +76,11 @@ namespace osu.Game.Graphics.UserInterface
                             {
                                 titleText = new OsuSpriteText
                                 {
-                                    Font = OsuFont.GetFont(size: 25),
+                                    Font = OsuFont.GetFont(size: 30, weight: FontWeight.Light),
                                 },
                                 pageText = new OsuSpriteText
                                 {
-                                    Font = OsuFont.GetFont(size: 25),
+                                    Font = OsuFont.GetFont(size: 30, weight: FontWeight.Light),
                                 }
                             }
                         }

osu.Game/Online/API/Requests/GetChangelogBuildRequest.cs

@@ -0,0 +1,21 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using osu.Game.Online.API.Requests.Responses;
+
+namespace osu.Game.Online.API.Requests
+{
+    public class GetChangelogBuildRequest : APIRequest<APIChangelogBuild>
+    {
+        private readonly string name;
+        private readonly string version;
+
+        public GetChangelogBuildRequest(string streamName, string buildVersion)
+        {
+            name = streamName;
+            version = buildVersion;
+        }
+
+        protected override string Target => $@"changelog/{name}/{version}";
+    }
+}

osu.Game/Online/API/Requests/GetChangelogRequest.cs

@@ -0,0 +1,12 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using osu.Game.Online.API.Requests.Responses;
+
+namespace osu.Game.Online.API.Requests
+{
+    public class GetChangelogRequest : APIRequest<APIChangelogIndex>
+    {
+        protected override string Target => @"changelog";
+    }
+}

osu.Game/Online/API/Requests/Responses/APIChangelogBuild.cs

@@ -0,0 +1,49 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using Newtonsoft.Json;
+using System;
+using System.Collections.Generic;
+
+namespace osu.Game.Online.API.Requests.Responses
+{
+    public class APIChangelogBuild : IEquatable<APIChangelogBuild>
+    {
+        [JsonProperty("id")]
+        public long Id { get; set; }
+
+        [JsonProperty("version")]
+        public string Version { get; set; }
+
+        [JsonProperty("display_version")]
+        public string DisplayVersion { get; set; }
+
+        [JsonProperty("users")]
+        public long Users { get; set; }
+
+        [JsonProperty("created_at")]
+        public DateTimeOffset CreatedAt { get; set; }
+
+        [JsonProperty("update_stream")]
+        public APIUpdateStream UpdateStream { get; set; }
+
+        [JsonProperty("changelog_entries")]
+        public List<APIChangelogEntry> ChangelogEntries { get; set; }
+
+        [JsonProperty("versions")]
+        public VersionNatigation Versions { get; set; }
+
+        public class VersionNatigation
+        {
+            [JsonProperty("next")]
+            public APIChangelogBuild Next { get; set; }
+
+            [JsonProperty("previous")]
+            public APIChangelogBuild Previous { get; set; }
+        }
+
+        public bool Equals(APIChangelogBuild other) => Id == other?.Id;
+
+        public override string ToString() => $"{UpdateStream.DisplayName} {DisplayVersion}";
+    }
+}

osu.Game/Online/API/Requests/Responses/APIChangelogEntry.cs

@@ -0,0 +1,47 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using System;
+using Newtonsoft.Json;
+
+namespace osu.Game.Online.API.Requests.Responses
+{
+    public class APIChangelogEntry
+    {
+        [JsonProperty("id")]
+        public long? Id { get; set; }
+
+        [JsonProperty("repository")]
+        public string Repository { get; set; }
+
+        [JsonProperty("github_pull_request_id")]
+        public long? GithubPullRequestId { get; set; }
+
+        [JsonProperty("github_url")]
+        public string GithubUrl { get; set; }
+
+        [JsonProperty("url")]
+        public string Url { get; set; }
+
+        [JsonProperty("type")]
+        public string Type { get; set; }
+
+        [JsonProperty("category")]
+        public string Category { get; set; }
+
+        [JsonProperty("title")]
+        public string Title { get; set; }
+
+        [JsonProperty("message_html")]
+        public string MessageHtml { get; set; }
+
+        [JsonProperty("major")]
+        public bool? Major { get; set; }
+
+        [JsonProperty("created_at")]
+        public DateTimeOffset? CreatedAt { get; set; }
+
+        [JsonProperty("github_user")]
+        public APIChangelogUser GithubUser { get; set; }
+    }
+}

osu.Game/Online/API/Requests/Responses/APIChangelogIndex.cs

@@ -0,0 +1,17 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using System.Collections.Generic;
+using Newtonsoft.Json;
+
+namespace osu.Game.Online.API.Requests.Responses
+{
+    public class APIChangelogIndex
+    {
+        [JsonProperty]
+        public List<APIChangelogBuild> Builds;
+
+        [JsonProperty]
+        public List<APIUpdateStream> Streams;
+    }
+}

osu.Game/Online/API/Requests/Responses/APIChangelogUser.cs

@@ -0,0 +1,28 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using Newtonsoft.Json;
+
+namespace osu.Game.Online.API.Requests.Responses
+{
+    public class APIChangelogUser
+    {
+        [JsonProperty("id")]
+        public long? Id { get; set; }
+
+        [JsonProperty("display_name")]
+        public string DisplayName { get; set; }
+
+        [JsonProperty("github_url")]
+        public string GithubUrl { get; set; }
+
+        [JsonProperty("osu_username")]
+        public string OsuUsername { get; set; }
+
+        [JsonProperty("user_id")]
+        public long? UserId { get; set; }
+
+        [JsonProperty("user_url")]
+        public string UserUrl { get; set; }
+    }
+}

osu.Game/Online/API/Requests/Responses/APIUpdateStream.cs

@@ -0,0 +1,60 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using System;
+using Newtonsoft.Json;
+using osu.Framework.Graphics.Colour;
+using osuTK.Graphics;
+
+namespace osu.Game.Online.API.Requests.Responses
+{
+    public class APIUpdateStream : IEquatable<APIUpdateStream>
+    {
+        [JsonProperty("id")]
+        public long Id { get; set; }
+
+        [JsonProperty("name")]
+        public string Name { get; set; }
+
+        [JsonProperty("is_featured")]
+        public bool IsFeatured { get; set; }
+
+        [JsonProperty("display_name")]
+        public string DisplayName { get; set; }
+
+        [JsonProperty("latest_build")]
+        public APIChangelogBuild LatestBuild { get; set; }
+
+        public bool Equals(APIUpdateStream other) => Id == other?.Id;
+
+        public ColourInfo Colour
+        {
+            get
+            {
+                switch (Name)
+                {
+                    case "stable40":
+                        return new Color4(102, 204, 255, 255);
+
+                    case "stable":
+                        return new Color4(34, 153, 187, 255);
+
+                    case "beta40":
+                        return new Color4(255, 221, 85, 255);
+
+                    case "cuttingedge":
+                        return new Color4(238, 170, 0, 255);
+
+                    case "lazer":
+                        return new Color4(237, 18, 33, 255);
+
+                    case "web":
+                        return new Color4(136, 102, 238, 255);
+
+                    default:
+                        return new Color4(0, 0, 0, 255);
+                }
+            }
+        }
+    }
+}

osu.Game/OsuGame.cs

@@ -435,6 +435,7 @@ namespace osu.Game
             loadComponentSingleFile(channelManager = new ChannelManager(), AddInternal, true);
             loadComponentSingleFile(chatOverlay = new ChatOverlay(), overlayContent.Add, true);
             loadComponentSingleFile(settings = new SettingsOverlay { GetToolbarHeight = () => ToolbarOffset }, leftFloatingOverlayContent.Add, true);
+            var changelogOverlay = loadComponentSingleFile(new ChangelogOverlay(), overlayContent.Add, true);
             loadComponentSingleFile(userProfile = new UserProfileOverlay(), overlayContent.Add, true);
             loadComponentSingleFile(beatmapSetOverlay = new BeatmapSetOverlay(), overlayContent.Add, true);
 
@@ -492,7 +493,7 @@ namespace osu.Game
             }
 
             // ensure only one of these overlays are open at once.
-            var singleDisplayOverlays = new OverlayContainer[] { chatOverlay, social, direct };
+            var singleDisplayOverlays = new OverlayContainer[] { chatOverlay, social, direct, changelogOverlay };
             overlays.AddRange(singleDisplayOverlays);
 
             foreach (var overlay in singleDisplayOverlays)

osu.Game/Overlays/Changelog/ChangelogBuild.cs

@@ -0,0 +1,167 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Sprites;
+using osu.Game.Graphics;
+using osu.Game.Graphics.Containers;
+using osu.Game.Online.API.Requests.Responses;
+using System;
+using System.Linq;
+using System.Text.RegularExpressions;
+using osu.Game.Graphics.Sprites;
+using osu.Game.Users;
+using osuTK.Graphics;
+
+namespace osu.Game.Overlays.Changelog
+{
+    public class ChangelogBuild : FillFlowContainer
+    {
+        public const float HORIZONTAL_PADDING = 70;
+
+        public Action<APIChangelogBuild> SelectBuild;
+
+        protected readonly APIChangelogBuild Build;
+
+        public readonly FillFlowContainer ChangelogEntries;
+
+        public ChangelogBuild(APIChangelogBuild build)
+        {
+            Build = build;
+
+            RelativeSizeAxes = Axes.X;
+            AutoSizeAxes = Axes.Y;
+            Direction = FillDirection.Vertical;
+            Padding = new MarginPadding { Horizontal = HORIZONTAL_PADDING };
+
+            Children = new Drawable[]
+            {
+                CreateHeader(),
+                ChangelogEntries = new FillFlowContainer
+                {
+                    RelativeSizeAxes = Axes.X,
+                    AutoSizeAxes = Axes.Y,
+                    Direction = FillDirection.Vertical,
+                },
+            };
+
+            foreach (var categoryEntries in build.ChangelogEntries.GroupBy(b => b.Category).OrderBy(c => c.Key))
+            {
+                ChangelogEntries.Add(new OsuSpriteText
+                {
+                    Text = categoryEntries.Key,
+                    Font = OsuFont.GetFont(weight: FontWeight.Bold, size: 24),
+                    Margin = new MarginPadding { Top = 35, Bottom = 15 },
+                });
+
+                var fontLarge = OsuFont.GetFont(size: 18);
+                var fontMedium = OsuFont.GetFont(size: 14);
+                var fontSmall = OsuFont.GetFont(size: 12);
+
+                foreach (APIChangelogEntry entry in categoryEntries)
+                {
+                    LinkFlowContainer title = new LinkFlowContainer
+                    {
+                        Direction = FillDirection.Full,
+                        RelativeSizeAxes = Axes.X,
+                        AutoSizeAxes = Axes.Y,
+                        Margin = new MarginPadding { Vertical = 5 },
+                    };
+
+                    title.AddIcon(FontAwesome.Solid.Check, t =>
+                    {
+                        t.Font = fontSmall;
+                        t.Padding = new MarginPadding { Left = -17, Right = 5 };
+                    });
+
+                    title.AddText(entry.Title, t => { t.Font = fontLarge; });
+
+                    if (!string.IsNullOrEmpty(entry.Repository))
+                    {
+                        title.AddText(" (", t => t.Font = fontLarge);
+                        title.AddLink($"{entry.Repository.Replace("ppy/", "")}#{entry.GithubPullRequestId}", entry.GithubUrl, Online.Chat.LinkAction.External,
+                            creationParameters: t => { t.Font = fontLarge; });
+                        title.AddText(")", t => t.Font = fontLarge);
+                    }
+
+                    title.AddText(" by ", t => t.Font = fontMedium);
+
+                    if (entry.GithubUser.UserId != null)
+                        title.AddUserLink(new User
+                        {
+                            Username = entry.GithubUser.OsuUsername,
+                            Id = entry.GithubUser.UserId.Value
+                        }, t => t.Font = fontMedium);
+                    else if (entry.GithubUser.GithubUrl != null)
+                        title.AddLink(entry.GithubUser.DisplayName, entry.GithubUser.GithubUrl, Online.Chat.LinkAction.External, null, null, t => t.Font = fontMedium);
+                    else
+                        title.AddText(entry.GithubUser.DisplayName, t => t.Font = fontSmall);
+
+                    ChangelogEntries.Add(title);
+
+                    if (!string.IsNullOrEmpty(entry.MessageHtml))
+                    {
+                        TextFlowContainer message = new TextFlowContainer
+                        {
+                            AutoSizeAxes = Axes.Y,
+                            RelativeSizeAxes = Axes.X,
+                        };
+
+                        // todo: use markdown parsing once API returns markdown
+                        message.AddText(Regex.Replace(entry.MessageHtml, @"<(.|\n)*?>", string.Empty), t =>
+                        {
+                            t.Font = fontSmall;
+                            t.Colour = new Color4(235, 184, 254, 255);
+                        });
+
+                        ChangelogEntries.Add(message);
+                    }
+                }
+            }
+        }
+
+        protected virtual FillFlowContainer CreateHeader() => new FillFlowContainer
+        {
+            Anchor = Anchor.TopCentre,
+            Origin = Anchor.TopCentre,
+            AutoSizeAxes = Axes.Both,
+            Direction = FillDirection.Horizontal,
+            Margin = new MarginPadding { Top = 20 },
+            Children = new Drawable[]
+            {
+                new OsuHoverContainer
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.Centre,
+                    AutoSizeAxes = Axes.Both,
+                    Action = () => SelectBuild?.Invoke(Build),
+                    Child = new FillFlowContainer<SpriteText>
+                    {
+                        AutoSizeAxes = Axes.Both,
+                        Margin = new MarginPadding { Horizontal = 40 },
+                        Children = new[]
+                        {
+                            new OsuSpriteText
+                            {
+                                Text = Build.UpdateStream.DisplayName,
+                                Font = OsuFont.GetFont(weight: FontWeight.Medium, size: 19),
+                            },
+                            new OsuSpriteText
+                            {
+                                Text = " ",
+                                Font = OsuFont.GetFont(weight: FontWeight.Medium, size: 19),
+                            },
+                            new OsuSpriteText
+                            {
+                                Text = Build.DisplayVersion,
+                                Font = OsuFont.GetFont(weight: FontWeight.Light, size: 19),
+                                Colour = Build.UpdateStream.Colour,
+                            },
+                        }
+                    }
+                },
+            }
+        };
+    }
+}

osu.Game/Overlays/Changelog/ChangelogContent.cs

@@ -0,0 +1,25 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Game.Online.API.Requests.Responses;
+using System;
+
+namespace osu.Game.Overlays.Changelog
+{
+    public class ChangelogContent : FillFlowContainer
+    {
+        public Action<APIChangelogBuild> BuildSelected;
+
+        public void SelectBuild(APIChangelogBuild build) => BuildSelected?.Invoke(build);
+
+        public ChangelogContent()
+        {
+            RelativeSizeAxes = Axes.X;
+            AutoSizeAxes = Axes.Y;
+            Direction = FillDirection.Vertical;
+            Padding = new MarginPadding { Bottom = 100 };
+        }
+    }
+}

osu.Game/Overlays/Changelog/ChangelogHeader.cs

@@ -0,0 +1,170 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using System;
+using System.Linq;
+using osu.Framework.Allocation;
+using osu.Framework.Bindables;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Shapes;
+using osu.Framework.Graphics.Sprites;
+using osu.Framework.Graphics.Textures;
+using osu.Game.Graphics;
+using osu.Game.Graphics.UserInterface;
+using osu.Game.Online.API.Requests.Responses;
+using osuTK;
+
+namespace osu.Game.Overlays.Changelog
+{
+    public class ChangelogHeader : OverlayHeader
+    {
+        public readonly Bindable<APIChangelogBuild> Current = new Bindable<APIChangelogBuild>();
+
+        public Action ListingSelected;
+
+        public UpdateStreamBadgeArea Streams;
+
+        private const string listing_string = "Listing";
+
+        public ChangelogHeader()
+        {
+            TabControl.AddItem(listing_string);
+            TabControl.Current.ValueChanged += e =>
+            {
+                if (e.NewValue == listing_string)
+                    ListingSelected?.Invoke();
+            };
+
+            Current.ValueChanged += showBuild;
+
+            Streams.Current.ValueChanged += e =>
+            {
+                if (e.NewValue?.LatestBuild != null && e.NewValue != Current.Value?.UpdateStream)
+                    Current.Value = e.NewValue.LatestBuild;
+            };
+        }
+
+        [BackgroundDependencyLoader]
+        private void load(OsuColour colours)
+        {
+            TabControl.AccentColour = colours.Violet;
+        }
+
+        private ChangelogHeaderTitle title;
+
+        private void showBuild(ValueChangedEvent<APIChangelogBuild> e)
+        {
+            if (e.OldValue != null)
+                TabControl.RemoveItem(e.OldValue.ToString());
+
+            if (e.NewValue != null)
+            {
+                TabControl.AddItem(e.NewValue.ToString());
+                TabControl.Current.Value = e.NewValue.ToString();
+
+                Streams.Current.Value = Streams.Items.FirstOrDefault(s => s.Name == e.NewValue.UpdateStream.Name);
+
+                title.Version = e.NewValue.UpdateStream.DisplayName;
+            }
+            else
+            {
+                TabControl.Current.Value = listing_string;
+                Streams.Current.Value = null;
+                title.Version = null;
+            }
+        }
+
+        protected override Drawable CreateBackground() => new HeaderBackground();
+
+        protected override Drawable CreateContent() => new Container
+        {
+            RelativeSizeAxes = Axes.X,
+            AutoSizeAxes = Axes.Y,
+            Children = new Drawable[]
+            {
+                Streams = new UpdateStreamBadgeArea(),
+            }
+        };
+
+        protected override ScreenTitle CreateTitle() => title = new ChangelogHeaderTitle();
+
+        public class HeaderBackground : Sprite
+        {
+            public HeaderBackground()
+            {
+                RelativeSizeAxes = Axes.Both;
+                FillMode = FillMode.Fill;
+            }
+
+            [BackgroundDependencyLoader]
+            private void load(TextureStore textures)
+            {
+                Texture = textures.Get(@"Headers/changelog");
+            }
+        }
+
+        private class ChangelogHeaderTitle : ScreenTitle
+        {
+            public string Version
+            {
+                set => Section = value ?? listing_string;
+            }
+
+            public ChangelogHeaderTitle()
+            {
+                Title = "Changelog";
+                Version = null;
+            }
+
+            [BackgroundDependencyLoader]
+            private void load(OsuColour colours)
+            {
+                AccentColour = colours.Violet;
+            }
+
+            protected override Drawable CreateIcon() => new ChangelogIcon();
+
+            internal class ChangelogIcon : CompositeDrawable
+            {
+                private const float circle_allowance = 0.8f;
+
+                [BackgroundDependencyLoader]
+                private void load(TextureStore textures, OsuColour colours)
+                {
+                    Size = new Vector2(ICON_SIZE / circle_allowance);
+
+                    InternalChildren = new Drawable[]
+                    {
+                        new CircularContainer
+                        {
+                            Masking = true,
+                            BorderColour = colours.Violet,
+                            BorderThickness = 3,
+                            MaskingSmoothness = 1,
+                            RelativeSizeAxes = Axes.Both,
+                            Children = new Drawable[]
+                            {
+                                new Sprite
+                                {
+                                    RelativeSizeAxes = Axes.Both,
+                                    Texture = textures.Get(@"Icons/changelog"),
+                                    Size = new Vector2(circle_allowance),
+                                    Anchor = Anchor.Centre,
+                                    Origin = Anchor.Centre,
+                                },
+                                new Box
+                                {
+                                    RelativeSizeAxes = Axes.Both,
+                                    Colour = colours.Violet,
+                                    Alpha = 0,
+                                    AlwaysPresent = true,
+                                },
+                            }
+                        },
+                    };
+                }
+            }
+        }
+    }
+}

osu.Game/Overlays/Changelog/ChangelogListing.cs

@@ -0,0 +1,80 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using System;
+using System.Collections.Generic;
+using osu.Framework.Allocation;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Shapes;
+using osu.Game.Graphics;
+using osu.Game.Graphics.Sprites;
+using osu.Game.Online.API.Requests.Responses;
+using osuTK.Graphics;
+
+namespace osu.Game.Overlays.Changelog
+{
+    public class ChangelogListing : ChangelogContent
+    {
+        private readonly List<APIChangelogBuild> entries;
+
+        public ChangelogListing(List<APIChangelogBuild> entries)
+        {
+            this.entries = entries;
+        }
+
+        [BackgroundDependencyLoader]
+        private void load()
+        {
+            DateTime currentDate = DateTime.MinValue;
+
+            if (entries == null) return;
+
+            foreach (APIChangelogBuild build in entries)
+            {
+                if (build.CreatedAt.Date != currentDate)
+                {
+                    if (Children.Count != 0)
+                    {
+                        Add(new Box
+                        {
+                            RelativeSizeAxes = Axes.X,
+                            Height = 2,
+                            Colour = new Color4(17, 17, 17, 255),
+                            Margin = new MarginPadding { Top = 30 },
+                        });
+                    }
+
+                    Add(new OsuSpriteText
+                    {
+                        Anchor = Anchor.TopCentre,
+                        Origin = Anchor.TopCentre,
+                        Margin = new MarginPadding { Top = 15 },
+                        Text = build.CreatedAt.Date.ToString("dd MMM yyyy"),
+                        Font = OsuFont.GetFont(weight: FontWeight.Regular, size: 24),
+                        Colour = OsuColour.FromHex(@"FD5"),
+                    });
+
+                    currentDate = build.CreatedAt.Date;
+                }
+                else
+                {
+                    Add(new Container
+                    {
+                        RelativeSizeAxes = Axes.X,
+                        Height = 1,
+                        Padding = new MarginPadding { Horizontal = ChangelogBuild.HORIZONTAL_PADDING },
+                        Margin = new MarginPadding { Top = 30 },
+                        Child = new Box
+                        {
+                            RelativeSizeAxes = Axes.Both,
+                            Colour = new Color4(32, 24, 35, 255),
+                        }
+                    });
+                }
+
+                Add(new ChangelogBuild(build) { SelectBuild = SelectBuild });
+            }
+        }
+    }
+}

osu.Game/Overlays/Changelog/ChangelogSingleBuild.cs

@@ -0,0 +1,142 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using System;
+using System.Linq;
+using System.Threading;
+using System.Threading.Tasks;
+using osu.Framework.Allocation;
+using osu.Framework.Extensions.Color4Extensions;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Sprites;
+using osu.Game.Graphics;
+using osu.Game.Graphics.Containers;
+using osu.Game.Graphics.Sprites;
+using osu.Game.Graphics.UserInterface;
+using osu.Game.Online.API;
+using osu.Game.Online.API.Requests;
+using osu.Game.Online.API.Requests.Responses;
+using osuTK;
+
+namespace osu.Game.Overlays.Changelog
+{
+    public class ChangelogSingleBuild : ChangelogContent
+    {
+        private APIChangelogBuild build;
+
+        public ChangelogSingleBuild(APIChangelogBuild build)
+        {
+            this.build = build;
+        }
+
+        [BackgroundDependencyLoader]
+        private void load(CancellationToken? cancellation, IAPIProvider api)
+        {
+            bool complete = false;
+
+            var req = new GetChangelogBuildRequest(build.UpdateStream.Name, build.Version);
+            req.Success += res =>
+            {
+                build = res;
+                complete = true;
+            };
+            req.Failure += _ => complete = true;
+
+            // This is done on a separate thread to support cancellation below
+            Task.Run(() => req.Perform(api));
+
+            while (!complete)
+            {
+                if (cancellation?.IsCancellationRequested == true)
+                {
+                    req.Cancel();
+                    return;
+                }
+
+                Thread.Sleep(10);
+            }
+
+            if (build != null)
+                Child = new ChangelogBuildWithNavigation(build) { SelectBuild = SelectBuild };
+        }
+
+        public class ChangelogBuildWithNavigation : ChangelogBuild
+        {
+            public ChangelogBuildWithNavigation(APIChangelogBuild build)
+                : base(build)
+            {
+            }
+
+            protected override FillFlowContainer CreateHeader()
+            {
+                var fill = base.CreateHeader();
+
+                foreach (var existing in fill.Children.OfType<OsuHoverContainer>())
+                {
+                    existing.Scale = new Vector2(1.25f);
+                    existing.Action = null;
+
+                    existing.Add(new OsuSpriteText
+                    {
+                        Text = Build.CreatedAt.Date.ToString("dd MMM yyyy"),
+                        Font = OsuFont.GetFont(weight: FontWeight.Regular, size: 14),
+                        Colour = OsuColour.FromHex(@"FD5"),
+                        Anchor = Anchor.BottomCentre,
+                        Origin = Anchor.TopCentre,
+                        Margin = new MarginPadding { Top = 5 },
+                    });
+                }
+
+                NavigationIconButton left, right;
+
+                fill.AddRange(new[]
+                {
+                    left = new NavigationIconButton(Build.Versions?.Previous)
+                    {
+                        Icon = FontAwesome.Solid.ChevronLeft,
+                        SelectBuild = b => SelectBuild(b)
+                    },
+                    right = new NavigationIconButton(Build.Versions?.Next)
+                    {
+                        Icon = FontAwesome.Solid.ChevronRight,
+                        SelectBuild = b => SelectBuild(b)
+                    },
+                });
+
+                fill.SetLayoutPosition(left, -1);
+                fill.SetLayoutPosition(right, 1);
+
+                return fill;
+            }
+        }
+
+        private class NavigationIconButton : IconButton
+        {
+            public Action<APIChangelogBuild> SelectBuild;
+
+            public NavigationIconButton(APIChangelogBuild build)
+            {
+                Anchor = Anchor.Centre;
+                Origin = Anchor.Centre;
+
+                if (build == null) return;
+
+                TooltipText = build.DisplayVersion;
+
+                Action = () =>
+                {
+                    SelectBuild?.Invoke(build);
+                    Enabled.Value = false;
+                };
+            }
+
+            [BackgroundDependencyLoader]
+            private void load(OsuColour colours)
+            {
+                HoverColour = colours.GreyVioletLight.Opacity(0.6f);
+                FlashColour = colours.GreyVioletLighter;
+            }
+        }
+    }
+}

osu.Game/Overlays/Changelog/UpdateStreamBadge.cs

@@ -0,0 +1,157 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using Humanizer;
+using osu.Framework.Allocation;
+using osu.Framework.Audio;
+using osu.Framework.Audio.Sample;
+using osu.Framework.Bindables;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Sprites;
+using osu.Framework.Input.Events;
+using osu.Game.Graphics;
+using osu.Game.Online.API.Requests.Responses;
+using osu.Framework.Graphics.UserInterface;
+using osu.Game.Graphics.Sprites;
+using osu.Game.Graphics.UserInterface;
+using osuTK;
+using osuTK.Graphics;
+
+namespace osu.Game.Overlays.Changelog
+{
+    public class UpdateStreamBadge : TabItem<APIUpdateStream>
+    {
+        private const float badge_height = 66.5f;
+        private const float badge_width = 100;
+        private const float transition_duration = 100;
+
+        private readonly ExpandingBar expandingBar;
+        private SampleChannel sampleClick;
+        private SampleChannel sampleHover;
+
+        private readonly FillFlowContainer<SpriteText> text;
+
+        public readonly Bindable<APIUpdateStream> SelectedTab = new Bindable<APIUpdateStream>();
+
+        private readonly Container fadeContainer;
+
+        public UpdateStreamBadge(APIUpdateStream stream)
+            : base(stream)
+        {
+            Size = new Vector2(stream.IsFeatured ? badge_width * 2 : badge_width, badge_height);
+            Padding = new MarginPadding(5);
+
+            Child = fadeContainer = new Container
+            {
+                RelativeSizeAxes = Axes.Both,
+                Children = new Drawable[]
+                {
+                    text = new FillFlowContainer<SpriteText>
+                    {
+                        AutoSizeAxes = Axes.X,
+                        RelativeSizeAxes = Axes.Y,
+                        Direction = FillDirection.Vertical,
+                        Children = new[]
+                        {
+                            new OsuSpriteText
+                            {
+                                Text = stream.DisplayName,
+                                Font = OsuFont.GetFont(weight: FontWeight.Bold, size: 12),
+                                Margin = new MarginPadding { Top = 6 },
+                            },
+                            new OsuSpriteText
+                            {
+                                Text = stream.LatestBuild.DisplayVersion,
+                                Font = OsuFont.GetFont(weight: FontWeight.Light, size: 16),
+                            },
+                            new OsuSpriteText
+                            {
+                                Text = stream.LatestBuild.Users > 0 ? $"{stream.LatestBuild.Users:N0} {"user".Pluralize(stream.LatestBuild.Users == 1)} online" : null,
+                                Font = OsuFont.GetFont(weight: FontWeight.Regular, size: 10),
+                                Colour = new Color4(203, 164, 218, 255),
+                            },
+                        }
+                    },
+                    expandingBar = new ExpandingBar
+                    {
+                        Anchor = Anchor.TopCentre,
+                        Colour = stream.Colour,
+                        ExpandedSize = 4,
+                        CollapsedSize = 2,
+                        IsCollapsed = true
+                    },
+                }
+            };
+
+            SelectedTab.BindValueChanged(_ => updateState(), true);
+        }
+
+        [BackgroundDependencyLoader]
+        private void load(AudioManager audio)
+        {
+            sampleClick = audio.Sample.Get(@"UI/generic-select-soft");
+            sampleHover = audio.Sample.Get(@"UI/generic-hover-soft");
+        }
+
+        protected override void OnActivated() => updateState();
+
+        protected override void OnDeactivated() => updateState();
+
+        protected override bool OnClick(ClickEvent e)
+        {
+            sampleClick?.Play();
+            return base.OnClick(e);
+        }
+
+        protected override bool OnHover(HoverEvent e)
+        {
+            sampleHover?.Play();
+            updateState();
+
+            return base.OnHover(e);
+        }
+
+        protected override void OnHoverLost(HoverLostEvent e)
+        {
+            updateState();
+            base.OnHoverLost(e);
+        }
+
+        private void updateState()
+        {
+            // Expand based on the local state
+            bool shouldExpand = Active.Value || IsHovered;
+
+            // Expand based on whether no build is selected and the badge area is hovered
+            shouldExpand |= SelectedTab.Value == null && !externalDimRequested;
+
+            if (shouldExpand)
+            {
+                expandingBar.Expand();
+                fadeContainer.FadeTo(1, transition_duration);
+            }
+            else
+            {
+                expandingBar.Collapse();
+                fadeContainer.FadeTo(0.5f, transition_duration);
+            }
+
+            text.FadeTo(externalDimRequested && !IsHovered ? 0.5f : 1, transition_duration);
+        }
+
+        private bool externalDimRequested;
+
+        public void EnableDim()
+        {
+            externalDimRequested = true;
+            updateState();
+        }
+
+        public void DisableDim()
+        {
+            externalDimRequested = false;
+            updateState();
+        }
+    }
+}

osu.Game/Overlays/Changelog/UpdateStreamBadgeArea.cs

@@ -0,0 +1,75 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using osu.Framework.Graphics;
+using osu.Framework.Input.Events;
+using osu.Game.Online.API.Requests.Responses;
+using System.Collections.Generic;
+using System.Linq;
+using osu.Framework.Graphics.Shapes;
+using osu.Framework.Graphics.UserInterface;
+using osuTK.Graphics;
+
+namespace osu.Game.Overlays.Changelog
+{
+    public class UpdateStreamBadgeArea : TabControl<APIUpdateStream>
+    {
+        public UpdateStreamBadgeArea()
+        {
+            RelativeSizeAxes = Axes.X;
+            AutoSizeAxes = Axes.Y;
+
+            AddInternal(new Box
+            {
+                Colour = Color4.Black,
+                Alpha = 0.12f,
+                RelativeSizeAxes = Axes.Both,
+            });
+        }
+
+        public void Populate(List<APIUpdateStream> streams)
+        {
+            Current.Value = null;
+
+            foreach (APIUpdateStream updateStream in streams)
+                AddItem(updateStream);
+        }
+
+        protected override bool OnHover(HoverEvent e)
+        {
+            foreach (UpdateStreamBadge streamBadge in TabContainer.Children.OfType<UpdateStreamBadge>())
+                streamBadge.EnableDim();
+
+            return base.OnHover(e);
+        }
+
+        protected override void OnHoverLost(HoverLostEvent e)
+        {
+            foreach (UpdateStreamBadge streamBadge in TabContainer.Children.OfType<UpdateStreamBadge>())
+                streamBadge.DisableDim();
+
+            base.OnHoverLost(e);
+        }
+
+        protected override TabFillFlowContainer CreateTabFlow()
+        {
+            var flow = base.CreateTabFlow();
+
+            flow.RelativeSizeAxes = Axes.X;
+            flow.AutoSizeAxes = Axes.Y;
+            flow.AllowMultiline = true;
+            flow.Padding = new MarginPadding
+            {
+                Vertical = 20,
+                Horizontal = 85,
+            };
+
+            return flow;
+        }
+
+        protected override Dropdown<APIUpdateStream> CreateDropdown() => null;
+
+        protected override TabItem<APIUpdateStream> CreateTabItem(APIUpdateStream value) =>
+            new UpdateStreamBadge(value) { SelectedTab = { BindTarget = Current } };
+    }
+}

osu.Game/Overlays/ChangelogOverlay.cs

@@ -0,0 +1,210 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using System;
+using System.Collections.Generic;
+using System.Threading;
+using System.Threading.Tasks;
+using JetBrains.Annotations;
+using osu.Framework.Allocation;
+using osu.Framework.Audio;
+using osu.Framework.Audio.Sample;
+using osu.Framework.Bindables;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Shapes;
+using osu.Game.Graphics;
+using osu.Game.Graphics.Containers;
+using osu.Game.Input.Bindings;
+using osu.Game.Online.API.Requests;
+using osu.Game.Online.API.Requests.Responses;
+using osu.Game.Overlays.Changelog;
+
+namespace osu.Game.Overlays
+{
+    public class ChangelogOverlay : FullscreenOverlay
+    {
+        public readonly Bindable<APIChangelogBuild> Current = new Bindable<APIChangelogBuild>();
+
+        private ChangelogHeader header;
+
+        private Container<ChangelogContent> content;
+
+        private SampleChannel sampleBack;
+
+        private List<APIChangelogBuild> builds;
+
+        private List<APIUpdateStream> streams;
+
+        [BackgroundDependencyLoader]
+        private void load(AudioManager audio, OsuColour colour)
+        {
+            Waves.FirstWaveColour = colour.GreyVioletLight;
+            Waves.SecondWaveColour = colour.GreyViolet;
+            Waves.ThirdWaveColour = colour.GreyVioletDark;
+            Waves.FourthWaveColour = colour.GreyVioletDarker;
+
+            Children = new Drawable[]
+            {
+                new Box
+                {
+                    RelativeSizeAxes = Axes.Both,
+                    Colour = colour.PurpleDarkAlternative,
+                },
+                new ScrollContainer
+                {
+                    RelativeSizeAxes = Axes.Both,
+                    ScrollbarVisible = false,
+                    Child = new ReverseChildIDFillFlowContainer<Drawable>
+                    {
+                        RelativeSizeAxes = Axes.X,
+                        AutoSizeAxes = Axes.Y,
+                        Direction = FillDirection.Vertical,
+                        Children = new Drawable[]
+                        {
+                            header = new ChangelogHeader
+                            {
+                                ListingSelected = ShowListing,
+                            },
+                            content = new Container<ChangelogContent>
+                            {
+                                RelativeSizeAxes = Axes.X,
+                                AutoSizeAxes = Axes.Y,
+                            }
+                        },
+                    },
+                },
+            };
+
+            sampleBack = audio.Sample.Get(@"UI/generic-select-soft");
+
+            header.Current.BindTo(Current);
+
+            Current.BindValueChanged(e =>
+            {
+                if (e.NewValue != null)
+                    loadContent(new ChangelogSingleBuild(e.NewValue));
+                else
+                    loadContent(new ChangelogListing(builds));
+            });
+        }
+
+        public void ShowListing()
+        {
+            Current.Value = null;
+            State = Visibility.Visible;
+        }
+
+        /// <summary>
+        /// Fetches and shows a specific build from a specific update stream.
+        /// </summary>
+        /// <param name="build">Must contain at least <see cref="APIUpdateStream.Name"/> and
+        /// <see cref="APIChangelogBuild.Version"/>. If <see cref="APIUpdateStream.DisplayName"/> and
+        /// <see cref="APIChangelogBuild.DisplayVersion"/> are specified, the header will instantly display them.</param>
+        public void ShowBuild([NotNull] APIChangelogBuild build)
+        {
+            if (build == null) throw new ArgumentNullException(nameof(build));
+
+            Current.Value = build;
+            State = Visibility.Visible;
+        }
+
+        public void ShowBuild([NotNull] string updateStream, [NotNull] string version)
+        {
+            if (updateStream == null) throw new ArgumentNullException(nameof(updateStream));
+            if (version == null) throw new ArgumentNullException(nameof(version));
+
+            performAfterFetch(() =>
+            {
+                var build = builds.Find(b => b.Version == version && b.UpdateStream.Name == updateStream)
+                            ?? streams.Find(s => s.Name == updateStream)?.LatestBuild;
+
+                if (build != null)
+                    ShowBuild(build);
+            });
+
+            State = Visibility.Visible;
+        }
+
+        public override bool OnPressed(GlobalAction action)
+        {
+            switch (action)
+            {
+                case GlobalAction.Back:
+                    if (Current.Value == null)
+                    {
+                        State = Visibility.Hidden;
+                    }
+                    else
+                    {
+                        Current.Value = null;
+                        sampleBack?.Play();
+                    }
+
+                    return true;
+            }
+
+            return false;
+        }
+
+        protected override void PopIn()
+        {
+            base.PopIn();
+
+            if (initialFetchTask == null)
+                // fetch and refresh to show listing, if no other request was made via Show methods
+                performAfterFetch(() => Current.TriggerChange());
+        }
+
+        private Task initialFetchTask;
+
+        private void performAfterFetch(Action action) => fetchListing()?.ContinueWith(_ => Schedule(action));
+
+        private Task fetchListing()
+        {
+            if (initialFetchTask != null)
+                return initialFetchTask;
+
+            return initialFetchTask = Task.Run(async () =>
+            {
+                var tcs = new TaskCompletionSource<bool>();
+
+                var req = new GetChangelogRequest();
+                req.Success += res =>
+                {
+                    // remap streams to builds to ensure model equality
+                    res.Builds.ForEach(b => b.UpdateStream = res.Streams.Find(s => s.Id == b.UpdateStream.Id));
+                    res.Streams.ForEach(s => s.LatestBuild.UpdateStream = res.Streams.Find(s2 => s2.Id == s.LatestBuild.UpdateStream.Id));
+
+                    builds = res.Builds;
+                    streams = res.Streams;
+
+                    header.Streams.Populate(res.Streams);
+
+                    tcs.SetResult(true);
+                };
+                req.Failure += _ => initialFetchTask = null;
+                req.Perform(API);
+
+                await tcs.Task;
+            });
+        }
+
+        private CancellationTokenSource loadContentCancellation;
+
+        private void loadContent(ChangelogContent newContent)
+        {
+            content.FadeTo(0.2f, 300, Easing.OutQuint);
+
+            loadContentCancellation?.Cancel();
+
+            LoadComponentAsync(newContent, c =>
+            {
+                content.FadeIn(300, Easing.OutQuint);
+
+                c.BuildSelected = ShowBuild;
+                content.Child = c;
+            }, (loadContentCancellation = new CancellationTokenSource()).Token);
+        }
+    }
+}

osu.Game/Overlays/Toolbar/Toolbar.cs

@@ -69,6 +69,7 @@ namespace osu.Game.Overlays.Toolbar
                     AutoSizeAxes = Axes.X,
                     Children = new Drawable[]
                     {
+                        new ToolbarChangelogButton(),
                         new ToolbarDirectButton(),
                         new ToolbarChatButton(),
                         new ToolbarSocialButton(),

osu.Game/Overlays/Toolbar/ToolbarChangelogButton.cs

@@ -0,0 +1,22 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using osu.Framework.Allocation;
+using osu.Framework.Graphics.Sprites;
+
+namespace osu.Game.Overlays.Toolbar
+{
+    public class ToolbarChangelogButton : ToolbarOverlayToggleButton
+    {
+        public ToolbarChangelogButton()
+        {
+            SetIcon(FontAwesome.Solid.Bullhorn);
+        }
+
+        [BackgroundDependencyLoader(true)]
+        private void load(ChangelogOverlay changelog)
+        {
+            StateContainer = changelog;
+        }
+    }
+}