ShadowFox/css/userContent-files/webextension-tweaks/violentmonkey.css

/*! Alters the webextension Violentmonkey
  IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://violentmonkey_UUID/") {
  .edit-settings,
  .tab,
  section > h3 {
    background: var(--in-content-page-background)!important;
    border-color: var(--in-content-box-background)!important
  }
  .tab-installed > header {
    background: var(--in-content-category-header-background)!important;
    border-color: var(--in-content-box-background)!important
  }
  aside {
    background: var(--in-content-category-header-background)!important
  }
  .sidemenu > a.active,
  .sidemenu > a:hover,
  h1,
  h2 {
    color: var(--in-content-link-color)!important
  }
  body {
    color: var(--in-content-page-color)!important
  }
  .script {
    background: var(--in-content-box-background)!important;
    border-color: var(--in-content-box-border-color)!important
  }
  svg {
    fill: var(--in-content-page-color)!important
  }
  .menu-item:hover svg {
    fill: var(--in-content-selected-text)!important
  }
  .menu {
    border-color: var(--in-content-box-border-color)!important
  }
  input[type=text],
  textarea {
    -moz-appearance: none!important;
    background: var(--in-content-box-background)!important;
    color: var(--in-content-page-color)!important;
    border: 1px solid!important;
    padding: 2px!important;
    border-color: var(--in-content-box-border-color)!important
  }
  input[type=text] {
    border-radius: 3px!important
  }
  .export-list > .ellipsis.active {
    border-color: var(--in-content-primary-button-background)!important;
    background: var(--in-content-primary-button-background)!important
  }
  .export-list > .ellipsis.active:hover {
    border-color: var(--in-content-primary-button-background-hover)!important;
    background: var(--in-content-primary-button-background-hover)!important
  }
  button {
    -moz-appearance: none!important;
    background: var(--in-content-page-background)!important;
    border: 1px solid!important;
    border-color: var(--in-content-box-border-color)!important;
    color: var(--in-content-text-color)!important;
    margin-top: 5px!important;
    margin-right: 5px!important;
    border-radius: 3px!important
  }
  button:not([disabled]):hover {
    background-color: var(--in-content-box-background-hover)!important
  }
  button[disabled] {
    opacity: .5!important
  }
  .btn-ghost:hover {
    border-color: var(--in-content-box-background)!important;
    background: var(--in-content-page-background)!important
  }
  .edit-nav > div.active {
    background: var(--in-content-page-background)!important;
    color: var(--in-content-page-color)!important
  }
  .flex.edit-header > .buttons > button:nth-child(2):not([disabled=disabled]):after {
    content: '?'!important
  }
  .flex.edit-header > .buttons > button:nth-child(2)[disabled=disabled]:after {
    content: 'd'!important
  }
  .menu-item:hover,
  .submenu-button {
    background: var(--theme-selection-background-hover)!important;
    color: var(--in-content-selected-text)!important
  }
  .flex.edit-header,
  .message.modal-content {
    background: var(--in-content-category-header-background)!important
  }
  .menu.expand,
  .page-popup,
  .submenu,
  html {
    background: var(--in-content-box-background)!important
  }
  .vl-dropdown-menu {
    border: 1px solid!important;
    background: var(--in-content-page-background)!important
  }
  .dropdown-menu-item:hover {
    background: var(--grey-80)!important
  }
  .dropdown-menu-item {
    color: var(--in-content-page-color)!important
  }
  .frame-block {
    background: var(--in-content-box-background)!important
  }
  .CodeMirror {
    border: 1px solid #4a4a4f;
    border-radius: 4px!important;
    background: #2a2a2e!important;
    color: #b1b1b3!important
  }
  div.CodeMirror-selected {
    background: #353b48!important
  }
  .CodeMirror-line > span > span::selection,
  .CodeMirror-line > span::selection,
  .CodeMirror-line::selection {
    background: #353b48!important
  }
  .CodeMirror-line > span > span::-moz-selection,
  .CodeMirror-line > span::-moz-selection,
  .CodeMirror-line::-moz-selection {
    background: #353b48!important
  }
  .CodeMirror-gutters {
    background: #2a2a2e!important;
    border-right: 0 solid #4a4a4f!important
  }
  .CodeMirror-guttermarker,
  .CodeMirror-guttermarker-subtle {
    color: #555!important
  }
  .CodeMirror-linenumber {
    color: #939393!important
  }
  .CodeMirror-cursor {
    border-left: 1px solid!important;
    border-color: #fff!important
  }
  span.cm-comment {
    color: #939393!important
  }
  span.cm-atom,
  span.cm-attribute,
  span.cm-builtin,
  span.cm-error,
  span.cm-keyword,
  span.cm-quote {
    color: #ff7de9!important
  }
  span.cm-number,
  span.cm-string,
  span.cm-string-2 {
    color: #6b89ff!important
  }
  span.cm-hr,
  span.cm-meta {
    color: #939393!important
  }
  span.cm-header,
  span.cm-qualifier,
  span.cm-variable-2 {
    color: #75bfff!important
  }
  span.cm-property {
    color: #86de74!important
  }
  span.cm-bracket,
  span.cm-def,
  span.cm-link:visited,
  span.cm-tag {
    color: #75bfff!important
  }
  span.cm-variable {
    color: #b98eff!important
  }
  span.cm-variable-3 {
    color: #d7d7db!important
  }
  span.cm-link {
    color: #737373!important
  }
  span.cm-operator {
    color: #b1b1b3!important
  }
  span.cm-special {
    color: #d7d7db!important
  }
  .CodeMirror-activeline-background {
    background: rgba(185,215,253,.15)!important
  }
  .CodeMirror-matchingbracket {
    outline: rgba(255,255,255,.25) solid 1px!important;
    color: #fff!important
  }
}