#b7b7b7 — Public Fediverse posts

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 */