diff --git a/CHANGELOG.md b/CHANGELOG.md
index f74eab5..011a588 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Four themes, each in light and dark: Catppuccin (Latte and Mocha), Gruvbox, Solarized, and High
   contrast, black and white with every colour at 7:1 or more.
 
+### Changed
+
+- The themes in Settings are listed in alphabetical order.
+
 ### Fixed
 
 - Links in Classic, and hints and headings in Modern's dark half, are dark or light enough to
diff --git a/web/src/theme.ts b/web/src/theme.ts
index 38b406e..037d724 100644
--- a/web/src/theme.ts
+++ b/web/src/theme.ts
@@ -5,18 +5,18 @@
 // page gets data-mode, light or dark, which is all the CSS reads: Auto is worked out here, from
 // the system, so no palette is written twice.
 const THEMES: Record<string, {name: string, modes: boolean}> = {
-  modern: {name: 'Modern', modes: true},
+  adwaita: {name: 'Adwaita', modes: true},
+  catppuccin: {name: 'Catppuccin', modes: true},
   classic: {name: 'Classic', modes: false},
   dracula: {name: 'Dracula', modes: true},
-  material: {name: 'Material', modes: true},
-  adwaita: {name: 'Adwaita', modes: true},
   flatremix: {name: 'Flat Remix', modes: true},
-  paper: {name: 'Paper', modes: false},
-  nordic: {name: 'Nordic', modes: true},
-  catppuccin: {name: 'Catppuccin', modes: true},
   gruvbox: {name: 'Gruvbox', modes: true},
-  solarized: {name: 'Solarized', modes: true},
   contrast: {name: 'High contrast', modes: true},
+  material: {name: 'Material', modes: true},
+  modern: {name: 'Modern', modes: true},
+  nordic: {name: 'Nordic', modes: true},
+  paper: {name: 'Paper', modes: false},
+  solarized: {name: 'Solarized', modes: true},
 };
 const MODES: Record<string, string> = {auto: 'Auto (matches your system)', light: 'Light', dark: 'Dark'};
 // Before themes came in light and dark, ipx.theme in localStorage held one of these.