Dark autocomplete dropdown

customize.dist/src/less2/include/colortheme-dark.less

@@ -259,8 +259,14 @@
 @cp-limit-bar-above: @cryptpad_color_red;
 
 // Mentions
-@cp_mentions-bg: @cryptpad_color_grey;
-@cp_mentions-hover: @cryptpad_color_help_grey;
+@cp_mentions-bg: @cryptpad_color_grey_700;
+@cp_mentions-hover: @cryptpad_color_grey_900;
+
+// Autocomplete
+@cp_autocomplete-bg: @cryptpad_color_grey_900;
+@cp_autocomplete-fg: @cryptpad_text_col;
+@cp_autocomplete-border: @cryptpad_color_grey_700;
+@cp_autocomplete-hover: @cryptpad_color_brand_fadest;
 
 // Modals
 @cp_access-overlay: fade(@cp_alertify-bg, 50%);

customize.dist/src/less2/include/colortheme.less

@@ -262,6 +262,12 @@
 @cp_mentions-bg: @cryptpad_color_grey;
 @cp_mentions-hover: @cryptpad_color_help_grey;
 
+// Autocomplete
+@cp_autocomplete-bg: @cryptpad_color_grey_100;
+@cp_autocomplete-fg: @cryptpad_text_col;
+@cp_autocomplete-border: @cryptpad_color_grey_300;
+@cp_autocomplete-hover: @cryptpad_color_brand_fadest;
+
 // Modals
 @cp_access-overlay: fade(@cryptpad_color_white, 50%);
 @cp_snapshots-hover: @cryptpad_color_help_grey;

customize.dist/src/less2/include/dropdown.less

@@ -7,6 +7,18 @@
     --LessLoader_require: LessLoader_currentFile();
 }
 & {
+    .ui-autocomplete {
+        background-color: @cp_autocomplete-bg;
+        color: @cp_autocomplete-fg;
+    }
+    ul.ui-menu {
+        border: 1px solid @cp_autocomplete-border; // XXX doesn't work
+        .ui-state-active {
+            background-color: @cp_autocomplete-hover;
+            color: @cp_autocomplete-fg;
+            border-color: @cp_autocomplete-hover;
+        }
+    }
     .cp-autocomplete-value {
         display: flex;
         align-items: center;