Burger menu with dark mode for responsive web

I am trying to make a website with light and dark modes. On small screens I am using a hamburger menu. When I click outside the hamburger menu it closes, to indicate it I change the opacity and in the light mode it looks good but in the dark mode doing the same does not seem the best.

So the question is if there is any recommendation to implement a hamburger menu with dark mode, or what would it be the better approach.

Light mode:

Dark mode:

Dark mode (big screen):

Dark mode (white overlay):