Skip to content

bug: material ion-refresher does not have a dark mode #22637

@ycintre

Description

@ycintre

Bug Report

Ionic version:
[ ] 4.x
[x] 5.x

Current behavior:
When using a dark mode by following the doc, the ion-refresher for material design keeps a light theme rather than having a custom dark theme.
image

Note: the issue does not appear on iOS design as the ion-refresher is completely different

Expected behavior:
All basic components should have a dark theme variant

Steps to reproduce:

  • Bootstrap an app
  • Setup a dark mode following the doc
  • Add an ion-refresher on a page
  • Use material design
  • Pull down on the page

Related code:
Demo available here: https://stackblitz.com/edit/ionic-angular-v5-hpsehd
Just pull down on the page

Other information:
I'll submit a PR with a fix shortly

Ionic info:

Ionic:

   Ionic CLI                     : 6.12.2 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.5.1
   @angular-devkit/build-angular : 0.1100.3
   @angular-devkit/schematics    : 11.0.2
   @angular/cli                  : 11.0.3
   @ionic/angular-toolkit        : 3.0.0

Capacitor:

   Capacitor CLI   : 2.4.4
   @capacitor/core : 2.4.4

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v12.16.3 (/usr/local/bin/node)
   npm    : 6.14.9
   OS     : macOS Big Sur

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions