html.dark {
  --j-color-saturation: 50%;
  --j-color-subtractor: 108%;
  --j-color-multiplier: -1;
  --j-color-ui-saturation: 20%;
}

html.dark j-modal::part(modal) {
  box-shadow: 0px 0px 40px 20px
    hsla(var(--j-color-primary-hue), var(--j-color-saturation), 20%, 0.05);
}

html.dark j-tooltip::part(tooltip) {
  background: var(--j-color-ui-50);
  color: var(--j-color-black);
}

html.dark j-menu-item::part(base) {
  margin-top: var(--j-space-100);
  margin-left: var(--j-space-300);
  margin-right: var(--j-space-300);
  border-radius: 6px;
}