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

/* stylelint-disable selector-class-pattern */
@use '@angular/material' as mat;
@import '@alfresco/adf-core/theming';
@import 'custom-theme';
@import 'variables/variables';
@include custom-theme($custom-theme);
@include mat.core;

mat-toolbar {
  color: var(--adf-theme-foreground-text-color-054);
}

mat-icon {
  vertical-align: middle;
}

.adf-name-location-cell-location.adf-datatable-cell-value {
  color: var(--theme-secondary-text);
}

.mat-mdc-button > .mat-icon {
  padding: 0;
}

.mdc-button {
  &.mat-primary {
    .mdc-button__label {
      font-weight: 700;
    }
  }
}

.mdc-button:active {
  outline: none;
}

.mat-mdc-form-field-error-wrapper:is(div) {
  padding: 0;
  font-size: 10px;

  .mat-mdc-form-field-error {
    position: relative;
    top: -3px;
  }
}

.mat-mdc-checkbox {
  .mdc-form-field {
    height: 24px;

    .mdc-checkbox {
      padding: 0;
      margin-right: 2px;

      input {
        height: 24px;
        width: 24px;
        position: relative;
      }

      .mdc-checkbox__background {
        top: 1px;
        left: 0;
        height: 16px;
        width: 16px;
      }
    }
  }

  .mat-mdc-checkbox-touch-target {
    height: 24px;
    width: 24px;
  }
}

.mdc-switch:is(button).mdc-switch--selected.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle::after {
  background-color: transparent;
}

.mat-mdc-slide-toggle:is(mat-slide-toggle) .mdc-switch:enabled .mdc-switch__track::after {
  background-color: var(--theme-blue-button-color);
}

mat-slide-toggle {
  .mdc-switch__icons {
    display: none;
  }

  .mdc-switch--unselected.mdc-switch:enabled .mdc-switch__track::before,
  .mdc-switch--unselected.mdc-switch:enabled:active .mdc-switch__track::before,
  .mdc-switch--unselected.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before,
  .mdc-switch--unselected.mdc-switch:enabled:hover:not(:focus:active) .mdc-switch__track::before {
    background: var(--adf-theme-foreground-disabled-text-color);
  }
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
  padding: 0;
}

.mat-mdc-tab-list {
  .mat-mdc-tab-labels {
    .mdc-tab--active {
      color: #212121;
    }
  }
}

.mdc-list-item__primary-text {
  color: var(--adf-theme-foreground-text-color-087);
}

.mat-mdc-button:is(button):not(.mat-calendar-period-button),
.mat-mdc-icon-button:is(button),
.mat-mdc-icon-button.mat-mdc-button-base:is(button) {
  padding: 0;
  height: 40px;
  width: 40px;

  .mat-mdc-button-touch-target {
    display: none;
  }
}

.mdc-dialog {
  .mdc-dialog__title {
    margin-bottom: 20px;
    padding: 0;

    &::before {
      height: unset;
    }
  }

  .mat-mdc-dialog-actions {
    padding: 8px 0;
  }

  .mat-mdc-slide-toggle .mdc-form-field {
    width: 36px;
  }

  .mdc-data-table__row:last-child .mdc-data-table__cell {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .mdc-dialog__content {
    padding: 16px 0;
    color: var(--adf-theme-foreground-text-color-087);

    --mdc-dialog-supporting-text-color: var(--theme-primary-text);
  }

  .mdc-dialog__surface {
    padding: 24px 24px 8px;

    .mat-mdc-button {
      width: auto;

      .mdc-button__label {
        padding: 0 16px;
      }
    }
  }
}

.mat-mdc-checkbox .mdc-checkbox:has(div) {
  padding-right: 2px;
}

.mdc-floating-label,
.mat-mdc-tab-list .mat-mdc-tab-labels .mdc-tab,
.mat-mdc-checkbox label,
mat-toolbar.mat-toolbar.mat-toolbar-multiple-row,
mat-toolbar.mat-toolbar.mat-toolbar-single-row {
  color: var(--theme-secondary-text);
  opacity: 1;
}

.adf-upload-dialog {
  &__header,
  &__content {
    color: var(--theme-secondary-text);
  }
}

.adf-version-list {
  .adf-version-list-item {
    &-comment,
    &-date {
      color: var(--theme-secondary-text);
      opacity: 1;
    }
  }
}

.adf-property-field {
  .adf-textitem-edit-icon.mat-icon {
    color: var(--theme-secondary-text);
  }
}

.adf-property-field.adf-card-textitem-field:hover .adf-property-clear-value {
  color: var(--theme-secondary-text);
}

.adf-empty-content__icon {
  color: var(--theme-secondary-text);
}

mat-snack-bar-container {
  .mat-mdc-button.mat-unthemed {
    --mdc-text-button-label-text-color: #fff;
  }
}

.adf-warning-snackbar,
.adf-info-snackbar,
.adf-error-snackbar {
  --mat-mdc-snack-bar-button-color: #fff;
  --mdc-snackbar-supporting-text-color: #fff;
  --mdc-text-button-label-text-color: #fff;
}

.adf-warning-snackbar {
  --mdc-snackbar-container-color: var(--theme-accent-color);
}

.adf-info-snackbar {
  --mdc-snackbar-container-color: var(--theme-primary-color);
}

.adf-error-snackbar {
  --mdc-snackbar-container-color: var(--theme-warn-color);
}