private updateVisualStyleConfigs()

in src/VisualMain.ts [295:331]


  private updateVisualStyleConfigs() {
    this.$element.toggleClass(
      "enable-flipping",
      this.settings.flipState.show &&
        ((this.dataView !== undefined &&
          // looking at back with front defined
          (this.settings.flipState.cardFaceDefault ===
            constants.CARD_FACE_METADATA &&
            (utils.findColumn(this.dataView, constants.SUMMARY_FIELD) !==
              undefined ||
              utils.findColumn(this.dataView, constants.IMAGE_FIELD) !==
                undefined ||
              utils.findColumn(this.dataView, constants.CONTENT_FIELD) !==
                undefined))) ||
          // looking at front with back defined
          (this.settings.flipState.cardFaceDefault ===
            constants.CARD_FACE_PREVIEW &&
            utils.hasColumns(this.dataView, constants.METADATA_FIELDS)))
    );

    this.hideRedundantInfo();

    const headerHSL = utils.convertToHSL(
      this.settings.reader.headerBackgroundColor.solid.color
    );
    this.$container.toggleClass("lightButton", headerHSL[2] < 0.5);
    this.$container.toggleClass(
      "uncropped",
      !this.settings.presentation.cropImages
    );
    this.$container.toggleClass(
      "disable-fade",
      !this.settings.presentation.fade
    );

    this.updateFlipButton();
  }