village-hall
/
opnform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: dark mode issues on form preview (#301) 

* fix: dark mode issues on form preview

* Fix darkmode issues

---------

Co-authored-by: Julien Nahum <julien@nahum.net>
This commit is contained in:
Favour Olayinka 2024-02-01 14:37:20 +01:00 committed by GitHub
parent 0da9b9270f
commit cfac87ff73
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/components/open/forms/OpenFormField.vue
View File

@ -230,7 +230,7 @@ export default {
classes += '-mx-4 px-4 -my-1 py-1 group/nffield relative transition-colors' classes += '-mx-4 px-4 -my-1 py-1 group/nffield relative transition-colors'
if (this.beingEdited) { if (this.beingEdited) {
classes += ' bg-blue-50 rounded-md' classes += ' bg-blue-50 dark:bg-gray-800 rounded-md'
} }
} }
return classes return classes

3
client/tailwind.config.js vendored
View File

@ -14,7 +14,8 @@ module.exports = {
{ {
pattern: /.*bg-(blue|gray|red|yellow|green).*/, pattern: /.*bg-(blue|gray|red|yellow|green).*/,
}, },
...['green', 'red', 'blue', 'yellow'].map((color) => ['bg-' + color + '-100', 'border-' + color + '-500']).flat() // Alerts ...['green', 'red', 'blue', 'yellow'].map((color) => ['bg-' + color + '-100', 'border-' + color + '-500']).flat(), // Alerts
...['dark:hover:bg-notion-dark-light']
], ],
darkMode: 'class', // or 'media' or 'class' darkMode: 'class', // or 'media' or 'class'
theme: { theme: {