143 lines
3.1 KiB
CSS
143 lines
3.1 KiB
CSS
/* Copyright (c) 2017 overdodactyl
|
|
Available for use under the MIT License:
|
|
https://opensource.org/licenses/MIT
|
|
https://github.com/overdodactyl/ShadowFox */
|
|
|
|
/* Place the contents of this file in your Violentmonkey settings:
|
|
Dashboard > Settings > Custom Style */
|
|
|
|
:root {
|
|
--primary-light-color: var(--grey-40);
|
|
--light-accent-color: var(--grey-50);
|
|
--mid-way-color: var(--grey-60);
|
|
--primary-dark-color: var(--grey-70);
|
|
--dark-accent: var(--grey-80);
|
|
--primary-accent-color: var(--blue-40);
|
|
--primary-accent-color-dark: var(--blue-50);
|
|
}
|
|
|
|
.tab,
|
|
.CodeMirror-gutter-elt ,
|
|
.CodeMirror-gutter,
|
|
.CodeMirror-gutters,
|
|
.CodeMirror-linenumber,
|
|
.CodeMirror-scroll,
|
|
.CodeMirror-sizer,
|
|
.edit-settings {
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
aside {
|
|
background: var(--dark-accent) !important;
|
|
}
|
|
|
|
h1, h2 {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
.sidemenu > a.active, .sidemenu > a:hover {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
body {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
section > h3 {
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
.script {
|
|
background: var(--mid-way-color) !important;
|
|
}
|
|
|
|
svg {
|
|
fill: var(--primary-light-color) !important;
|
|
}
|
|
|
|
input[type="text"], textarea {
|
|
background: var(--mid-way-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border-color: var(--mid-way-color) !important;
|
|
}
|
|
|
|
.export-list > .ellipsis.active {
|
|
border-color: var(--primary-accent-color) !important;
|
|
background: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
button {
|
|
background: var(--dark-accent) !important;
|
|
border: 2px solid var(--mid-way-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.btn-ghost:hover {
|
|
border-color: var(--primary-dark-color) !important;
|
|
background: var(--dark-accent) !important;
|
|
}
|
|
|
|
.CodeMirror-lines {
|
|
color: var(--primary-light-color) !important;
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
|
|
/* Green Text */
|
|
.cm-s-eclipse span.cm-comment,
|
|
.cm-s-eclipse span.cm-number {
|
|
color: #86de74 !important;
|
|
}
|
|
|
|
/* Blue Text */
|
|
.cm-s-eclipse span.cm-string,
|
|
.cm-s-eclipse span.cm-def,
|
|
.cm-s-eclipse span.cm-type,
|
|
.cm-s-eclipse span.cm-variable-2,
|
|
.cm-s-eclipse span.cm-variable-3 {
|
|
color: #75bfff !important;
|
|
}
|
|
|
|
/* Purple Text */
|
|
.cm-s-eclipse span.cm-keyword,
|
|
.cm-s-eclipse span.cm-atom {
|
|
color: #b78cfd !important;
|
|
}
|
|
|
|
/* Orange Text */
|
|
.cm-s-eclipse span.cm-string-2 {
|
|
color: #dea174 !important;
|
|
}
|
|
|
|
.cm-s-eclipse span.cm-operator,
|
|
.cm-s-eclipse span.cm-property,
|
|
.cm-s-eclipse span.cm-variable {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.CodeMirror-activeline-background.CodeMirror-linebackground{
|
|
background: var(--dark-accent) !important;
|
|
}
|
|
|
|
.edit-nav > div.active {
|
|
background: var(--primary-dark-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.flex.edit-header {
|
|
background: var(--dark-accent) !important;
|
|
}
|
|
|
|
.CodeMirror-gutters {
|
|
border-right: 1px solid var(--mid-way-color) !important;
|
|
}
|
|
|
|
html {
|
|
background: var(--mid-way-color) !important;
|
|
}
|
|
|
|
.submenu ,
|
|
.menu.expand {
|
|
background: var(--mid-way-color) !important;
|
|
}
|