diff --git a/src/app/components/shared/content-node-share/content-node-share.dialog.scss b/src/app/components/shared/content-node-share/content-node-share.dialog.scss index cfd380f8c..2d71489f1 100644 --- a/src/app/components/shared/content-node-share/content-node-share.dialog.scss +++ b/src/app/components/shared/content-node-share/content-node-share.dialog.scss @@ -1,3 +1,17 @@ +@mixin aca-share-dialog-theme($theme) { + $accent: map-get($theme, accent); + + // fixes [ACA-2069] + .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) { + .mat-slide-toggle-thumb { + background-color: mat-color($accent); + } + .mat-slide-toggle-bar { + background-color: mat-color($accent, 0.54); + } + } +} + @mixin adf-share-link-typography { letter-spacing: -0.4px; line-height: 2; diff --git a/src/app/ui/custom-theme.scss b/src/app/ui/custom-theme.scss index b486030c1..e970dd835 100644 --- a/src/app/ui/custom-theme.scss +++ b/src/app/ui/custom-theme.scss @@ -13,6 +13,7 @@ @import '../components/layout/layout.theme.scss'; @import '../components/shared/content-node-share/content-node-share.dialog.scss'; +@import './overrides/adf-toolbar.theme'; @import 'overrides/adf-layout-container.theme'; @import './overrides/adf-document-list.theme'; @@ -61,8 +62,7 @@ $foreground: map-get($custom-theme, foreground); $warn: map-get($custom-theme, warn); @mixin custom-theme($theme) { - @include mat-button-theme($theme); - + @include custom-adf-toolbar-theme($theme); @include adf-document-list-theme($theme); @include layout-theme($theme); @@ -76,6 +76,7 @@ $warn: map-get($custom-theme, warn); @include aca-current-user-theme($theme); @include aca-context-menu-theme($theme); @include app-create-menu-theme($theme); + @include aca-share-dialog-theme($theme); } //Custom variables - ACA specific styling: diff --git a/src/app/ui/overrides/adf-toolbar.theme.scss b/src/app/ui/overrides/adf-toolbar.theme.scss new file mode 100644 index 000000000..85e16b214 --- /dev/null +++ b/src/app/ui/overrides/adf-toolbar.theme.scss @@ -0,0 +1,5 @@ +@mixin custom-adf-toolbar-theme($theme) { + .adf-toolbar { + @include angular-material-theme($theme); + } +}