CSS Classes for following below :-

Posted by: averma on 13 August 2026, 4:27 am EST

  • Posted 13 August 2026, 4:27 am EST - Updated 13 August 2026, 4:33 am EST

    Hi there,

    we are applying dark mode to our spreadjs app, so we wanted to knwow the classes of following:-

    1. the arrow icon on top left corner
    2. intersection of both vertical and horizontal scrollbars.

  • Posted 13 August 2026, 8:19 am EST

    Hi,

    Regarding the two areas you mentioned, we have checked the SpreadJS styles and identified the CSS classes responsible for these UI elements:

    Arrow icon / top-left corner triangle

    .gc-corner-triangle-normal
    .gc-corner-triangle-hover
    .gc-corner-triangle-selected

    Intersection of the vertical and horizontal scrollbars

    .gc-footer-corner

    You can override these classes in your application CSS to customize their appearance for dark mode.

    For example:

    .gc-corner-triangle-normal {
      /* Customize the normal state */
    }
    
    .gc-corner-triangle-hover {
      /* Customize the hover state */
    }
    
    .gc-corner-triangle-selected {
      /* Customize the selected state */
    }
    
    .gc-footer-corner {
      /* Customize the scrollbar intersection */
    }

    Best regards,

    Priyam

Need extra support?

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

Learn More

Forum Channels