Skip to content

Feature Request: Add option to set backgroundColor in light mode and dark mode separately. #99

@qwerzl

Description

@qwerzl

Hi there, first of all, thank you for your work!

It would be nice if it's possible to set the background color separately like as following:

const options = {
  bottom: '64px', // default: '32px'
  right: 'unset', // default: '32px'
  left: '32px', // default: 'unset'
  time: '0.5s', // default: '0.3s'
  mixColor: '#fff', // default: '#fff'
  backgroundColorDark: '#fff',  // default: '#fff'
  backgroundColorLight: '#000',
  buttonColorDark: '#100f2c',  // default: '#100f2c'
  buttonColorLight: '#fff', // default: '#fff'
  saveInCookies: false, // default: true,
  label: '🌓', // default: ''
  autoMatchOsTheme: true // default: true
}

In my specific case, I would like my website to be #000 in light mode, but when the darkmode is applied, the color #FFF is far too dark. It really affects the reading experience.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions