variables.less

// variable
@base-color: #000000;
@background-color: #ffffff;
@primary-color: #7f7f7f;
@secondary-color: #1f77b4;
@primary-color-hover: gold;
@secondary-color-hover: mix(@secondary-color,@primary-color-hover, 25%);


/* category */
@category-initial: @secondary-color;
@category-icon: @primary-color;
@category-icon-hover: @primary-color-hover;
@category-icon-selected: @secondary-color;
@category-icon-selected-hover: mix(@category-icon-selected,@category-icon-hover, 25%);

/* map */
@map-initial: @secondary-color;
@map-initial-hover: mix(@secondary-color,@primary-color-hover, 25%);
@map-border-initial: transparent;
@map-border-initial-hover: mix(@secondary-color,@primary-color-hover, 25%);


/* result */
@result-category-icon: @category-initial;
@result-category-icon-hover: @category-icon-selected-hover;

// charts (last modification und date)
@chart-selected: @secondary-color;
@chart-deselected: @primary-color;

//when set to true, both charts will be rendered without y axes
@hide-time-y-axis: false;
@hide-lastMod-y-axis: false;

// granularity

@granularity-selected-hover: mix(@secondary-color,@primary-color-hover, 25%);

@base-margin: 10px;

@bubble-base-size: 50px;
@granularity-number-width: 24px;
@granularity-number-height: 20px;

@granularity-title-maxwidth: 90px;

@granularity-vertical-height: 310px;
@granularity-horizontal-width: 250px;

@granularity-width: @granularity-title-maxwidth + 5*@bubble-base-size;

@fontfamily-monospace: 'monospace';