caprine dark mode

dark-mode-css-variables

html.dark-mode body {
	color: var(--dark-mode-color, rgba(255, 255, 255, 0.7) );
	background: #192633 !important;
}

/* Main container? */
html.dark-mode ._4sp8 {
	background: #192633 !important;
}

/* Main content */
html.dark-mode ._1q5- {
	background: #192633 !important;
	border-left: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Message list: your message bubble */
html.dark-mode ._o46:not(._nd_) ._hh7 {
	background: rgba(255, 255, 255, 0.1);
	color: var(--dark-mode-color);
}

/* Message list: remove border from messages */
._hh7._aol {
	border-color: transparent !important;
}

/* Fix dark mode overriding colors for code snippets */
html.dark-mode ._wu0 {
	color: black;
}

/* message list: link in your message bubble */
html.dark-mode ._o46:not(._nd_) ._hh7 a {
	color: var(--dark-mode-color);
}

/* Message list: link in message bubble */
html.dark-mode ._hh7 a:hover {
	background: transparent !important;
}

/* Message list: link in incoming message bubble */
html.dark-mode ._o46._nd_ ._hh7 {
	color: rgba(255, 255, 255, 0.9);
}

/* Message list: link preview */
html.dark-mode ._5i_d {
	border: solid 1px rgba(255, 255, 255, 0.05);
}

/* Message list: link preview text */
html.dark-mode ._5i_d .__6k,
html.dark-mode ._5i_d .__6l {
	color: var(--dark-mode-color);
}

html.dark-mode ._5i_d .__6m {
	color: rgba(255, 255, 255, 0.4);
}

/* Message list: input bar */
html.dark-mode ._4rv3 {
	background: transparent !important;
	border-top: solid 1px rgba(255, 255, 255, 0.05);
	color: var(--dark-mode-color);
}

/* Message list: timestamp */
html.dark-mode ._497p {
	color: rgba(255, 255, 255, 0.4);
}

/* Message list: header above */
html.dark-mode ._5742 {
	background: #202C3A !important;
	border-bottom: none;
}
/* Message list: header above (invitation) */
html.dark-mode ._2y8z,
html.dark-mode ._14-7 ._58ah ._58al::-webkit-input-placeholder,
html.dark-mode ._58-3 {
	color: rgba(255, 255, 255, 0.4);
}

/* Message list: header above (invitation) (typed text) */
html.dark-mode ._14-7 ._58ah ._58al {
	color: var(--dark-mode-color);
}

/* Messages list: user info (is in contacts) */
html.dark-mode ._36zg-e {
	color: var(--dark-mode-color) !important;
}

/* Messages list: user info */
html.dark-mode ._1n-e {
	color: rgba(255, 255, 255, 0.4);
}

/* Messages list: text header above the messages */
html.dark-mode ._17w2,
html.dark-mode ._ih3 ._3oh-,
html.dark-mode ._llq ._3oh- {
	color: var(--dark-mode-color) !important;
}

html.dark-mode ._2v6o {
	color: rgba(255, 255, 255, 0.4);
}

/* Contact list: header above */
html.dark-mode ._36ic {
	background: #202C3A !important;
	border-bottom: none;
}

/* Contact list: search input */
html.dark-mode ._5iwm ._58al {
	background: rgba(255, 255, 255, 0.1) !important;
	color: rgba(255, 255, 255, 0.9);
}

html.dark-mode ._5iwm ._58al::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.3);
}

/* Contact list: background */
html.dark-mode ._1enh {
	background: transparent !important;
}

/* Contact list: person */
html.dark-mode ._1ht1 {
	background: transparent !important;
}

/* Contact list: person (selected) */
html.dark-mode ._1ht1._1ht2 {
	background: linear-gradient(180deg, #1871DC, #1870DB) !important;
}

/* Contact list: person container */
html.dark-mode ._1qt4 {
	border-top: solid 1px rgba(255, 255, 255, 0.05) !important;
}

/* contact list: person name */
html.dark-mode ._1ht6 {
	color: var(--dark-mode-color);
}

/* Contact list: message blurb */
html.dark-mode ._1htf {
	color: rgba(255, 255, 255, 0.4);
}

/* Contact list: timestamp */
html.dark-mode ._1ht7 {
	color: rgba(255, 255, 255, 0.2);
}
/* Contact list: timestamp (selected) */
html.dark-mode ._1ht2 ._1ht7 {
	color: rgba(255, 255, 255, 0.5);
}
/* Contact list: timestamp (unread) */
html.dark-mode ._1ht3 ._1ht7 {
	color: rgba(0, 132, 255, 0.7)
}

/* contact list: search results */
html.dark-mode ._5t4c,
html.dark-mode ._5t4c ._5l37 {
	color: var(--dark-mode-color) !important;
}

/* Contact list: search results name */
html.dark-mode ._3q34,
html.dark-mode ._364g {
	color: var(--dark-mode-color);
}

/* Contact list: search results subname */
html.dark-mode ._3q35 {
	color: rgba(255, 255, 255, 0.4);
}

/* Contact list: search result label type */
html.dark-mode ._3xcx,
html.dark-mode ._225b {
	color: rgba(255, 255, 255, 0.4);
}

/* Contact list: searching text */
html.dark-mode ._4g0h {
	color: rgba(255, 255, 255, 0.4);
}

/* Right sidebar */
html.dark-mode ._4_j5 {
	background: transparent;
	border-left: solid 1px rgba(255, 255, 255, 0.05);
}

/* Right sidebar: headings */
html.dark-mode ._1lj0 {
	color: rgba(255, 255, 255, 0.4);
}

/* Right sidebar: section spacer */
html.dark-mode ._1li- {
	border-top: solid 1px rgba(255, 255, 255, 0.05);
}

/* Right sidebar: group chat names */
html.dark-mode ._2jnv {
	color: var(--dark-mode-color);
}

/* Right sidebar: messenger type info under name */
html.dark-mode ._3eus {
	color: rgba(255, 255, 255, 0.4);
}

/* Right sidebar: mute notification label */
html.dark-mode ._3szq {
	color: var(--dark-mode-color);
}

/* Right sidebar: mute notification time */
html.dark-mode ._3x6v {
	color: rgba(255, 255, 255, 0.4);
}

/* Right sidebar: people list */
html.dark-mode ._4_j5 ._5l37 {
	color: rgba(255, 255, 255, 0.4);
	background: transparent;
}

/* Right sidebar: people list (add people) */
html.dark-mode ._4rph ._4rpj {
	border-top: solid 1px rgba(255, 255, 255, 0.1) !important;
}

/* Right sidebar: people list item (name) */
html.dark-mode ._364g,
html.dark-mode ._3x6u,
html.dark-mode ._4rph ._4rpj {
	color: var(--dark-mode-color);
}

/* New conversation contact list: popup */
html.dark-mode ._2y8_ {
	background: transparent;
	border: solid 1px rgba(255, 255, 255, 0.05);
}

/* New conversation contact list: popup hr */
html.dark-mode ._5l38 {
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

/* New conversation contact list: popup hover */
html.dark-mode ._1k1p ._5l38 {
	border-top: none;
}
html.dark-mode ._5l37:active,
html.dark-mode ._1k1p {
	background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Conversation search */
html.dark-mode ._33p7 {
	background-color: rgb(25, 38, 51);
}
html.dark-mode ._33p7 ._b-u,
html.dark-mode ._33p7 ._b-v {
	background-color: transparent !important;
	background-image: url(/rsrc.php/v3/yb/r/TF9SFeEl2Ka.png) !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
}
html.dark-mode ._33p7 ._b-u {
	background-position: 0px -66px !important;
}
html.dark-mode ._33p7 ._b-v {
	background-position: 0 0 !important;
}
html.dark-mode ._33p7 input {
	color: var(--dark-mode-color);
	background-color: rgba(255, 255, 255, 0.05);
}
html.dark-mode ._33p7 ._5iwn ._58ak::before {
	-webkit-filter: invert();
	filter: invert();
}

/* Poll */
/* Border */
html.dark-mode ._3b4t {
	border-color: rgba(255, 255, 255, 0.09);
}
/* "Poll" header text */
html.dark-mode ._4qba {
	color: var(--dark-mode-color);
}
/* Voting options text */
html.dark-mode ._1mr_,
html.dark-mode ._1mq_ ._1mq- {
	color: rgba(255, 255, 255, 0.4);
}
/* Check box colors */
html.dark-mode ._2m5p[aria-checked="false"][role="checkbox"] {
	border: 1px solid rgba(255, 255, 255, .10);
}
/* New option text box */
html.dark-mode ._58al {
	color: white;
}
/* Poll results bar graph colors */
html.dark-mode ._3b4h {
	background-color: rgba(255, 255, 255, 0.09);
}
/* Poll results profile pictures */
html.dark-mode ._4mnq {
	border-color: #192633;
}
html.dark-mode ._34n6 {
	color: rgba(255, 255, 255, 0.4);
	background-color: rgba(255, 255, 255, 0.09);
}

/* Dialogs */
html.dark-mode ._53ij,
html.dark-mode ._4eby,
html.dark-mode ._2c9g {
	background: #192633 !important;
}

/* Dialog: title and names */
html.dark-mode ._374c,
html.dark-mode ._4ebz,
html.dark-mode ._2c9i ._19jt,
html.dark-mode .uiInputLabelLabel {
	color: var(--dark-mode-color) !important;
}

/* Gif and sticker dialog: hide white triangle */
html.dark-mode ._53io {
	visibility: hidden;
}

/* Gif and sticker dialog: style the bottom of the list */
html.dark-mode .uiScrollableArea.contentAfter:after {
	background: linear-gradient(rgba(25, 38, 51, .05), #192633);
}

/* Sticker dialog: selected header */
html.dark-mode ._5r8a._5r8b,
html.dark-mode ._eb3:before {
	background-color: rgba(255, 255, 255, 0.05);
}

/* Sticker dialog: header borders */
html.dark-mode ._5r8e,
html.dark-mode ._5r86 {
	border-color: rgba(255, 255, 255, 0.05);
}

/* Record dialog: time */
html.dark-mode ._3z53 {
	color: var(--dark-mode-color);
}

/* Delete popover */
html.dark-mode ._hw2 ._53ij {
	background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Login tile and names */
html.dark-mode ._5hy4,
html.dark-mode ._3403 {
	color: var(--dark-mode-color) !important;
}

/* Login inputs */
html.dark-mode ._55r1._5f0v._43di {
	background: rgba(255, 255, 255, 0.1) !important;
	color: rgba(255, 255, 255, 0.75);
}

/* Login button */
html.dark-mode button {
	background: #192633 !important;
}

/* Fix the Sticker button */
html.dark-mode ._4rv6 {
	filter: invert() !important;
	opacity: 0.6 !important;
}

/* Fix the @name-popover in the chat input box */
html.dark-mode ._13iv {
	background: #192633 !important;
}

unified-dark-mode

html.dark-mode body,
html.dark-mode ._o46:not(._nd_) ._hh7,
html.dark-mode ._o46:not(._nd_) ._hh7 a,
html.dark-mode ._5i_d .__6k,
html.dark-mode ._5i_d .__6l,
html.dark-mode ._4rv3,
html.dark-mode ._14-7 ._58ah ._58al
html.dark-mode ._36zg-e,
html.dark-mode ._17w2,
html.dark-mode ._ih3 ._3oh-,
html.dark-mode ._llq ._3oh-,
html.dark-mode ._1ht6,
html.dark-mode ._5t4c,
html.dark-mode ._5t4c ._5l37,
html.dark-mode ._3q34,
html.dark-mode ._364g,
html.dark-mode ._2jnv,
html.dark-mode ._3szq,
html.dark-mode ._364g,
html.dark-mode ._3x6u,
html.dark-mode ._4rph ._4rpj,
html.dark-mode ._33p7 input,
html.dark-mode ._4qba,
html.dark-mode ._374c,
html.dark-mode ._4ebz,
html.dark-mode ._2c9i ._19jt,
html.dark-mode .uiInputLabelLabel,
html.dark-mode ._3z53,
html.dark-mode ._5hy4,
html.dark-mode ._3403 {
	color: var(--dark-mode-color, rgba(255, 255, 255, 0.7) );
	background: #192633 !important;
}