Through Settings > Appearance > Website Appearance, you can choose to display all websites in dark mode all the time. Even if a website hasn’t provided a dark option for their website, you can have Vivaldi create it for them by forcing dark mode to be used. But occasionally even dark mode lovers need to turn on the lights temporarily. That’s where shortcuts come in handy.

To toggle dark mode on and off with shortcuts:

Quick Commands

1. Open Quick Commands.
2. Type “Toggle Force a dark mode on all websites’.
3. Press “Enter”.

For the following you first need to create the shortcut.

Keyboard Shortcuts

1. Go to Settings > Keyboard > View.
2. Find “Toggle Force a dark mode on all websites’.
3. Focus on the input field next to it and press the key combination you want to use as the shortcut.

Mouse Gestures

1. Go to Settings > Mouse > Gesture Mapping.
2. Click on “New Gesture: and find “Toggle Force a dark mode on all websites”.
3. Click “Next”.
4. While holding down the left mouse buttton, draw the gesture in the red box.
5. Click “Save Gesture”

Toolbar button

1. Go to Settings > Quick Commands > Command Chains.
2. Click on “Add Command Chain”.
3. Give the chain a name.
4. For Command 1 select “Toggle Force a dark mode on all websites”.
5. Go to Vivaldi menu > View > Customize Toolbar.
6. Select Command Chains from the dropdown menu.
7. Drag the new chain to a toolbar of your choice.

Context menu

1. Go to Settings > Appearance > Menu.
2. Select the menu you want to add the command to. For example Web Page > Page.
3. From the Commands menu, search for “Toggle Force a dark mode on all websites”.
4. Drag it to the Content column on the right.

Use the newly created shortcuts whenever you want to switch between light and dark mode.