Files
weave-scope/client/app/styles/contrast.less
David Kaltschmidt 531068179c High contrast mode switch
* added button to the bottom right to switch to higher contrast,
* suitable for projectors
* increased contrast between background and text colors
* thicker strokes around chart elements
* ensure yellow details panel backgrounds are darker
2016-02-15 16:20:40 +00:00

32 lines
1002 B
Plaintext

@import "main";
@background-color: lighten(@primary-color, 75%);
@background-lighter-color: lighten(@background-color, 10%);
@background-darker-color: darken(@background-color, 20%);
@background-darker-secondary-color: darken(@background-color, 15%);
@background-dark-color: @primary-color;
@text-color: darken(@primary-color, 20%);
@text-secondary-color: lighten(@text-color, 10%);
@text-tertiary-color: lighten(@text-color, 20%);
@border-light-color: lighten(@text-color, 50%);
@text-darker-color: darken(@text-color, 20%);
@white: @background-lighter-color;
@node-opacity-blurred: 0.6;
@node-highlight-fill-opacity: 0.3;
@node-highlight-stroke-opacity: 0.5;
@node-highlight-stroke-width: 3px;
@node-border-stroke-width: 6px;
@node-pseudo-border-stroke-width: 2px;
@node-pseudo-opacity: 1;
@edge-highlight-opacity: 0.3;
@edge-opacity-blurred: 0;
@edge-opacity: 0.5;
@edge-link-stroke-width: 3px;
@btn-opacity-default: 1;
@btn-opacity-hover: 1;
@btn-opacity-selected: 1;
@link-opacity-default: 1;