diff --git a/src/core/features/mainmenu/pages/more/more.scss b/src/core/features/mainmenu/pages/more/more.scss new file mode 100644 index 000000000..ce358f133 --- /dev/null +++ b/src/core/features/mainmenu/pages/more/more.scss @@ -0,0 +1,17 @@ +ion-item { + --border-color: var(--core-more-item-border, + var(--ion-item-border-color, + var(--ion-border-color, + var(--ion-color-step-150, + rgba(0, 0, 0, 0.13))))); + + ion-icon { + color: var(--core-more-icon, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)); + } +} + +:host-context(ion-app.ios) { + ion-item ion-icon { + color: var(--core-more-icon, inherit); + } +} diff --git a/src/core/features/mainmenu/pages/more/more.ts b/src/core/features/mainmenu/pages/more/more.ts index 42dafbdfb..6eb72b24d 100644 --- a/src/core/features/mainmenu/pages/more/more.ts +++ b/src/core/features/mainmenu/pages/more/more.ts @@ -34,6 +34,7 @@ import { Translate } from '@singletons'; @Component({ selector: 'page-core-mainmenu-more', templateUrl: 'more.html', + styleUrls: ['more.scss'], }) export class CoreMainMenuMorePage implements OnInit, OnDestroy { diff --git a/src/theme/globals.variables.scss b/src/theme/globals.variables.scss index deecb2f0a..d4d9c27fd 100644 --- a/src/theme/globals.variables.scss +++ b/src/theme/globals.variables.scss @@ -250,3 +250,6 @@ $addon-forum-highlight-color: $gray-lighter !default; $addon-forum-border-color-dark: $gray-darker !default; $addon-forum-highlight-color-dark: $gray-dark !default; + +$core-more-icon: null !default; +$core-more-item-border: null !default; diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss index 291a0a027..a691002fa 100644 --- a/src/theme/theme.light.scss +++ b/src/theme/theme.light.scss @@ -244,4 +244,11 @@ --core-dd-question-selected-shadow: 2px 2px 4px var(--gray-dark); + @if ($core-more-icon) { + --core-more-icon: #{$core-more-icon}; + } + + @if ($core-more-item-border) { + --core-more-item-border: #{$core-more-item-border}; + } }