Grid color has no effect when Adaptive Colors is `None`
Preflight Checklist
- [x ] I agree to follow the Code of Conduct that this project adheres to.
- [ x] I have searched the issue tracker for a feature request that matches the one I want to file, without success.
You must search the issue tracker and agree to the code of conduct. You must fill in this entire template. If you delete part/all or miss parts out your issue will be closed.
If you are technical, you should report bugs along the lines of https://marker.io/blog/how-to-write-bug-report. If you are not technical, we will make allowances, please try to make an effort to understand the process.
Describe the bug
Grid color has no effect when Adaptive Colors is set to None
To Reproduce Steps to reproduce the behavior:
- Set Adaptive Colors to None
- Try to change the Grid color
Expected behavior The Grid color reflects the selected color.
Screenshots If applicable, add screenshots to help explain your problem.
draw.io version (In the Help->About menu of the draw.io editor):
- draw.io version 28.1.2
Desktop (please complete the following information):
- OS: MacOS (Desktop app)
Additional context In my opinion, Adaptive Colors should be opt-in as a feature. The overall interface and UX is now far worse for people who just want to create a simple WYSIWYG diagram.
This works for me. Tested on Safari on iOS 26.0.1.
This works for me. Tested on Safari on iOS 26.0.1.
OS: iOS (Desktop app)
We have no desktop app for iOS.
We have no desktop app for iOS.
Sorry, MacOS, not iOS. Derp.
Works for me on macOS 26.0.1 and draw.io desktop v28.2.5.
Any configuration for draw.io set? Anything non default in your OS or environment?
Any configuration for draw.io set? Anything non default in your OS or environment?
Nope, pretty vanilla. Just download the app, create a new diagram, and reproduce as above.
When you click on Extras, Configuration, Preferences, what do you see for gridColor and darkGridColor?
When you click on Extras, Configuration, Preferences, what do you see for gridColor and darkGridColor?
Full thing, for completeness:
{
"language": "",
"configVersion": null,
"customFonts": [
{
"name": "Glass_TTY_VT220"
},
{
"name": "Comfortaa",
"url": "https://fonts.googleapis.com/css?family=Comfortaa"
},
{
"name": "ubuntu"
},
{
"name": "rubber"
}
],
"libraries": "general;basic;arrows2;flowchart;aws3;aws4;mscae;kubernetes;office;rack;sap;infographic",
"customLibraries": [
"L.scratchpad"
],
"plugins": [],
"recentColors": [
"light-dark(#738AE7,#FFFFFF)",
"light-dark(#738AE7,#FFCC01)",
"light-dark(#0050EF,#121212)",
"738AE7",
"light-dark(#FFFFFF,#FFFFFF)",
"light-dark(#738AE7,#738AE7)",
"light-dark(#FFFF00,#FFFFFF)",
"0D0D0D",
"000000",
"1BA1E2",
"0050EF"
],
"formatWidth": 240,
"createTarget": false,
"pageFormat": {
"x": 0,
"y": 0,
"width": 1650,
"height": 825
},
"search": true,
"showStartScreen": true,
"gridColor": "light-dark(light-dark(#d0d0d0, light-dark(light-dark(light-dark(#d0d0d0, #1F1F21), #1F1F21), #1F1F21)), light-dark(light-dark(light-dark(#d0d0d0, #1F1F21), #1F1F21), #1F1F21))",
"darkGridColor": "light-dark(light-dark(light-dark(#d0d0d0, #1F1F21), #1F1F21), #1F1F21)",
"autosave": true,
"resizeImages": null,
"openCounter": 167,
"version": 18,
"unit": 1,
"isRulerOn": false,
"ui": "dark",
"darkMode": true,
"sketchMode": false
}
We'll add handling for this problem in the next release. As a workaround, just replace the lines for gridColor and darkGridColor with the following:
"gridColor": "#d0d0d0",
"darkGridColor": "#424242",