~simulacrumparty/twitter-user-style

1fa9c945cef6bcb91364035b7be07f9faf116258 — Dylan Baker 1 year, 10 months ago
Initial commit
1 files changed, 134 insertions(+), 0 deletions(-)

A style.css
A  => style.css +134 -0
@@ 1,134 @@
/* set everything to be serif, base colors */
* {
  background-color: #ffffea !important;
  border-color: #a6a69f !important;
  color: #1f1f2f !important;
  font-family: Georgia, serif !important;
}

/* text color */
*:not(a) {
  color: #1f1f2f !important;
}

header[role="banner"] .css-901oao.css-16my406.r-1qd0xha.r-ad9z0x.r-bcqeeo.r-qvutc0 {
  display: none;
}

.r-o96wvk {
  width: auto;
}

.r-1xcajam {
  left: 0 !important;
}

[data-testid="sidebarColumn"] {
  display: none;
}

[aria-label="Tweet"] {
  display: none;
}

/* this is a mask that shows up when you click the down caret menu on a tweet */
.css-1dbjc4n.r-1p0dtai.r-1d2f490.r-1xcajam.r-zchlnj.r-ipm5af {
  background-color: transparent;
}

[role="menuitem"]:hover {
  background-color: #eaead5;
}

[role="menuitem"] * {
  background-color: transparent !important;
}

main > div {
  margin: auto;
}

.css-1dbjc4n.r-13w96dm.r-1p0dtai.r-1d2f490.r-1xcajam.r-zchlnj.r-ipm5af,
.css-1dbjc4n.r-e84r5y.r-sdzlij.r-16y2uox.r-1wbh5a2.r-1j3t67a.r-1w50u8q {
  background-color: #a6a69f !important;
}

.css-1dbjc4n.r-e84r5y.r-sdzlij.r-16y2uox.r-1wbh5a2.r-1j3t67a.r-1w50u8q * {
  background-color: transparent !important;
}

.DraftEditor-editorContainer,
[aria-label="Close"],
[aria-label="Add poll"],
[aria-label="Add a GIF"],
[aria-label="Add photos or video"],
[aria-label="Add emoji"],
[aria-label="Add Tweet"],
[aria-label="Back"],
[aria-label="Top Tweets on"],
[aria-label="Top Tweets off"],
[aria-label="Twitter"],
[aria-label="More"],
[aria-label="Message"],
.css-1dbjc4n.r-e84r5y.r-42olwf.r-jlzhma.r-1phboty.r-rs99b7.r-eqz5dr.r-16y2uox.r-1wbh5a2.r-1777fci,
.css-1dbjc4n.r-1niwhzg.r-p1n3y5.r-jlzhma.r-1phboty.r-rs99b7.r-eqz5dr.r-16y2uox.r-1wbh5a2.r-1777fci {
  border-color: transparent !important;
}

/* this is the little tweet length meter */
[role="progressbar"] + div {
  background-color: transparent !important;
}

[role="progressbar"] > div > svg > circle:nth-child(1) {
  stroke: #a6a69f;
}

[role="progressbar"] > div > svg > circle:nth-child(2) {
  stroke: #1f1f2f;
}

[data-testid="tweet"] > div:nth-child(1) > div {
  background-color: #a6a69f !important;
}

.r-1ye8kvj {
  max-width: 700px;
}

#Final-Horizon #Artboard {
  display: none;
}

[role="progressbar"] circle:nth-child(1) {
  stroke: #a6a69f !important;
}

[role="progressbar"] circle:nth-child(2) {
  stroke: #1f1f2f !important;
}

/* this is a mask over the avatar on the profile edit modal */
.r-13w96dm,
/* this is a masking divs that covers the background when you open tweet dropdowns */
.css-1dbjc4n.r-1p0dtai.r-1d2f490.r-1xcajam.r-zchlnj.r-ipm5af,
/* this is a masking div that shows up when you click into an image */
.css-1dbjc4n.r-1pi2tsx.r-12vffkv.r-u8s1d.r-o7ynqc.r-1i6wzkk.r-13qz1uu {
  background-color: transparent !important;
}

[aria-label="Add avatar photo"] > div {
  border-color: transparent !important;
}

/* radio button background */
/* .r-urgr8i { */
/*   background-color: #1f1f2f !important; */
/* } */

/* the left side of the logged out screen */
.StaticLoggedOutHomePage-cell:nth-child(2),
.StaticLoggedOutHomePage-cell:nth-child(2) * {
  background-color: #1f1f2f !important;
  color: #ffffea !important;
}
\ No newline at end of file