dragontheory / D7460N-with-db

Your data your way. Fast, easy, and secure.
https://d7460n-app-with-resizer.pages.dev/
2 stars 1 forks source link

Theme based on CSS Contrast and relative colors and meta attribute #4

Open dragontheory opened 2 years ago

dragontheory commented 2 years ago

Ability to restrict and or apply themes to minimum foreground (text)/background standard accessibility contrast ratios 4.5:1. https://webaim.org/resources/contrastchecker/

Light/Dark mode without CSS HTML only https://youtu.be/87YMCtsBoCM <meta name="color-scheme" content="dark light" />

Dynamic Color Manipulation with CSS Relative Colors (relative colors) https://blog.jim-nielsen.com/2021/css-relative-colors/

Reverse colors based on background colors https://css-tricks.com/reverse-text-color-mix-blend-mode/

Create a color palette based on our primary color https://dev.to/fabiogiolito/create-a-color-theme-with-these-upcoming-css-features-4o83

New Relative Color Functions In CSS https://stuffandnonsense.co.uk/blog/new-relative-colour-functions-in-css