Hotdog stand

src-web/components/core/Dropdown.tsx

@@ -431,7 +431,7 @@ const Menu = forwardRef<Omit<DropdownRef, 'open' | 'isOpen' | 'toggle'>, MenuPro
                 <span
                   aria-hidden
                   style={triangleStyles}
-                  className="bg-background absolute rotate-45 border-background-highlight border-t border-l"
+                  className="bg-background absolute rotate-45 border-background-highlight-secondary border-t border-l"
                 />
               )}
               {containerStyles && (

src-web/components/core/Editor/extensions.ts

@@ -101,7 +101,7 @@ export const baseExtensions = [
   dropCursor(),
   drawSelection(),
   autocompletion({
-    tooltipClass: () => 'x-theme-dialog',
+    tooltipClass: () => 'x-theme-menu',
     closeOnBlur: true, // Set to `false` for debugging in devtools without closing it
     compareCompletions: (a, b) => {
       // Don't sort completions at all, only on boost

src-web/components/core/Select.tsx

@@ -1,4 +1,5 @@
 import classNames from 'classnames';
+import type { CSSProperties } from 'react';
 
 interface Props<T extends string> {
   name: string;
@@ -75,9 +76,11 @@ export function Select<T extends string>({
   );
 }
 
-const selectBackgroundStyles = {
+const selectBackgroundStyles: CSSProperties = {
   backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`,
   backgroundPosition: 'right 0.3rem center',
   backgroundRepeat: 'no-repeat',
   backgroundSize: '1.5em 1.5em',
+  appearance: 'none',
+  printColorAdjust: 'exact',
 };