Dark Mode to Google Earth Engine
Google Earth Engine Dark Mode by juanmaitach
Details
Authorjuanmaitach
LicenseNo License
CategoryGoogle Earth Engine
Created
Updated
Size29 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Google Earth Engine Dark Mode
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A dark mode to code editor
@author Joao Siqueira
@homepageURL https://github.com/joaosiqueira/dark-mode-gee
@supportURL https://github.com/joaosiqueira/dark-mode-gee/issues
@license unlicense
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("code.earthengine.google.com") {
html {
--ee-legacy-red: #661565;
}
body {
font-family: 'Inter', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Menlo', 'Monaco', 'Bitstream Vera Sans Mono', 'Consolas', 'source-code-pro', monospace!important;
font-size: 14px!important;
}
#head > .user-box {
background-color: #28262600;
border-radius: 5px;
}
#head > .user-box .user {
padding-right: 16px;
left: 0px;
top: -2px;
}
#head .project-label {
background-color: #282626;
border-radius: 5px;
box-shadow: none;
}
.ace_editor {
font-family: 'Ubuntu Mone', 'Monaco', 'Consolas', 'Menlo', 'source-code-pro', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace!important;
font-size: 15px!important;
width: 100%;
height: 100%;
line-height: 28px;
}
#head {
background-color: #21242f!important;
background-image: none;
border-bottom: 0px;
}
.ace_editor .ace_gutter {
font-family: 'Droid Sans Mono', 'Ubuntu Mono', 'Menlo', 'Monaco', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Consolas', 'source-code-pro', monospace!important;
background-color: #1b1e28!important;
color: #d0caca30;
border-right: 1px solid #21242f;
font-size: 14px!important;
}
.inspect-panel {
font-family: 'Inter', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Menlo', 'Monaco', 'Bitstream Vera Sans Mono', 'Consolas', 'source-code-pro', monospace!important;
font-size: 14px!important;
color: #ffffffc9
}
a {
background-color: #21242e;
color: #bf00bf;
cursor: pointer;
font-weight: unset;
text-decoration: none;
}
.env-list > .env-gutter {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: #1b1e28;
width: 41px;
}
.env-list {
font-family: 'Inter', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Menlo', 'Monaco', 'Bitstream Vera Sans Mono', 'Consolas', 'source-code-pro', monospace!important;
font-size: 12px!important;
border-bottom: 5px #00000042 solid;
}
.env-entry-button {
background-color: #000000a3;
}
.env-entry:hover .env-entry-button {
background-color: #6f696f
}
.env-entry:hover .env-entry-button:hover {
background-color: #7b0873a6
}
.ace-xcode {
background-color: #21242f;
color: rgb(231, 248, 248);
}
.ace_editor .ace-line {
height: 24px!important;
padding: 4px!important;
}
.env-list > .header,
.env-list > .body {
background: #21242f;
color: #ddd7d7;
border: 1px solid #21242f;
}
.ace_ee_instance,
.ace_ee_static {
color: #82ead5!important;
}
.ace_string {
color: #fffa54!important;
}
.ace-xcode .ace_cursor {
color: #fff;
}
.ace_numeric {
color: #ea96dc!important;
}
.ace_comment {
color: #949991!important;
}
.ace-xcode .ace_marker-layer .ace_active-line {
background: rgba(0, 0, 0, .25);
}
.ace-xcode .ace_marker-layer .ace_selection {
background: #3a4953a6;
}
.ace-xcode .ace_indent-guide {
background: #0000;
}
.ace_storage,
.ace_keyword,
.ace_language:not(.ace_variable) {
color: #b33b43fa!important;
font-weight: normal;
}
.ace-xcode .ace_fold {
background-color: #82ead5;
border-color: #00000000;
}
.explorer .label {
color: #82ead5;
float: left;
white-space: pre;
}
.env-entry-prefix {
font-weight: bold;
color: #b33b43fa;
}
.goog-splitpane-handle-vertical {
background-repeat: no-repeat;
background-position: center;
border-color: #21242f;
border-style: solid;
border-width: 5px
}
.goog-splitpane-handle-horizontal {
background-repeat: no-repeat;
background-position: center;
border-color: #1e2029;
border-style: solid;
border-width: 5px
}
.panel > .header {
background: #21242e;
padding: 4px;
color: #ffffff;
font-size: 12px;
font-weight: normal;
line-height: 19px;
user-select: none;
}
.google-visualization-table-div-page.gradient {
background-color: #21242e;
background-image: -webkit-linear-gradient(top, #21242e, #21242e);
background-image: -moz-linear-gradient(top, #21242e, #21242e);
background-image: -ms-linear-gradient(top, #21242e, #21242e);
background-image: -o-linear-gradient(top, #21242e, #21242e);
/*background-image: linear-gradient(top, #18191a, #18191a);*/
}
.tab-panel > .header .goog-tab {
font-family: 'Inter', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Menlo', 'Monaco', 'Bitstream Vera Sans Mono', 'Consolas', 'source-code-pro', monospace!important;
display: inline-block;
font-size: 12px;
cursor: pointer;
padding: 0px 4px 0px 4px;
position: relative;
top: 1px;
background: #21242e00;
border: 3px solid #646a7b00;
border-radius: 2px 2px 2px 2px;
border-bottom-color: #7b0873a6;
margin-right: 2px;
color: #ffffffd6;
flex-grow: 1;
}
.tab-panel > .header .goog-tab-selected {
background: #0606064f;
color: #ffffffd6;
}
.tab-panel > .header .goog-tab.alert {
font-family: 'Inter', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Menlo', 'Monaco', 'Bitstream Vera Sans Mono', 'Consolas', 'source-code-pro', monospace!important;
background: #7b0873cc;
border-bottom-color: #51566300;
}
.goog-tab-bar.goog-tab-bar-horizontal.goog-tab-bar-top {
display: -webkit-flex;
flex-direction: row;
justify-content: space-between;
}
.inspect-panel {
font-family: monospace;
}
.tree-manager .tree > .header {
font-family: 'Inter', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Menlo', 'Monaco', 'Bitstream Vera Sans Mono', 'Consolas', 'source-code-pro', monospace!important;
font-weight: normal;
color: #82ead5d9;
line-height: 25px;
}
.tree-manager .tree-item,
.tree-manager .create-link {
font-weight: normal;
color: #dad759ab;
font-style: normal;
line-height: 25px;
}
.tree-item:hover {
font-weight: normal;
color: #dad759ab;
font-style: normal;
}
.tree-manager .header {
color: #82ead5;
font-weight: bold;
}
.tree-manager .tree-file:before,
.tree-drag-clone.tree-file:before,
.tree-drag-clone.header:before {
content: '';
width: 14px;
height: 14px;
position: absolute;
left: 3px;
top: 1px;
background-size: 14px;
background-repeat: no-repeat;
opacity: 0.8;
color: #fdf96da3;
}
.tree-manager .tree-file:before,
.tree-drag-clone.tree-file:before {
background-image: url(https://www.gstatic.com/images/icons/material/system/1x/insert_drive_file_black_18dp.png);
}
pre {
display: block;
font-family: 'Inter', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Menlo', 'Monaco', 'Bitstream Vera Sans Mono', 'Consolas', 'source-code-pro', monospace!important;
white-space: pre;
margin: 1em 0px;
background: #21242e;
color: rgba(255, 255, 255, .7);
border-top: 2px #00000042 solid;
}
hr {
unicode-bidi: isolate;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
margin-inline-start: auto;
margin-inline-end: auto;
overflow: hidden;
border-style: inset;
border-width: 10px;
background: #000000c9
}
.panel > .content > .jfkScrollable-inner {
padding: 4px 8px;
width: auto;
background: #21242e;
box-sizing: border-box;
line-height: 25px;
}
.editor-panel > .header {
height: 24px;
border-bottom: 1px solid #21242f;
border-top: 1px solid #21242f;
}
.tab-panel > .header {
height: 22px;
border-bottom: 1px solid #21242f;
border-top: 1px solid #21242f;
}
.panel > .header {
height: 24px;
border-bottom: 1px solid #21242f;
border-top: 1px solid #21242f;
}
.jfk-button-action {
background-image: -webkit-linear-gradient(top, #18191a, #18191a);
background-color: #18191a;
border: 1px solid #18191a;
color: #fff;
}
.editor-panel > .header .goog-button {
background-image: -webkit-linear-gradient(top, #18191a, #18191a);
background-color: #18191a;
border: 1px solid #18191a;
color: #fff;
height: 24px!important;
}
.editor-panel > .header .goog-button:hover {
border-color: #18191a!important;
color: #fff;
height: 22px!important;
background-color: #7b...