#f7f7f7 — Public Fediverse posts

@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.)

@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.)

@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.)

@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.)

@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.)

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);
}

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);
}

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);
}

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);
}

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);
}

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.