Skip to content

Instantly share code, notes, and snippets.

@keckelt
Created July 18, 2018 15:58
Show Gist options
  • Save keckelt/f9f1076851b2a26520e2e96dce69a597 to your computer and use it in GitHub Desktop.
Save keckelt/f9f1076851b2a26520e2e96dce69a597 to your computer and use it in GitHub Desktop.
ShareLatex Monokai Theme
/* ==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;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment