knsv/mermaid

Function updateColors has 201 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  updateColors() {
    /* Color Scale */
    /* Each color-set will have a background, a foreground and a border color */

    this.cScale0 = this.cScale0 || this.primaryColor;

File theme-default.js has 323 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { invert, lighten, rgba, adjust, darken, isDark } from 'khroma';
import { mkBorder } from './theme-helpers.js';
import {
  oldAttributeBackgroundColorEven,
  oldAttributeBackgroundColorOdd,

Function constructor has 91 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  constructor() {
    /* Base variables */
    this.background = '#f4f4f4';
    this.primaryColor = '#ECECFF';

Identical blocks of code found in 3 locations. Consider refactoring.

Open

    if (this.darkMode) {
      this.git0 = lighten(this.git0, 25);
      this.git1 = lighten(this.git1, 25);
      this.git2 = lighten(this.git2, 25);
      this.git3 = lighten(this.git3, 25);

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    this.xyChart = {
      backgroundColor: this.xyChart?.backgroundColor || this.background,
      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,

• Read up
  Read up

Identical blocks of code found in 5 locations. Consider refactoring.

Open

  calculate(overrides) {
    if (typeof overrides !== 'object') {
      // Calculate colors form base colors
      this.updateColors();
      return;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
      // Setup the peer color for the set, useful for borders
      this['cScale' + i] = darken(this['cScale' + i], 10);
      this['cScalePeer' + i] = this['cScalePeer' + i] || darken(this['cScale' + i], 25);
    }

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

      for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
        this['cScaleLabel' + i] = this['cScaleLabel' + i] || this.labelTextColor;
      }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      this['surfacePeer' + i] =
        this['surfacePeer' + i] || adjust(this.mainBkg, { h: 30, l: -(7 + i * 5) });

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      this['surface' + i] = this['surface' + i] || adjust(this.mainBkg, { h: 30, l: -(5 + i * 5) });

• Read up
  Read up

Similar blocks of code found in 15 locations. Consider refactoring.

Open

    this.quadrant2TextFill =
      this.quadrant2TextFill || adjust(this.primaryTextColor, { r: -5, g: -5, b: -5 });

• Read up
  Read up

Similar blocks of code found in 15 locations. Consider refactoring.

Open

    this.quadrant3TextFill =
      this.quadrant3TextFill || adjust(this.primaryTextColor, { r: -10, g: -10, b: -10 });

• Read up
  Read up

Similar blocks of code found in 15 locations. Consider refactoring.

Open

    this.quadrant4TextFill =
      this.quadrant4TextFill || adjust(this.primaryTextColor, { r: -15, g: -15, b: -15 });

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
      this['cScaleInv' + i] = this['cScaleInv' + i] || adjust(this['cScale' + i], { h: 180 });
    }

• Read up
  Read up

Identical blocks of code found in 5 locations. Consider refactoring.

Open

    this.quadrantPointFill =
      this.quadrantPointFill || isDark(this.quadrant1Fill)
        ? lighten(this.quadrant1Fill)
        : darken(this.quadrant1Fill);

• Read up
  Read up