drawio icon indicating copy to clipboard operation
drawio copied to clipboard

Grid color has no effect when Adaptive Colors is `None`

Open monokal opened this issue 3 months ago • 10 comments

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:

  1. Set Adaptive Colors to None
  2. 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.

monokal avatar Sep 29 '25 11:09 monokal

This works for me. Tested on Safari on iOS 26.0.1.

alderg avatar Oct 13 '25 11:10 alderg

This works for me. Tested on Safari on iOS 26.0.1.

OS: iOS (Desktop app)

monokal avatar Oct 14 '25 07:10 monokal

We have no desktop app for iOS.

alderg avatar Oct 14 '25 07:10 alderg

We have no desktop app for iOS.

Sorry, MacOS, not iOS. Derp.

monokal avatar Oct 14 '25 07:10 monokal

Works for me on macOS 26.0.1 and draw.io desktop v28.2.5.

alderg avatar Oct 14 '25 07:10 alderg

Any configuration for draw.io set? Anything non default in your OS or environment?

davidjgraph avatar Oct 14 '25 08:10 davidjgraph

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.

monokal avatar Oct 14 '25 10:10 monokal

When you click on Extras, Configuration, Preferences, what do you see for gridColor and darkGridColor?

Image

alderg avatar Oct 14 '25 10:10 alderg

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
}

monokal avatar Oct 17 '25 22:10 monokal

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",
Image

alderg avatar Oct 24 '25 08:10 alderg