Oruga with theme-bulma

[learntheropes]

I'm using oruga with theme-bulma in a Nuxt3 project.

I just found out the bulma-prefers-dark extension for Bulma.

It works very nicely, however the changes do not apply to Oruga components (that are styled by Bulma).

How can I archive a better result?

My .scss file:

@import 'assets/scss/custom';
@import '@oruga-ui/oruga-next/src/scss/oruga-full-vars';
@import 'bulma/sass/utilities/_all';
@import 'bulma/bulma.sass';
@import '@oruga-ui/theme-bulma/dist/scss/bulma';
@import 'bulma-prefers-dark/bulma-prefers-dark.sass';
@import 'assets/scss/classes';

A reproduction of my project, without this extension, is here.