Open Adit-COCO-Garg opened 4 years ago
Hi,
You can actually do it with those settings:
var options = {
bottom: '64px', // default: '32px'
right: 'unset', // default: '32px'
left: '32px', // default: 'unset'
time: '0.5s', // default: '0.3s'
mixColor: '#fff', // default: '#fff'
backgroundColor: '#fff', // default: '#fff'
buttonColorDark: '#100f2c', // default: '#100f2c'
buttonColorLight: '#fff', // default: '#fff'
saveInCookies: false, // default: true,
label: '🌓', // default: ''
autoMatchOsTheme: true // default: true
}
So what's happening here is that your base color - backgroundColor
is being modified by the CSS blend mix. If I am using complex layouts and dynamic content delivery it becomes really difficult to manage ignoring appropriate modules as they constantly change and it messes up with images it turns them into negatives.
A future implementation could include being able to define a background color for both light and dark and find a way to not break layouts when trying to ignore certain modules of your document.
Is there any way to configure the dark background color as something that's not black? (Like #ff2d2d30
) I would like to use something similar as the Visual Studio Code dark theme background color, but I did not manage this with darkmode-js.
Add the ability to pass in background color for dark mode and light mode. There seems to be little to no documentation on the methods or properties.