Mastodawn

Michael Küper gegen Faschismus, #SchutzschildDerDemokratie Aug 12, 2025

(Keimfutter, Suchspiele) Bad anbieten (Schale/Nebel) Beobachtung: Appetit, Gefieder, Atmung, Kot – Erste Spalte ca. 7,5 cm breit, restliche Spalten gleichmäßig verteilt. – Tabellenraster 0,5 pt grau, Zeilen abwechselnd weiß/hellgrau (#f7f7f7). (7/15)

Show thread

Craig Grannell Jul 24, 2025

@scottjenson I just checked it in WebAIM. 1.03:1(!!!!) contrast ratio (#fbfbfb to #f7f7f7). If I’d done this as a young designer, my boss would angrily have told me to do it again. What is going on at Apple?

(WebAIM would pass a UI component around #919191. For such large blocks, I’d say you _might_ be able to get away with somewhere round #dddddd, but not really any paler, and I’d personally be happier with something in the ‘c’ hex value range.)

solo Jul 6, 2025

this looks fucking awesome

https://developer.chrome.com/blog/if-article

.card {
  --status: attr(data-status type(<custom-ident>));
  border-color: if(
                style(--status: pending): royalblue;
                style(--status: complete): seagreen;
                else: gray);
  background-color: if(
                style(--status: pending): #eff7fa;
                style(--status: complete): #f6fff6;
                else: #f7f7f7);
}

CSS conditionals with the new if() function | Blog | Chrome for Developers

Learn about the new CSS if function, which enables a cleaner developer interface for dynamic styles like style queries and media queries.

Chrome for Developers

Ben Buchanan Sep 21, 2023

Slack's design direction appears to be: slowly remove contrast until it is an entire screen set to #f7f7f7

Ari

Feel Free To Talk To Me!Jun 8, 2023

is this a good color scheme?

--primary-color-1: #ff5a90;
--primary-color-2: #5a0d1f;
--primary-color-3: #3e1729;
--secondary-color-1: #0fa374;
--secondary-color-2: #7fd1aa;
--neutral-color-1: #373737;
--neutral-color-2: #f7f7f7;

Gareth Lloyd (He/him)Dec 13, 2022

Terrible UX on #ubuntu #linux #gnome

A checkbox on a modal (which I want to check) I didn't notice for weeks of usage (yeah I'm on 22.10 ATM).

The checkbox was a rounded square of one colour, on the modal panel of another colour.

#FAFAFA vs #F7F7F7 not very clear to see.

Joene 🏴Jun 17, 2022

This is probably interesting for a very small group of people, but nevertheless I'm going to share it.

Since updating to #Ubuntu 22.04 I noticed that my favorite terminal application #Tilda showed completely transparant tabs. Very irritating. So after searching for a solution, I found this page: https://github.com/lanoxx/tilda/wiki/Styling

I had to edit/create the file ~/.config/tilda/style.css and add this for use with the #Yaru
Dark theme:

notebook tab {
background-color: #2c2c2c;
color: #f7f7f7;
}

notebook tab:checked {
background-color: #4c4c4c;
color: #e7e7e7;
}

notebook tabs {
background-color: #2c2c2c;
}

Now quit the app via the right-click menu and re-open it using the super key. 🎉

#gnome #tweak