_smp-all-themes.scss

// class contains links to all DomiSMP scss files for updating the theme (useful when building application with multiple themes )

@use '_smp-theme-helper' as smp;
@use 'app/window/toolbar/_toolbar.component-theme' as toolbar;
@use 'app/window/breadcrumb/breadcrumb-item/_breadcrumb-item.component-theme' as breadcrumb-item;
@use 'app/window/sidenav/nav-tree/_nav-tree.component-theme' as nav-tree;
@use 'app/common/search-table/_search-table.component-theme' as search-table;
@use 'app/user-settings/user-access-tokens/access-token-panel/_access-token-panel.component-theme' as access-token-panel;
@use 'app/common/panels/expandable-panel-component/expandable-panel.component' as expandable-panel;

@mixin all-component-colors($theme) {
  @include toolbar.set-component-colors($theme);
  @include breadcrumb-item.set-component-colors($theme);
  @include nav-tree.set-component-colors($theme);
  @include search-table.set-component-colors($theme);
  @include access-token-panel.set-component-colors($theme);
  @include expandable-panel.set-component-colors($theme);
  /* shared classes*/


  .datatable-row-odd {
    background-color: smp.get-theme-color($theme, primary, 50, 0.2) !important;
  }

  .datatable-row-error {
    font-weight: bold;
    color: smp.get-theme-color($theme, warn, 500) !important;
  }

  .datatable-row-selected {
    background-color: smp.get-theme-color($theme, primary, 600) !important;
  }

  .mat-mdc-row:hover .mat-mdc-cell {
    border-color: currentColor;
    background-color: smp.get-theme-color($theme, primary, 300);
  }

  .mat-mdc-table .mat-mdc-header-cell {
    padding:2px 5px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    background-color: smp.get-theme-color($theme, primary, 200, 1) !important;
    text-align: center;
  }

  .smp-field-error {
    color: smp.get-theme-color($theme, warn, 500) !important;
    font-size: 70%;
  }

  .error-data-panel {
    color: smp.get-theme-color($theme, warn, 500 -contrast) !important;
    background-color: smp.get-theme-color($theme, warn, 500) !important;
  }

  .alert-error {
    background-color: #f44336;
  }
  .alert-success {
    background-color: #4CAF50;
  }
  .alert-info {
    background-color: #2196F3;
  }
  .alert-warning {
    background-color: #ff9800;
  }

}