Is there anything like a web standard for theming? I.e. you have a browser that makes a query to some standard interface for supported themes on a website and it would automatically choose the type that you prefer. Values could be things like high contrast mode, dark mode, or even minimal (that was largely text-only.) Then there would be auto-magic dark mode on all major websites.
Material Design Guidelines for Dark Mode
11–20 of 163 posts
Re: Material Design Guidelines for Dark Mode
#12I have a deep rooted issue with design and designers. In 90’s, skeuomorphic trend was picking up steam reaching a climax in mid-2000’s. Web 2.0 design elements were springing up, taking advantage of css; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole Material design boom in 2012-2015, the entire web was sabotaged by Bootstrap. Color themes and palettes were…
Although I really dislike the look of Material (especially when used on websites), design systems like it allow us to create consistent user experiences across applications. They might not be ground-breaking in terms of the history of graphic design, but we care more about usability and accessibility. UI design is not progressing in Hegelian fashion towards a utopic ideal, but rather it is continuously adapting to ne…
allow us to create consistent user experiences across applications
The problem is that they are consistently bad. Web design has stagnated because of Material. There's little innovation going on because Material is "good enough" and "everyone else is doing it." That breeds mediocrity, not advancement.
Re: Material Design Guidelines for Dark Mode
#13Is there anything like a web standard for theming? I.e. you have a browser that makes a query to some standard interface for supported themes on a website and it would automatically choose the type that you prefer. Values could be things like high contrast mode, dark mode, or even minimal (that was largely text-only.) Then there would be auto-magic dark mode on all major websites.
@media (prefers-color-scheme: dark) {}
Mixed with root variables
Re: Material Design Guidelines for Dark Mode
#14Is there anything like a web standard for theming? I.e. you have a browser that makes a query to some standard interface for supported themes on a website and it would automatically choose the type that you prefer. Values could be things like high contrast mode, dark mode, or even minimal (that was largely text-only.) Then there would be auto-magic dark mode on all major websites.
@media (prefers-color-scheme: dark) {} Mixed with root variables
+1 this is cool
Re: Material Design Guidelines for Dark Mode
#15I have a deep rooted issue with design and designers. In 90’s, skeuomorphic trend was picking up steam reaching a climax in mid-2000’s. Web 2.0 design elements were springing up, taking advantage of css; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole Material design boom in 2012-2015, the entire web was sabotaged by Bootstrap. Color themes and palettes were…
> It is 2019 and every new Saas service looks like Stripe, following trends like a mindless herd. Huh, really? I'm still seeing Bootstrap everywhere. I wish I was seeing Stripe everywhere. Can you give some examples of Stripe-inspired design? I'm curious to see some examples of execution of that.
OpenAI.com, Ghost.org comes to mind.
"Is it just me or do all new tech websites look like stripe?"
https://www.designernews.co/stories/94103-is-it-just-me-or-d...
Here is a quick run down: https://www.pages.xyz/
Re: Material Design Guidelines for Dark Mode
#16I have a deep rooted issue with design and designers. In 90’s, skeuomorphic trend was picking up steam reaching a climax in mid-2000’s. Web 2.0 design elements were springing up, taking advantage of css; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole Material design boom in 2012-2015, the entire web was sabotaged by Bootstrap. Color themes and palettes were…
I hear you, but I also think it might be a bit myopic to focus too much on aesthetics / visual trends, when the primary value provided by a thorough design system like Material is its coherence and consistency. Building UI on such a foundation can help to prevent some of the unjustifiable, trendy or arbitrary decisions that inevitably arise when there's no underlying system at all.
I agree, frameworks provide a consistent basis to build and retain the same coherent aesthetic + behavior. iOS design docs, Material.io, Brand guidelines, etc... are all valuable.
My rant is rather a lofty take on the entire culture of design. I had to let it out. :-)
Re: Material Design Guidelines for Dark Mode
#17I have a deep rooted issue with design and designers. In 90’s, skeuomorphic trend was picking up steam reaching a climax in mid-2000’s. Web 2.0 design elements were springing up, taking advantage of css; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole Material design boom in 2012-2015, the entire web was sabotaged by Bootstrap. Color themes and palettes were…
Swiss/International Style Grunge/Punk Posters: https://www.swissted.com/
Wow, Josef Muller-Brockmann and the rest of the 60's swiss clan is rolling in their graves. Very cool.
In 2025, we will see a resurgence of GNU.org style websites. Times New Roman fonts, no css only tables, <3kb markup sites. Baskerville is going to make a huge comeback! Most code will be in Computer-Modern fonts and dot matrix printers will be prized on eBay. Future is gonna be fricking amazing! We are going to have APOD style posters!
Re: Material Design Guidelines for Dark Mode
#18I have a deep rooted issue with design and designers. In 90’s, skeuomorphic trend was picking up steam reaching a climax in mid-2000’s. Web 2.0 design elements were springing up, taking advantage of css; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole Material design boom in 2012-2015, the entire web was sabotaged by Bootstrap. Color themes and palettes were…
It seems like you know a lot about design, so what's wrong with Stripe-styled websites? I'm a big fan of their design. Also, what does "Bumla-lizing" mean? When I Google it, I get this comment.
Re: Material Design Guidelines for Dark Mode
#19I have a deep rooted issue with design and designers. In 90’s, skeuomorphic trend was picking up steam reaching a climax in mid-2000’s. Web 2.0 design elements were springing up, taking advantage of css; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole Material design boom in 2012-2015, the entire web was sabotaged by Bootstrap. Color themes and palettes were…
While the other trends you're mentioning are primarily aesthetic, dark themes have a significant ergonomic motivation in that they allow sufficient contrast at much lower luminance. I've long thought pervasive dark themes were overdue given smartphones greatly increasing the number of users looking at screens in environments not resembling brightly-lit offices.
They also save power on OLED as the guidelines and other commenters have mentioned.
Re: Material Design Guidelines for Dark Mode
#20I have a deep rooted issue with design and designers. In 90’s, skeuomorphic trend was picking up steam reaching a climax in mid-2000’s. Web 2.0 design elements were springing up, taking advantage of css; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole Material design boom in 2012-2015, the entire web was sabotaged by Bootstrap. Color themes and palettes were…
It seems like you know a lot about design, so what's wrong with Stripe-styled websites? I'm a big fan of their design. Also, what does "Bumla-lizing" mean? When I Google it, I get this comment.
I was referring to Bulma CSS framework: https://bulma.io/