Improved autocomplete styling

packages/plugs/core/core.plug.yaml

@@ -162,6 +162,7 @@ functions:
     path: "./template.ts:insertTemplateText"
     slashCommand:
       name: meta
+      description: Insert a page metadata block
       value: |
         ```meta
         |^|
@@ -176,6 +177,7 @@ functions:
     path: "./template.ts:insertTemplateText"
     slashCommand:
       name: query
+      description: Insert a query
       value: |
         <!-- #query |^| -->
 

packages/web/styles/theme.scss

@@ -96,6 +96,29 @@
   background-color: #d7e1f6 !important;
 }
 
+.cm-editor .cm-tooltip-autocomplete {
+  .cm-completionDetail {
+    font-style: normal;
+    display: block;
+    font-size: 80%;
+    margin-left: 5px;
+    color: #555;
+  }
+
+  li[aria-selected] .cm-completionDetail {
+    color: #d2d2d2;
+  }
+
+  .cm-completionLabel {
+    display: block;
+    margin-left: 5px;
+  }
+
+  .cm-completionIcon {
+    display: none;
+  }
+}
+
 .sb-line-h1,
 .sb-line-h2,
 .sb-line-h3 {

website/CHANGELOG.md

@@ -1,5 +1,10 @@
 An attempt at documenting of the changes/new features introduced in each release.
 
+
+---
+## 0.0.34
+* Improved styling for completion (especially slash commands)
+
 ---
 
 ## 0.0.33