#dddddd — Public Fediverse posts

I'm a web developer who was kicked in the head by a horse, that's why I love to make pages with #999999 text on a #dddddd background.

it's not quite done yet, but if you're looking for a more familiar experience, this is looking pretty good so far…

/* INSULATED MUG THEME */

/* FONT */
* {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
  line-height: 1.618 !important;

  box-shadow: none !important; 
}

h1 {
  font-size: 1.618em !important;
  font-weight: 700 !important; 
}

h2 {
  font-size: 1.236em !important;
  font-weight: 700 !important; 
}

h3 {
  font-size: 1em !important;
  font-weight: 700 !important;

}

h4 {
  font-size: 1em !important;
  font-weight: 550 !important;
  font-style: italic !important;
}


h5 {
  font-size: 0.75em !important;
  font-weight: 550 !important;
  font-style: italic !important;
}


h6 {
  font-size: 0.75em !important;
  font-style: italic !important;
}



/* POST CARD */
.mat-mdc-card {
  max-width: 540px !important;
  margin: 10px auto 10px auto !important;  
}

/* DIVIDER LINE */
app-post hr {
  color: #050505 !important;
  border: 0px; 
}

/* POST TEXT */
div.wafrn-text-default {
  margin-top: 24px !important;
  border-top: 5px dotted #00000 !important;
}

/* COLORS */
:root {
/* bg behind the posts */
--mat-sys-background: light-dark(#001935, #050505) !important;

/* display names and post text */
--mat-sys-on-background: light-dark(#000000, #ffffff) !important; 

/* post bg color */
--mat-sys-surface-container-low: light-dark(#ffffff, #222222) !important; 

/* image bg and? */
--mat-sys-surface-container: light-dark(#dddddd, #000000) !important; 

/* react bg and hide bg */
--mat-sys-surface-container-high: light-dark(#dddddd, #000000) !important; 

/* bottom buttons and inline tags and links and stuff */
--mat-sys-primary: light-dark(#595959, #B7B7B7) !important; 

/* subinfo and tags */ 
--mat-sys-outline: light-dark(#595959, #B7B7B7) !important; 
}

I also have the following options checked in Preferences:

• Force classic media carousel (vertical)
• Do not collapse quotes
• Disable CW unless post contains muted words
• Disable confetti effects when performing some actions
• Disable sound effects when performing some actions
  and under "Not recommended options" I have checked:
• Automatically expand all posts

Additionally, I have the following to make things smaller on my tablet that blows things up:

/* MY TABLET STUFF */

* {
  font-size: 11px !important;
}

/* post card */
.mat-mdc-card {
  width: 420px !important;
}

/* END MY PERSONAL STUFF */

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

<html>
<head>
<title>This is my Index page</title>
</head>

<body background="gray.gif" bgcolor="#dddddd" text="#008000">

<p>This is my index page. As yet I have nothing to put here but once I have completed my WebTech University classes in HTML I hope to have something. This may take some however, as they have many classes and I intend to do all of them, one at a time until I have completed all their courses!</p>

</body>
</html>

@ecological_fallacy Okabe_Ito <- c("#E69F00", "#56B4E9", "#009E73", "#F0E442", "#0072B2", "#D55E00",
"#CC79A7", "#000000")
Tol_muted <- c('#88CCEE', '#44AA99', '#117733', '#332288', '#DDCC77', '#999933',
'#CC6677', '#882255', '#AA4499', '#DDDDDD')
are great colour-blind-friendly combinations, us the opposite ones for pairs

pie(rep(1,8), col=Okabe_Ito, Okabe_Ito, main='Okabe Ito')