diff --git a/src/components/CommandKClient.tsx b/src/components/CommandKClient.tsx
index d71e91b4..8a9b4018 100644
--- a/src/components/CommandKClient.tsx
+++ b/src/components/CommandKClient.tsx
@@ -9,6 +9,7 @@ import Spinner from './Spinner';
import { useRouter } from 'next/navigation';
import { useTheme } from 'next-themes';
import { BiDesktop, BiMoon, BiSun } from 'react-icons/bi';
+import { IoInvertModeSharp } from 'react-icons/io5';
const LISTENER_KEYDOWN = 'keydown';
@@ -84,6 +85,10 @@ export default function CommandKClient({
const sectionTheme: CommandKSection = {
heading: 'Theme',
+ accessory: ,
items: [{
label: 'Use System',
annotation: ,
diff --git a/src/site/CommandK.tsx b/src/site/CommandK.tsx
index 7ff813ff..5e740b8c 100644
--- a/src/site/CommandK.tsx
+++ b/src/site/CommandK.tsx
@@ -24,9 +24,10 @@ import { formatCount, formatCountDescriptive } from '@/utility/string';
import { BiLockAlt } from 'react-icons/bi';
import { sortTagsObject } from '@/tag';
import PhotoFilmSimulationIcon from '@/simulation/PhotoFilmSimulationIcon';
-import { IoMdCamera } from 'react-icons/io';
+import { IoDocumentText } from 'react-icons/io5';
import { FaTag } from 'react-icons/fa';
import { TbPhoto } from 'react-icons/tb';
+import { IoMdCamera } from 'react-icons/io';
export default async function CommandK() {
const [
@@ -47,7 +48,7 @@ export default async function CommandK() {
heading: 'Tags',
accessory: ,
items: sortTagsObject(tags).map(({ tag, count }) => ({
label: tag,
@@ -83,6 +84,7 @@ export default async function CommandK() {
const SECTION_PAGES: CommandKSection = {
heading: 'Pages',
+ accessory: ,
items: ([{
label: 'Home',
path: '/',