mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
28bdab1146
* Bump stylelint from 13.13.1 to 14.2.0 Bumps [stylelint](https://github.com/stylelint/stylelint) from 13.13.1 to 14.2.0. - [Release notes](https://github.com/stylelint/stylelint/releases) - [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md) - [Commits](https://github.com/stylelint/stylelint/compare/13.13.1...14.2.0) --- updated-dependencies: - dependency-name: stylelint dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> * upgrade to newest stylelint * fix style issues * fix color function rules to match old Angular * rollback modern color func Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Denys Vuika <denys.vuika@gmail.com>
113 lines
5.8 KiB
SCSS
113 lines
5.8 KiB
SCSS
/* stylelint-disable value-keyword-case */
|
|
/* stylelint-disable value-list-max-empty-lines */
|
|
/* stylelint-disable scss/no-global-function-names */
|
|
/* stylelint-disable scss/at-import-partial-extension */
|
|
@import './default-class';
|
|
@import './theming';
|
|
@import '../form/components/widgets/form.theme';
|
|
@import '../clipboard/clipboard.theme';
|
|
@import './snackbar.theme';
|
|
@import './material.theme';
|
|
@import '~@mat-datetimepicker/core/datetimepicker/datetimepicker-theme';
|
|
|
|
@mixin alfresco-material-theme($theme) {
|
|
@include adf-core-theme($theme);
|
|
}
|
|
|
|
@mixin adf-core-theme($theme) {
|
|
$foreground: map-get($theme, foreground);
|
|
$background: map-get($theme, background);
|
|
$warn: map-get($theme, warn);
|
|
$accent: map-get($theme, accent);
|
|
$primary: map-get($theme, primary);
|
|
|
|
// map SCSS variables to expose as CSS variables
|
|
$defaults: (
|
|
// material colors
|
|
--theme-primary-color: mat-color($primary),
|
|
--theme-primary-color-default-contrast: mat-color($primary, default-contrast),
|
|
--theme-warn-color: mat-color($warn),
|
|
--theme-warn-color-default-contrast: mat-color($warn, default-contrast),
|
|
--theme-accent-color: mat-color($accent),
|
|
--theme-accent-color-a200: mat-color($accent, A200),
|
|
--theme-accent-color-default-contrast: mat-color($accent, default-contrast),
|
|
|
|
// component themes
|
|
--adf-snackbar-error-bg-color: mat-color($warn),
|
|
--adf-snackbar-error-action-color: white,
|
|
--adf-snackbar-warning-bg-color: mat-color($accent),
|
|
--adf-snackbar-warning-action-color: white,
|
|
--adf-snackbar-info-bg-color: mat-color($primary),
|
|
--adf-snackbar-info-action-color: white,
|
|
--adf-breadcrumb-item-active-color: mat-color($foreground, text, 0.87),
|
|
--adf-breadcrumb-item-active-hover-color: mat-color($foreground, text, 0.64),
|
|
--adf-node-selector-icon-color: mat-color($foreground, icon, 0.54),
|
|
--adf-node-selector-base-color: mat-color($foreground, base, 0.45),
|
|
--adf-node-selector-base-bold-color: mat-color($foreground, base, 0.65),
|
|
--adf-datatable-cell-link-hover-color: mat-color($accent, 500),
|
|
--adf-datatable-selected-color: mat-color($primary, 100),
|
|
--adf-user-info-color: mat-color($primary, 300),
|
|
--adf-comment-list-primary-color: mat-color($primary, 100),
|
|
--adf-comment-list-ripple-color: mat-color($primary, 300),
|
|
--adf-search-input-bg-color: mat-color($primary, 50),
|
|
--adf-search-input-highlight-color: mat-color($primary, 900),
|
|
--adf-tooltip-card-color: mat-color($foreground, text, 0.75),
|
|
--adf-card-view-text-color: mat-color($foreground, text, 0.25),
|
|
--adf-card-view-label-color: mat-color($foreground, text, 0.4),
|
|
--adf-card-view-datetime-border-color: mat-color($foreground, text, 0.42),
|
|
--adf-upload-border-color: mat-color($foreground, text, 0.14),
|
|
--adf-header-background-color: mat-color($primary),
|
|
--adf-header-text-color: mat-color($primary, default-contrast),
|
|
|
|
--theme-hover-bg-color: mat-color($background, hover),
|
|
--theme-text-color: mat-color($foreground, text, 0.54),
|
|
--theme-text-bold-color: mat-color($foreground, text, 0.87),
|
|
--theme-background-color: mat-color($background, background),
|
|
--theme-text-fg-color: mat-color($foreground, text),
|
|
--theme-text-fg-shadow-color: mat-color($foreground, text, 0.27),
|
|
--theme-border-color: mat-color($foreground, text, 0.07),
|
|
--theme-card-bg-color: mat-color($background, card),
|
|
--theme-card-bg-bold-color: mat-color($background, card, 0.87),
|
|
--theme-foreground-text-color: mat-color($foreground, text, 0.72),
|
|
--theme-secondary-text-color: mat-color($foreground, secondary-text),
|
|
--theme-dialog-bg-color: mat-color($background, dialog),
|
|
--theme-bg-hover-color: mat-color($background, hover),
|
|
--theme-fg-base-color: mat-color($foreground, base),
|
|
--theme-fg-divider: mat-color($foreground, divider),
|
|
--theme-disabled-text-color: mat-color($foreground, disabled-text),
|
|
--theme-selected-button-bg-color: mat-color($background, selected-button),
|
|
--theme-icon-fg-color: mat-color($foreground, icon),
|
|
--theme-unselected-chip-bg-color: mat-color($background, unselected-chip),
|
|
--theme-status-bar-bg-color: mat-color($background, status-bar),
|
|
// fonts
|
|
--theme-font-family: mat-font-family($alfresco-typography),
|
|
--theme-body-1-font-size: mat-font-size($alfresco-typography, body-1),
|
|
--theme-body-2-font-size: mat-font-size($alfresco-typography, body-2),
|
|
--theme-body-1-line-height: mat-line-height($alfresco-typography, body-1),
|
|
--theme-display-1-font-size: mat-font-size($alfresco-typography, display-1),
|
|
--theme-display-3-font-size: mat-font-size($alfresco-typography, display-3),
|
|
--theme-display-4-font-size: mat-font-size($alfresco-typography, display-4),
|
|
--theme-caption-font-size: mat-font-size($alfresco-typography, caption),
|
|
--theme-title-font-size: mat-font-size($alfresco-typography, title),
|
|
--theme-subheading-2-font-size: mat-font-size($alfresco-typography, subheading-2),
|
|
--theme-button-font-size: mat-font-size($alfresco-typography, button),
|
|
--theme-headline-line-height: mat-line-height($alfresco-typography, headline),
|
|
|
|
// specific colors
|
|
--theme-colors-mat-grey: mat-color($mat-grey, A200),
|
|
--theme-colors-mat-grey-dark: mat-color($mat-grey, A400),
|
|
--theme-colors-mag-grey-light: mat-color($mat-grey, 50),
|
|
);
|
|
|
|
// propagates SCSS variables into the CSS variables scope
|
|
:root {
|
|
@each $name, $value in $defaults {
|
|
#{$name}: #{$value};
|
|
}
|
|
}
|
|
|
|
@include mat-datetimepicker-theme($theme);
|
|
@include adf-snackbar-theme;
|
|
@include adf-material-theme;
|
|
}
|