Warning, /firebird/firebird-ng/src/styles.scss is written in an unsupported language. File is not indexed.
0001 @use '@angular/material' as mat;
0002 @use '@angular/cdk';
0003
0004
0005
0006 html {
0007 color-scheme: light dark;
0008 @include mat.theme((
0009 color: (
0010 primary: mat.$blue-palette
0011 //primary: mat.$violet-palette,
0012 //tertiary: mat.$rose-palette,
0013 ),
0014 typography: Roboto,
0015 density: 0,
0016 ));
0017
0018 @include cdk.a11y-visually-hidden();
0019 }
0020
0021 html, body { height: 100%; }
0022 body {
0023 margin: 0;
0024 background-color: var(--mat-sys-surface);
0025 color: var(--mat-sys-on-surface);
0026 }
0027
0028 /* In styles.scss, at the end of the file */
0029 .cdk-overlay-container, .cdk-overlay-pane {
0030 z-index: 10000 !important;
0031 }
0032
0033
0034 /* For pages content which has to stay fixed width, like config */
0035 .fixed-width-page-content {
0036 margin: 0 auto; // Centers the container horizontally
0037 padding: 16px; // Some padding for smaller screens
0038 width: 100%; // Full width by default
0039 max-width: 1200px; // Maximum width on large displays (adjust as needed)
0040 }
0041
0042 /* Used for all icon based buttons on button panels on header and footer. They are elevated */
0043 .panel-button {
0044 //background-color: var(--mat-sys-surface-container-low);
0045 background-color: var(--mat-sys-surface-container-low);
0046 box-shadow: var(--mat-sys-level2);
0047 align-content: center;
0048 margin-left: 3px;
0049 margin-right: 3px;
0050 }
0051
0052 /* . The .mat-mdc-icon-button styles, which are part of Angular Material's styling for icon buttons,
0053 have higher specificity than .panel-button class.
0054 This means the Material styles are overriding .panel-button background color setting.
0055 So we create a more specific selector that targets these buttons
0056 */
0057 .panel-button.mat-mdc-icon-button {
0058 background-color: var(--mat-sys-surface-container-low)!important;
0059 box-shadow: var(--mat-sys-level2)!important;
0060 }
