stylez

dark css style orverrides for sites i use

flowdoc/style.css


/*
urls on the domain: flowdock.com
*/
#chat
.chat-message,
.message {
  /* -webkit-filter: invert(100%) !important; */
  background-color: #111;
  color: #D0D0D0;
}
a {
  color: #6688AA;
}
a:visited {
  color: #5F8787;
}
a:hover {
  color: #6688AA;
}
.truncate-wrap,
.truncate-open,
pre.formatted,
.code,
.code code,
code {
  background-color: #222;
  color: #C6C6C6;
  border-color: #111;
}
.tag,
.mention {
  background-color: #222;
  color: #5F8787 !important;
  border-color: #111;
}
.tag:hover,
.mention:hover {
  background-color: #000 !important;
  color: #6688AA !important;
  border-color: #000 !important;
}
.message-highlight+li[class*="message"] {
  border-color: #000;
}
.chat-message, 
.mention-message, 
.inbox-message, 
.error-message, 
.single-message, 
.thread-activity-message, 
.thread-discussion-message {
  border-color: #000;
}
.chat-message.date-separator::before {
  background-color: #222;
  border-color: #000;
}
#chat-form {
  background-color: #222;
  border-color: #000;
}
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="url"], 
select, 
.text-input, 
.tokenist,
.expanding-input,
input,
textarea {
  background: #222 !important;
  background-color: #222 !important;
  border-color: #111 !important;
}
#toolbar {
  background: #222 !important;
  background-color: #222 !important;
  border-color: #111 !important;    
}
.right-item-group,
#inbox-toggle-item,
#search-form-item,
#search-form,
#search-toggle {
  background: #000;
  border: 0;
}
.right-item-group::before {
  background: linear-gradient(to right, rgba(34,34,34,0), #000); 
}
#tab-bar,
.nav-footer{
  background-color: #000 !important;
}
.tab-name {
  background-color: #000 !important;
}
.current .tab-name {
  background-color: #3A3F40 !important;
}


.asciidoc .hljs-blockquote,
.diff .hljs-header,
.hljs-annotation,
.hljs-chunk,
.hljs-comment,
.hljs-template_comment,
.markdown .hljs-blockquote,
.smartquote {
  color: #888
}
.asciidoc .hljs-bullet,
.asciidoc .hljs-link_url,
.go .hljs-constant,
.hljs-change,
.hljs-date,
.hljs-hexcolor,
.hljs-literal,
.hljs-number,
.hljs-regexp,
.lasso .hljs-variable,
.makefile .hljs-variable,
.markdown .hljs-bullet,
.markdown .hljs-link_url,
.smalltalk .hljs-char,
.smalltalk .hljs-symbol {
  color: #080
}
.apache .hljs-sqbracket,
.asciidoc .hljs-attribute,
.asciidoc .hljs-link_label,
.clojure .hljs-attribute,
.coffeescript .hljs-property,
.erlang_repl .hljs-reserved,
.haml .hljs-bullet,
.hljs-array,
.hljs-attr_selector,
.hljs-decorator,
.hljs-deletion,
.hljs-doctype,
.hljs-envvar,
.hljs-filter .hljs-argument,
.hljs-important,
.hljs-javadoc,
.hljs-label,
.hljs-localvars,
.hljs-phony,
.hljs-pi,
.hljs-prompt,
.hljs-pseudo,
.hljs-shebang,
.lasso .hljs-attribute,
.markdown .hljs-link_label,
.nginx .hljs-built_in,
.ruby .hljs-string,
.tex .hljs-formula,
.vhdl .hljs-attribute {
  color: #88F
}
.apache .hljs-tag,
.asciidoc .hljs-strong,
.bash .hljs-variable,
.css .hljs-tag,
.go .hljs-typename,
.hljs-aggregate,
.hljs-built_in,
.hljs-id,
.hljs-javadoctag,
.hljs-keyword,
.hljs-phpdoc,
.hljs-request,
.hljs-status,
.hljs-title,
.hljs-winutils,
.hljs-yardoctag,
.markdown .hljs-strong,
.smalltalk .hljs-class,
.tex .hljs-command {
  font-weight: 700
}
.asciidoc .hljs-emphasis,
.markdown .hljs-emphasis {
  font-style: italic
}
.nginx .hljs-built_in {
  font-weight: 400
}
.coffeescript .javascript,
.javascript .xml,
.lasso .markup,
.tex .hljs-formula,
.xml .css,
.xml .hljs-cdata,
.xml .javascript,
.xml .vbscript {
  opacity: .5
}
.hljs {
  display: block;
  padding: .5em;
  background: #222
}
.apache .hljs-cbracket,
.apache .hljs-tag,
.asciidoc .hljs-header,
.bash .hljs-variable,
.coffeescript .hljs-attribute,
.django .hljs-variable,
.erlang_repl .hljs-function_or_atom,
.haml .hljs-symbol,
.hljs-addition,
.hljs-aggregate,
.hljs-constant,
.hljs-flow,
.hljs-parent,
.hljs-pragma,
.hljs-preprocessor,
.hljs-rules .hljs-value,
.hljs-rules .hljs-value .hljs-number,
.hljs-stream,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-template_tag,
.hljs-title,
.markdown .hljs-header,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.smalltalk .hljs-class,
.tex .hljs-command,
.tex .hljs-special {
  color: #90b0d1
}
.css .hljs-function .hljs-preprocessor,
.css .hljs-rules,
.css .hljs-value,
.hljs,
.hljs-pragma,
.hljs-tag {
  color: #5F8787
}
.hljs-emphasis,
.hljs-strong,
.hljs-strongemphasis {
  color: #528b8b
}
.alias .hljs-keyword,
.hljs-blockquote,
.hljs-bullet,
.hljs-hexcolor,
.hljs-horizontal_rule,
.hljs-literal,
.hljs-number,
.hljs-regexp {
  color: #8f6f8f
}
.css .hljs-class,
.hljs-class .hljs-title:last-child,
.hljs-code,
.hljs-tag .hljs-value,
.hljs-title {
  color: #719611
}
.hljs-link_url {
  font-size: 80%
}
.hljs-strong,
.hljs-strongemphasis {
  font-weight: 700
}
.hljs-class .hljs-title:last-child,
.hljs-emphasis,
.hljs-strongemphasis {
  font-style: italic
}
.alias .hljs-keyword:first-child,
.clojure .hljs-built_in,
.css .hljs-important,
.css .hljs-tag,
.css .unit,
.hljs-attribute,
.hljs-change,
.hljs-flow,
.hljs-function,
.hljs-header,
.hljs-keyword,
.hljs-symbol,
.hljs-symbol .hljs-string,
.hljs-tag .hljs-title,
.hljs-value,
.hljs-winutils,
.lisp .hljs-title,
.nginx .hljs-title,
.tex .hljs-special {
  color: #528b8b
}
.css .hljs-attribute,
.hljs-class .hljs-keyword:first-child,
.hljs-constant,
.hljs-function .hljs-keyword {
  color: #90b0d1
}
.hljs-class .hljs-title,
.hljs-params,
.hljs-variable {
  color: #c80
}
.apache .hljs-cbracket,
.apache .hljs-tag,
.css .hljs-id,
.django .hljs-filter .hljs-argument,
.django .hljs-template_tag,
.django .hljs-variable,
.haskell .hljs-type,
.hljs-addition,
.hljs-attr_selector,
.hljs-built_in,
.hljs-envvar,
.hljs-link_label,
.hljs-link_url,
.hljs-prompt,
.hljs-pseudo,
.hljs-stream,
.hljs-string,
.hljs-subst,
.ruby .hljs-class .hljs-parent,
.smalltalk .hljs-array,
.smalltalk .hljs-class,
.smalltalk .hljs-localvars,
.sql .hljs-aggregate,
.tex .hljs-command {
  color: #8181a6
}
.apache .hljs-sqbracket,
.hljs-comment,
.hljs-deletion,
.hljs-doctype,
.hljs-javadoc,
.hljs-pi,
.hljs-shebang,
.hljs-template_comment,
.java .hljs-annotation,
.python .hljs-decorator,
.tex .hljs-formula {
  color: #000
}
.coffeescript .javascript,
.javascript .xml,
.php .xml,
.tex .hljs-formula,
.xml .css,
.xml .hljs-cdata,
.xml .javascript,
.xml .php,
.xml .vbscript {
  opacity: 1
}
.chat-header-small {
  display: none;   
}

Download

raw zip tar