import { css } from 'styled-components';

export const menuDarkMode = css`
  --menu-content-color: var(--text-color-secondary); // @presenter Color
  --menu-content-title-color: var(--text-color-secondary); // @presenter Color
  --menu-content-color-active: var(--text-color-primary); // @presenter Color
  --menu-content-color-disabled: var(--text-color-disabled); // @presenter Color

  --menu-item-bg-color-active: var(--color-primary-bg, var(--menu-item-bg-color-active-legacy)); // @presenter Color

  --menu-item-border-color-hover: color-mix(in srgb, var(--color-black) 8%, transparent); // @presenter Color
`;