Skip to content

Primeval Age - Dark Mode Edit Box by werewire

Screenshot of Primeval Age - Dark Mode Edit Box

Details

Authorwerewire

LicenseCC-BY-NC-4.0

Categoryprimevalarpg.com

Created

Updated

Size1.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

makes the tinymce box match the dark mode theme

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Primeval Age - Dark Mode Edit Box
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Werewire
==/UserStyle== */

@-moz-document domain("primevalarpg.com") {
    .tox, .tox :not(svg) {
  color: #FFF !important;
}
    .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background-color: #343a40;
    
  border-top: 1px solid #ccc;
}
    .tox .tox-tbtn svg {
  display: block;
  fill: #fff;
}
    .tox .tox-tbtn--disabled svg, .tox .tox-tbtn--disabled:hover svg, .tox .tox-tbtn:disabled svg, .tox .tox-tbtn:disabled:hover svg {
  fill: rgba(162, 166, 172, .5);
}
    .tox .tox-tbtn:hover {
  background: #91a6bb73;
  box-shadow: none;
  color: #222f3e;
}
    .tox .tox-edit-area__iframe {
  background-color: #343a40;
}
    .mce-content-body {
  color: #FFF;
}
    .tox .tox-statusbar {
  background-color: #222f3e;
  border-top: 1px solid #ccc;
  color: rgba(34,47,62,.6);
}
}

Reviews

No reviews yet.