Dynamic Color Theme Switching

Posted by: ichioka.yuji on 17 August 2026, 3:48 am EST

    • Post Options:
    • Link

    Posted 17 August 2026, 3:48 am EST - Updated 17 August 2026, 3:53 am EST

    Hello,

    I am dynamically switching SpreadJS color themes (gc.spread.sheets.excel2016colorful.css, gc.spread.sheets.excel2016black.css) to support both light mode and dark mode. At the same time, I also switch the browser’s color-scheme setting accordingly. I am encountering an issue here.

    Here is a sample demo:

    index-color-theme.7z

    When the browser’s color-scheme is set to dark, the dropdown list in the Name Box becomes completely white, making its contents unreadable. Is there any recommended solution for this? Would it be appropriate to directly modify the Name Box’s styles?

  • Posted 17 August 2026, 5:23 am EST

    Hi Yuji,

    Thank you for providing the details.

    We were able to reproduce the behavior where the **Name Box dropdown becomes white, and its contents are unreadable when switched to use the SpreadJS dark mode CSS.

    We have escalated this to our development team for further investigation. We will get back to you as soon as we have any further information from them.

    Internal Tracking ID: SJS-35688

    We appreciate your patience in the meantime.

    Best regards,

    Chirag

  • Posted 20 August 2026, 6:27 am EST

    Hi Yuji,

    Thank you for your patience while our development team worked on the resolution of this issue.

    The mentioned issue has been resolved in SpreadJS v19.2.1. Therefore, we recommend you upgrade to this version to resolve the issue on your end.

    You may further refer to the attached sample that demonstrates the perfect working of the namebox dropdown while switching between themes (see below).

    Please let us know if you encounter any further issues or require additional assistance.

    Thanks & Regards,

    Chirag

    Attachment: indexColorTheme.zip

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels