stylez

dark css style orverrides for sites i use

flowdoc/style.css


@-moz-document 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