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