alfresco-content-app/projects/aca-content/src/lib/ui/overrides/ay11.scss

@mixin ay11-theme() {
  .mat-icon-button, .mat-button, .mat-checkbox, .mat-raised-button {
    &:focus-visible {
      @include rounded-outline;
    }

    .mat-ripple-element {
      display: none;
    }

    &.cdk-keyboard-focused {
      .mat-button-focus-overlay {
        display: none;
      }

      .mat-checkbox-ripple {
        @include rounded-outline;

        height: 22px;
        width: 22px;
        left: calc(50% - 11px);
        top: calc(50% - 11px);
      }
    }
  }

  .adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected > svg {
    fill: var(--theme-blue-button-color) !important;
  }

  .mat-list-base .mat-list-option {
    .mat-list-item-content {
      @include rounded-border(transparent);
    }

    &:focus-visible {
      background-color: white;

      .mat-list-item-content {
        @include rounded-border;
      }
    }
  }

  .acs-close-members-container {
    .mat-icon-button {
      outline: none;
      line-height: 36px !important;

      @include rounded-border(transparent);

      &:focus-visible {
        @include rounded-border;
      }
    }
  }

  .adf-search-user-button, .app-search-button {
    line-height: 36px !important;

    @include rounded-border(transparent);

    &:focus-visible {
      outline: none;

      @include rounded-border;
    }
  }

  .mat-menu-item {
    .mat-menu-ripple {
      display: none;
    }

    @include rounded-border(transparent);

    &:focus-visible {
      @include rounded-border;

      background-color: white;
    }

    &.cdk-keyboard-focused:not([disabled]) {
      background-color: white;
    }
  }

  .adf-toolbar-title {
    padding: 2px;
  }

  .mat-option {
    &.cdk-keyboard-focused {
      .mat-option-ripple {
        @include rounded-outline;
      }
    }
  }

  .mat-slide-toggle {
    .mat-slide-toggle-thumb {
      width: 15px;
      height: 15px;
      transform: translate(20%, 50%);
      background-color: #484a4d;
    }

    .mat-slide-toggle-bar {
      border-radius: 15px;
      height: 20px;
    }

    .mat-slide-toggle-thumb-container {
      top: -5px;
    }

    .mat-slide-toggle-ripple {
      display: none;
    }

    &.cdk-keyboard-focused {
      .mat-slide-toggle-bar {
        outline: 2px solid var(--theme-blue-button-color);
      }
    }

    &.mat-primary.mat-checked:not(.mat-disabled) {
      .mat-slide-toggle-bar {
        background-color: var(--theme-blue-button-color);
      }

      .mat-slide-toggle-thumb {
        background-color: white;
      }
    }
  }

  .mat-stroked-button, .mat-flat-button {
    &.cdk-keyboard-focused {
      .mat-button-ripple.mat-ripple {
        outline: 2px solid var(--theme-blue-button-color);
        top: -4px;
        left: -4px;
        bottom: -4px;
        right: -4px;
      }
    }
  }

  .mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content {
    outline: 2px solid var(--theme-datetimepicker-cell-focus-border);
  }

  .mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content:not(.mat-datetimepicker-calendar-body-selected) {
    background-color: var(--theme-datetimepicker-cell-background) !important;
  }

  .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected {
    background-color: var(--theme-datetimepicker-selected-date-background);
  }

  .mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected {
    background-color: var(--theme-datetimepicker-cell-focus-background);
    color: var(--theme-datetimepicker-font-color);
  }

  .mat-expansion-panel .mat-expansion-panel-header {
    border: 2px solid transparent;

    .mat-button {
      outline: none;

      @include rounded-border(transparent);

      &:focus-visible {
        @include rounded-border;

        background-color: white;
      }
    }

    &.cdk-keyboard-focused:not([aria-disabled="true"]) {
      background-color: white;

      @include rounded-border;
    }
  }

  .adf-error-snackbar {
    background-color: #ba1b1b;

    .mat-simple-snackbar, .mat-simple-snackbar-action {
      color: white;
    }
  }

  .adf-info-snackbar {
    background-color: var(--theme-blue-button-color);

    .mat-simple-snackbar, .mat-simple-snackbar-action {
      color: white;
    }
  }

  .adf-filter-button {
    margin-left: -2px !important;
  }

  .adf-pagination {
    &__perpage-block,
    &__actualinfo-block {
      /* stylelint-disable-next-line no-descending-specificity */
      .mat-icon-button {
        left: 3px;

        &:focus-visible {
          outline: none;
        }

        &.cdk-keyboard-focused {
          .mat-icon {
            @include rounded-outline;
          }
        }
      }
    }
  }
}