ShareLatex Monokai Theme

sharelatex-dark.user.css

/* ==UserStyle==
@name        ShareLatex Monokai Theme
@namespace   github.com/openstyles/stylus
@version     1.0.0
@license     CC BY-SA
@description Fork of ZenTauro's monokai theme for ShareLatex: https://userstyles.org/styles/142332/monokai-dark which no longer styled fienames.
==/UserStyle== */


@-moz-document regexp(".*sharelatex.com/project/.*") {
html, body,
  h1, h2, h3, h4,
  nav, div[class*="message"], /* top of project */
  div[class*="content"], /* project, ... base */
  div[class*="loading"], /* laod screen */
  [class*="toolbar"], [class*="layout"], aside, /* toolbars + editor layout */
  span[class^="ng"], /* file list */
  .chat .new-message textarea  /* chat */
  {
    /*color: #8F908A;*/
    background-color: #272822 !important;
  }
  
  span[class^="ng"] { background-color: inherit !important; } /* for hover */
  
  a[class*="brand"] { background-color: gray !important; } /* logo */
  
  ul[class*="list"] li a { color: DodgerBlue !important; } /* replaces too dark blue */
  ul[class*="menu"] li a { color: gray !important; } /* lighter gray */
  
  /* hover */
  ul[class*="list"]:not([class*="menu"]) li:hover,
  li[class*="ng"] :hover {
    background-color: #3a3a3a !important;
  }
	.toolbar .btn-full-height:hover{
		background-color: /*#3a3a3a*/ rgba(0,0,0,0) !important;
		color: #a4a4a4 !important;
	}
	.toolbar .btn-full-height :hover{
		background-color: /*#3a3a3a*/ rgba(0,0,0,0) !important;
        color: #a4a4a4 !important;
	}
	.toolbar .btn-full-height {
		background-color: rgba(0,0,0,0);
	}  


  /* dropdowns */
  div[class*="card"], ul[class*="dropdown-menu"] {
    background-color: #2a2a2a !important;
    color: rgb(143, 144, 138);
  }
  div.form-controls select {
    background-color: #2a2a2a !important;
    border-left:1px solid #2f3129;
    border-right:1px solid #2f3129;
    border-top:1px solid #2f3129;
    border-bottom:1px solid #2f3129;
  }
  #left-menu form.settings div.form-controls label {
    background: #505050;
    /*color: #8F908A; no important to keep hover color */
  }
  
  /* autocomplete popup */
.ace_editor.ace_autocomplete{
	color: #878882;
}
  [class*="autocomplete"] .ace_active-line { background-color: rgba(143, 144, 138, .2) /*#2a364a*/ !important; } /* active/selected line */
  [class*="autocomplete"] .ace_completion-highlight { color: #F8F8F2 !important; } /* highlighted letters/text = types letters*/
  [class*="autocomplete"] .ace_line-hover { background-color: #0a162a !important; }  /* mouse hover */

.ui-layout-resizer{
    border-left:1px solid #2f3129;
    border-right:1px solid #2f3129;
    border-top:0px solid #2f3129;
    border-bottom:0px solid #2f3129;
}

.toolbar{
	border-bottom:1px solid #2f3129;
}

.toolbar .btn-full-height{
    border-right:1px solid #2f3129;
}

.toolbar .toolbar-right .btn-full-height{
    border-left:1px solid #2f3129;
}

a:focus, a:hover {
    color: #6b221a;
    text-decoration: underline;
}

/*Button*/

.btn-default {
    color: #333;
    background-color: rgba(255,255,255,.43);
    border-color: rgba(0,0,0,0);
}

/*Left Menu fix*/
#left-menu form.settings div.form-controls label{
	background: rgba(0,0,0,0);
    color: #a4a4a4;
}
#left-menu form.settings label{
	color: #a4a4a4;
}
.file-tree ul.file-tree-list li .entity-name span{
    color: #75715E;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Dark pdf border */
  .pdf-viewer div.pdfjs-viewer {
    background-color: inherit;
    border-left:0px solid #2f3129;
    border-right:0px solid #2f3129;
    border-top:0px solid #2f3129;
    border-bottom:0px solid #2f3129;
  }

/*Button close*/
.close {
    float: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

/*Share*/
.modal-body-share .invite-controls {
    background-color: rgba(176, 181, 150, 0.07);
    border-radius: 1%;
}


/*Footer (track changes activation)*/
.modal-footer {
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
    background-color: rgba(176, 181, 150, 0.07);
    border-radius: 0 0 5px 5px;
}

/*Header*/
.modal-header {
    border-bottom: 1px solid #2f3129;
    border-bottom-style: solid;
    border-bottom-color: rgba(229, 229, 229, .1);
}

.modal-body-share .project-invite, .modal-body-share .project-member, .modal-body-share .public-access-level {
    border-bottom: 1px solid #2f3129;
    border-bottom-style: solid;
    border-bottom-color: rgba(229, 229, 229, .1);
}
/*
tags-input .tags {
    background-color: #fff;
}*/

/*Chat*/
.chat .new-message textarea {
    border: 1px solid #2f3129;
    border-top-color: #2f3129;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #2f3129;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #2f3129;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #2f3129;
    border-left-style: solid;
    border-left-width: 1px;
}
.chat .new-message {
    border-top: 1px solid #2f3129;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #2f3129;
}
}