Sarah · @starrymom
14 followers · 94 posts · Server mstdn.social

I made a dark mode toggle, which applies the .dark class to the body (body class="dark").

I used a SCSS mixin & see it at the bottom of the full stylesheet.

It's not overriding the body class properties.

I don't know what I'm doing wrong.

Codes:

@Media (prefers-color-scheme: dark) {@include dark-mode;}

@mixin dark-mode {
body {
&.dark {
background: $color-darkgrey;
color: $color-cream;
}
}
}

Using !important doesn't help.

#webdesign #WordPress #darkmode #scss #CSS

Last updated 1 year ago

thatvirtualboy · @thatvirtualboy
138 followers · 633 posts · Server techhub.social

I just think it’s pretty

#darkmode #ios17

Last updated 1 year ago

C. · @cazabon
177 followers · 4596 posts · Server mindly.social

@lauren @virtualbri

It's that damned Dark Mode again.

In , no one can hear you screaming at the for more .

#Space #gaffer #light #darkmode

Last updated 1 year ago

Mathias Magdowski · @MMagdowski
181 followers · 317 posts · Server bildung.social

Das Audience-Response-Werkzeug hat kürzlich ein Update erhalten und beinhaltet jetzt einige neue Funktionen:

particify.de/news/2023/august/

Besonders interessant: Für nach kann die gleiche Frage nach einer kurzen studentischen Diskussion wiederholt stellen. Beide Ergebnisse werden dann in einem Diagramm dargestellt.

Außerdem kann man Ergebnisse einfacher exportieren, der wurde optimiert, etc.

#particify #peerinstructino #ericmazur #darkmode

Last updated 1 year ago

Sara Joy ✨ · @sarajw
1338 followers · 6992 posts · Server front-end.social

A really good article on when and how to implement Dark Mode:

nngroup.com/articles/dark-mode

#ux #darkmode

Last updated 1 year ago

How-To Geek · @howtogeek
174 followers · 3457 posts · Server techhub.social
Amadeus Paulussen · @amadeus
212 followers · 1347 posts · Server mstdn.social
Timothée · @tim
72 followers · 579 posts · Server mastodon.timotheejulien.fr

Vous savez s’il existe un raccourci dans pour activer/désactiver le mode sombre ?
Sur il y a le centre de contrôle mais je ne vois pas d’équivalent sur Windows…

#windows10 #macos #help #darkmode

Last updated 1 year ago

Myndex 🔵 · @Myndex
134 followers · 98 posts · Server techhub.social

For the "it's the law tho" crowd, here's a fix:

APCA to WCAG 2 Backwards Compatibility Chart

For 4.5:1

Backwards 4.5:1 is achieved when:

IF the lightest color is darker than
OR the darkest is darker than #595959
THEN Lc ±60 exceeds 4.5:1

ELSE Lc 72 or Lc -77 exceeds 4.5:1 in all cases

---
For 3:1

Backwards 3:1 is achieved when:

IF the lightest color is darker than
OR the darkest is darker than
THEN Lc ±45 exceeds 3:1

ELSE Lc 57 or Lc -63 exceeds 3:1 in all cases

---
Here's the implication:

If both colors are darker than or at least one is darker than #595959:

Then it's not a matter of "can you?" use APCA, it's a matter of you *should* use APCA.

For color pairs darker than , WCAG 2.x contrast math results are not meaningful, and create inaccessible, often unreadable, color pairs.

Actual Accessibility is where it's at.



#d0d0d0 #c4c4c4 #6c6c6c #darkmode #webdesign #a11y #color #webdev #colour #WCAG #APCA

Last updated 1 year ago

👍Maximum Derek👍 · @bishma
3 followers · 509 posts · Server mas.to

I think I've passed peak , everything is too dark now and it takes more work to find things on various shades of darkness.

Mastodon's light mode seems somehow easier to use even though only the color pallet has changed.

#darkmode

Last updated 1 year ago

A.G. · @antisignal
31 followers · 55 posts · Server me.dm

PAINTING-WITHOUT-PAINTING: DARK MODE. Mixed media by A.G. (c) 2023. All Rights Reserved.

#historiotheque #paintingwithoutpainting #darkmode

Last updated 1 year ago

GENKI · @nibushibu
549 followers · 9282 posts · Server social.vivaldi.net

白は膨張色だから細いフォントもちょっと太って見えるからか、ダークモードはライトモードに較べてフォントウェイトのノーマルとボールドの違いが分かりづらい

#ui #design #darkmode

Last updated 1 year ago

Harold Combs · @devharryc
42 followers · 490 posts · Server mastodon.sdf.org

Trying out dark mode...with select apps in light mode as override.

Outlook in particularly looks like ass in Dark mode.

#macos #mac #darkmode

Last updated 1 year ago

Gabriele Pollara · @gpollara
1011 followers · 3214 posts · Server med-mastodon.com

Why is there no dark mode option in on the ?!?! 😎😤
(or have i missed it? on version it's there)

#google #docs #browser #android #googledocs #darkmode

Last updated 1 year ago

Tech news from Canada · @TechNews
915 followers · 24147 posts · Server mastodon.roitsystems.ca
Jonathan · @infrequentbrilliance
5 followers · 101 posts · Server mas.to

Why is there only in the Fitness app? Am I the only one working out when it’s light out?

#apple #darkmode

Last updated 1 year ago

marco acorte · @acor3
149 followers · 821 posts · Server mastodon.uno

a proposito di su
impostatelo qui —> github.com/settings/appearance

#darkmode #github

Last updated 1 year ago

Pavel Zaněk · @zanekpavel
7 followers · 34 posts · Server mastodonczech.cz

Embrace the power of adaptable environments in coding! I love to switch between light and dark modes in my IDE throughout the day. It's not just about aesthetics, it's about comfort and productivity. During the day, a light theme reduces strain by matching the room's brightness. At night, a dark theme minimizes blue light, helping maintain your sleep cycle. Remember, a happy developer is a productive developer!

#tips #ide #lightmode #darkmode

Last updated 1 year ago

Amadeus Paulussen · @amadeus
184 followers · 1039 posts · Server mstdn.social

is the new 😜️
When I worked at the computer predominantly in the ( at night), I used almost all the time.
Now that I am more often in front of a display and in , I rediscover .
On the screen grab you can see the new light shell variant coming to (mimicked by the Light Shell extension).
I find it interesting how such a small change can bring so much joy. 😇️
extensions.gnome.org/extension

#gnome45 #lightmode #daylight #bright #outside #darkmode #often #office #dark #light

Last updated 1 year ago