Comments (4)
Thanks for letting me know! I discussed this with the team and we will look into updating the dark palette colors while still passing WCAG AA compliance. I've marked this as a feature request as it is an enhancement.
from ionic-framework.
Thanks for the issue! We have updated our default colors in v8 to meet the Web Content Accessibility Guidelines AA criteria for contrast ratio. You can read more about this in our blog post here: https://ionic.io/blog/announcing-the-ionic-8-beta
You can generate different colors by using our Color Generator in combination with a Dark Mode selector if desired.
from ionic-framework.
@brandyscarney I made this issue at request from Discord, having black text in buttons and badges doesn't seem quite right to me, especially because I haven't seen any other app do that.
from ionic-framework.
Thanks for the issue. This has been resolved via #29239, and a fix will be available in an upcoming release of Ionic Framework.
I wasn't able to make every requested change, but some of the colors are a bit more vibrant now. I posted a detailed explanation of some of our constraints as well as differences between iOS and web on the PR if you are interested in learning more: #29239
As for changing the contrast, the PR goes into more detail as to why we aren't changing that. However, you can definitely still use our base dark theme and then layer on your customizations on top of it if you'd like to keep the white contrast color for some of the buttons. Here's an example:
import '@ionic/react/css/palettes/dark.system.css';
@media (prefers-color-scheme: dark) {
:root {
--ion-color-primary-contrast: #ffffff;
--ion-color-primary-contrast-rgb: 255, 255, 255;
--ion-color-danger-contrast: #ffffff;
--ion-color-danger-contrast-rgb: 255, 255, 255;
}
}
from ionic-framework.
Related Issues (20)
- bug: can't control Modal with router params HOT 3
- bug: iOS condense header breaks page animation HOT 1
- feat: Remove ion-back-button text HOT 1
- bug: Lifecycle hooks ionViewWillEnter, ionViewDidEnter aren't fired when navigating back to the page HOT 1
- bug: Sheet modal overlay flashes when dismissed quickly using the handle on iOS HOT 2
- bug: HOT 4
- Cant Print all Pages using window.print in Latest Ionic HOT 1
- feat: Improve ion-reorder accessibility HOT 2
- bug: ion-checkbox don't let interact with label HOT 2
- bug: Cannot change ion-fab-button background using the provided css variables HOT 1
- bug: ion-icons have different sizes when combined with ion-toggle, ion-checkbox or ion-radio inside of an ion-item HOT 1
- bug: Ion Select Popover clips unnecessarily due to invisible radio button overlapping text
- bug: Order of running functions - closing modals HOT 1
- bug: Specifying provideIonicAngular() in a route provider prevents hydration from completing HOT 6
- bug: Using angular/cdk/overlay and ion-modal can cause conflicts. HOT 1
- feat: Ability to use relative color syntax in the theme file HOT 2
- Not able to access the documentation HOT 2
- feat: dynamic font scaling for the Picker component on the iOS platform. HOT 1
- feat: `form` property on form components HOT 1
- feat: HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ionic-framework.