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 */
#wafrn-themes #050505 #00000 #001935 #050505 #000000 #ffffff #ffffff #222222 #dddddd #000000 #dddddd #000000 #595959 #B7B7B7 #595959 #B7B7B7
Base Color : 5421E9
Mode : monochrome-dark
#2B0F7C
#331196
#3B14B0
#4416CA
#4C18E4
#8C8C8C
#9A9A9A
#A8A8A8
#B7B7B7
Base Color : 653DD5
Mode : monochrome-dark
#341C77
#402295
#4D28B3
#592ED1
#929292
#A4A4A4
#B7B7B7
Base Color : FCF647
Mode : monochrome-dark
#BCB608
#E6DE08
#F8F121
#FAF449
#B7B7B7
#CCCCCC
Base Color : C3DF76
Mode : monochrome-dark
#88AA2B
#A7CF3A
#BADA62
#B7B7B7
#D1D1D1
Base Color : 74D86C
Mode : monochrome-dark
#34992C
#3EBB34
#55CE4B
#74D86C
#B7B7B7
#CCCCCC
Base Color : 879A8D
Mode : monochrome-dark
#4B574E
#617467
#78907F
#9D9D9D
#B7B7B7
Base Color : 74F121
Mode : monochrome-dark
#3D870B
#4CA90E
#5BCC10
#6AEE12
#929292
#A4A4A4
#B7B7B7
Base Color : F04748
Mode : monochrome-dark
#A61112
#C81415
#E91718
#ED3839
#A5A5A5
#B7B7B7
#C9C9C9
Base Color : AA3BDE
Mode : monochrome-dark
#601881
#7B1EA6
#9623CB
#AA3BDE
#A2A2A2
#B7B7B7