Telegra.ph Vanilla Dark by rix

/* ==UserStyle==
@name           Telegra.ph Vanilla Dark
@namespace      USO Archive
@author         kandy
@description    `Dark theme for telegra.ph`
@version        20220803.11.50
@license        CC-BY-NC-ND-4.0
@advanced dropdown theme "Theme" {
defaul "Default*" <<<EOT :root {
  --color1: #9d9d9d;
  --color2: #908B67;
  --color3: #282828;
  --color4: #222;
  --color5: #191919;
	--color6: #959595;
  --color7: #333;
  --color8: #666;
  --color9: #b9b9b9;
  --color10: #c8c8c8;
  --color11: #c2c2c2;
}

::selection {
  background-color:var(--color6)!important;
  color:#ccc;
}

::-moz-selection {
  background-color:var(--color6)!important;
  color:#ddd !important;
}

html body a {
	border-bottom: .1em solid #959595!important;
}

html body address a {
	border-bottom: none!important;
} EOT;
cream "Cream" <<<EOT :root {
  --color1: #B9B384;
  --color2: #908B67;
  --color3: #282828;
  --color4: #222;
  --color5: #191919;
  --color6: #959595;
  --color7: #333;
  --color8: #666;
  --color9: #b9b9b9;
  --color10: #c8c8c8;
  --color11: #d0ca94;
}

::selection {
  background-color:var(--color6)!important;
  color:#ccc;
}

::-moz-selection {
  background-color:var(--color6)!important;
  color:#ddd !important;
} EOT;
aqua "Aqua" <<<EOT :root {
  --color1: #77BABC;
  --color2: #5B8E90;
  --color3: #2C2C36;
  --color4: #23232D;
  --color5: #1D1D24;
  --color6: #9595a4;
  --color7: #2F2F39;
  --color8: #5a5a63;
  --color9: #c6c6d3;
  --color10: #d3d3e1;
  --color11: #85ced0;
}


::selection {
  background-color:var(--color6)!important;
  color:#ccc;
}

::-moz-selection {
  background-color:var(--color6)!important;
  color:#ddd !important;
} EOT;
rose "Rose" <<<EOT :root {
  --color1: #f58e78;
  --color2: #bf705f;
  --color3: #2F353A;
  --color4: #2b3034;
  --color5: #262a2e;
  --color6: #9ea4ac;
  --color7: #394046;
  --color8: #5c6065;
  --color9: #bec5ce;
  --color10: #ccd4dd;
  --color11: #f5ad9e;
}

::selection {
  background-color:var(--color6)!important;
  color:#ccc;
}
::-moz-selection {
  background-color:var(--color6)!important;
  color:#ddd !important;
} EOT;
mint "Mint" <<<EOT :root {
  --color1: #63b97f;
  --color2: #4B8B60;
  --color3: #2A2A2C;
  --color4: #212122;
  --color5: #19191A;
  --color6: #a0a0a8;
  --color7: #333333;
  --color8: #5b5b5f;
  --color9: #b9b9b9;
  --color10: #cacaca;
  --color11: #73d794;
}

::selection {
  background-color:var(--color6)!important;
  color:#ccc;
}

::-moz-selection {
  background-color:var(--color6)!important;
  color:#ddd !important;
} EOT;

}

==/UserStyle== */
@-moz-document domain('telegra.ph'), domain('tgraph.io') {

/*[[theme]]*/

*::-webkit-scrollbar {
  background-color:  var(--color4) !important;
  border: 1px solid var(--color3) !important;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--color7) !important;
}

*::-webkit-scrollbar-button {
  background-color: var(--color7) !important;;
}

body, html, .tl_article .tl_article_content figcaption, .tl_article .tl_article_content figcaption .editable_input {
	background-color: var(--color4);
  color: var(--color6);
}

.button {
	background-color: var(--color3);
}

a, a strong {
  color: var(--color1)!important;
  border: none!important;
  transition: all .2s;
}

a:hover, a strong:hover {
  color: var(--color11)!important;
  transition: all .2s;
}

.tl_article .tl_article_content, .tl_article .tl_article_content .ql-editor *, .tl_article.tl_article_edit [data-placeholder].empty:before, .button, .tl_article.tl_article_edit figcaption[data-placeholder].empty:after {
  color: var(--color6);
}

.tl_article address, .tl_article address a, address a {
  color: var(--color8)!important;
}

h1 {
	color: var(--color10)!important;
}
h2, h3, h4, h5, h6, .tl_article.tl_article_edit [data-label]:after, .tl_article.tl_article_edit.title_focused [data-label].empty:after {
	color: var(--color9)!important;
}

.tl_article .tl_article_content blockquote, .tl_article a[href], .tl_article.tl_article_edit [data-label]:after, .tl_article.tl_article_edit.title_focused [data-label].empty:after {
	border-color: var(--color8);
}
    
pre, code {
    background-color: var(--color3)!important;
}

}