Change color of Lines using Angles

Support
1

Is there a way to change the color of the lines when doing measurements with angles and such? The color green is extremely hard to read when doing angles with an X-Ray

What steps can we follow to reproduce the bug?

Using Angles or Lines for Measurement; Viewing color blends in with the X-Ray

Screenshot 2025-06-05 103211
Screenshot 2025-06-05 1032111425×756 117 KB

2

Thanks for your question @chanberg. You can change the various styling for various tools at various levels. I think everything you need is explained here. I hope this helps.

3

Could you by chance point me in the right direction and would you know which file i would need to edit?

I tried editing initCornerstoneTools.js and tried changing the style and color at various hierarchy levels, which worked but then i had errors of the angle annotation not showing up. Then I tried changing it at the app.config level using extensions which didn’t work at all.

ahhhhh

4

@chanberg, You might want to try something like this in say the onModeEnter for the longitudinal mode after the tool groups have been established here. This bit changes the length tool color and overall line dashing for the default tool group.

import { annotation as csAnnotation } from '@cornerstonejs/tools';

      const newStyles = {
        Length: {
          color: 'rgb(0, 0, 255)',
        },
        global: {
          lineDash: '2,3',
        },
      };

      csAnnotation.config.style.setToolGroupToolStyles('default', newStyles);

Of course this is just one place you could do it. And as the CS3D docs I sent suggest, there are many levels it could be done.