Dark Mode for JetEngine WordPress by drpine

/* ==UserStyle==
@name         Dark Mode for JetEngine WordPress
@version      20220331.21.18
@namespace    userstyles.world/user/drpine
@description  Was tired of the default layout being so white even with the Dark Mode plugin activated.  Everything looks much better now.  I can keep my sanity :)
@author       drpine
@license      No License
==/UserStyle== */

@-moz-document domain("topshelf.tech"), domain("ellevatebeautyllc.com"), domain("nipacclogistics.llc"), domain("bossce.llc"), domain("fdw.construction"), domain("picthis.net"), domain("sites.topshelf.tech"), domain("maxprowash.com") {
a:link {
    color: #3cff3b !important;
}
a:visited {
    color: #01d3d7 !important;
}
a:hover {
    color: #2bc02b !important;
}
a:active {
    color: #ff00f7 !important;
}
p {
    color: #fff;
}
h1,
h2,
h3,
h4,
h5,
p,
span,
small,
strong {
    color: white !important;
}
/* Universal Button Template START */
/* Login Message Start */
.login .message,
#login_error,
#loginform,
.wlcms-body-wrapper,
.wlcms-navigation.navigation .current,
.jet-apb-calendar-notification {
    background: #000 !important;
}
body {
    background: #212121;
}
.thumbnail,
.attachment-info,
#wp-auth-check-wrap #wp-auth-check,
.notice.notice-error,
.notice,
.updated.js-update-details,
.left.dashicons,
.right.dashicons,
.media-modal-close,
.updated,
.wf-block-list,
.wf-dashboard-item,
.activity-block,
#the-comment-list li {
    background: #212121 !important;
}
.navigation.wizard-steps.fixed,
.wlcms-navigation.navigation.fixed {
    background: #2b2d2d !important;
}
/* Login Message End */
/* I will be adding classes here to re-theme existing buttons */
.button,
.cx-vui-button--size-mini {
    /*     background: #2B2D2D;
    color: white;
    border: solid 2px;
    border-color: #3cff3b;
    font-weight: bold; */
    background: #2B2D2D !important;
    color: white !important;
    border-color: #3cff3b !important;
    font-weight: bold !important;
}
a.button.button-primary {
    background: #2B2D2D;
    color: white;
    border: solid 2px;
    border-color: #3cff3b;
    font-weight: bold;
}
a.button.button-secondary {
    background: #3cff3b;
    color: black;
    font-weight: bold;
}
a:hover.button.button-primary {
    background: #229722;
    color: white;
    border: solid 2px;
    border-color: #3cff3b;
    font-weight: bold;
}
a:hover.button.button-secondary {
    background: #229722;
    color: #FFF;
    font-weight: bold;
}
/* User Profile Section START */
#wpbody-content h2 {
    color: white !important;
}
#your-profile,
.user-description-wrap p,
.user-sessions-wrap p,
.user-email-wrap p,
#new_application_password_name_desc,
#message,
.e-compatibility-update-table th {
    background: #2B2D2D;
    color: white;
}
table.form-table label,
table.form-table th,
.nav-tab-wrapper {
    background: #202121 !important;
    color: white !important;
}
#updateusers h1,
#updateusers p,
#updateusers ul {
    color: white;
}
.create-application-password.form-wrap button,
.button.wp-generate-pw,
.button#destroy-sessions,
.user-description-wrap textarea,
.user-display-name-wrap select,
#new_role,
#new_role2,
#brizy-maintenance-mode,
select.form-required,
.inline-edit-status select,
.ct-toast.ct-toast-error {
    background: #2B2D2D;
    color: white;
    border: solid 1px white;
}
.button.cancel.alignleft,
a.page-title-action {
    background: #2B2D2D !important;
    color: white !important;
    border-color: #3cff3b !important;
    font-weight: bold !important;
}
.button.button-primary.save.alignright {
    background: #3cff3b;
    color: black;
    font-weight: bold;
}
.button.cancel.alignleft:hover {
    background: #229722;
    color: white;
    border: solid 2px;
    border-color: #3cff3b;
    font-weight: bold;
}
.button.button-primary.save.alignright:hover,
a:hover.page-title-action {
    background: #229722 !important;
    color: #FFF !important;
    font-weight: bold !important;
}
/* User Profile Section END*/
/* Elementor Template Popup START */
.elementor-templates-modal__header,
#elementor-new-template__form {
    background-color: #2B2D2D !important;
    color: white;
    border: none;
}
.dialog-lightbox-message,
.wf-notification {
    background: #4a4e4efc !important;
    color: white;
}
#elementor-new-template__description__title,
#elementor-new-template__description__content {
    background: #4c5050fc !important;
    color: white;
}
.nav-tab.nav-tab-active {
    background: #4c5050fc;
    color: white;
}
.nav-tab,
#elementor_library_category {
    background: #2B2D2D;
    color: white;
}
/* Elementor Template Popup END */
/* Page Editor in Guttenberg START */
.brizy-buttons-gutenberg a,
.brizy-buttons-gutenberg a:active {
    background-color: #2B2D2D !important;
    border: solid white;
}
.brizy-buttons-gutenberg a:hover,
#elementor-go-to-edit-page-link {
    background-color: #353838 !important;
    box-shadow: none;
    border: solid white;
}
.components-menu-group,
.components-popover__content {
    background-color: #2B2D2D !important;
    margin: 0px !important;
    padding: 0px !important;
}
.components-toolbar-group,
.components-accessible-toolbar.block-editor-block-contextual-toolbar {
    background: #2B2D2D !important;
    margin: 0px !important;
    padding: 0px !important;
}
.css-1jerldp {
    background-color: #2B2D2D !important;
}
/**/
/*Appearance*/
.manage-menus,
.nav-menu-header,
div#nav-menu-header,
div#nav-menu-footer,
#post-body,
#posttype-page-tabs .tabs,
#taxonomy-category-tabs .tabs,
#tabs-panel-posttype-page-most-recent,
#tabs-panel-category-pop,
#tabs-panel-darkmode-switcher-endpoints {
    background: #2B2D2D !important;
}
div.accordion-section-content{
    background: #000 !important;
}
/**/
/*User Menus*/
.fs-visual,
.fs-content,
.fs-actions,
.fs-permissions {
    background: #2B2D2D !important;
}
/**/    
/*User Role Editor*/
#ure_tabs,
#ure_toolbar,
.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header,
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.wp-dialog.ui-dialog-buttons.ui-draggable,
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle,
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background: #2B2D2D !important;
}
.ui-button.ui-corner-all.ui-widget,
.bulk-select-button,
.bulk-selection .bulk-select-button,
#submit-posttype-wp-dark-mode-switcher {
    background: #2B2D2D;
    color: white;
    border: solid 2px;
    border-color: #3cff3b;
    font-weight: bold;
}
/**/
/* Crocoblock Wizard START */
.jet-dashboard-page__guide-content,
.jet-dashboard-page__panel,
.plugin-label,
.cx-vui-subtitle,
.panel-header-desc,
.panel-header-title {
    background: #4a4e4efc;
    color: white !important;
}
.plugin-update-label {
    color: #c9c9c9 !important;
}
.cx-vui-subtitle span,
.cx-vui-subtitle div,
.cx-vui-subtitle--controls {
    background: #4a4e4efc !important;
    width: 100%;
}
.jet-menu-alert,
.alert,
.banner-inner,
.cx-vui-popup__body,
.cx-vui-popup__header-label,
.license-list,
.license-details__field span {
    background: #2B2D2D;
    color: white !important;
}
/* Crocoblock Wizard END */
/* Shortcode Block START */
.wp-block-shortcode {
    background: #4a4e4efc !important;
    border: solid white
}
.components-placeholder__label {
    background: #4a4e4efc !important;
}
/* Shortcode Block END */
/* Side Bars START */
.block-directory-downloadable-blocks-panel {
    display: none;
}
.block-editor-inserter__main-area,
.components-panel__body-toggle,
.components-tab-panel__tabs-item,
.block-editor-inserter__panel-content,
.block-editor-block-types-list__item {
    background-color: #2B2D2D;
    color: white !important;
}
.block-editor-block-icon {
    color: white !important;
}

.block-editor-inserter__search,
.block-editor-inserter__block-list {
    background: #4a4e4efc;
}
.components-base-control__help,
.block-editor-inserter__panel-title,
.components-unit-control__select {
    color: white !important;
}
/* Side Bars END */
h3,
label,
p,
div {
    color: white !important;
}
.cx-vui-component,
.cx-vui-component__desc,
.cx-vui-collapse__heading {
    background-color: #2B2D2D;
    color: white !important;
}
#wpcontent,
.cx-vui-subtitle {
    background-color: #202121;
}
#wpfooter {
    display: none;
}
.cx-vui-iconpicker__preview,
.cx-ui-kit .cx-ui-repeater-item {
    background-color: black;
}
.dashicons,
.cx-vui-collapse__heading-icon,
.cx-vui-panel,
.list-table-heading,
.list-table-heading__cell.cell--actions {
    background-color: #2B2D2D;
}

/* New Form Section START */
.editor-styles-wrapper {
    background: #2B2D2D;
    color: white !important;
}
.is-desktop-preview,
.jet-form-builder__label,
.edit-post-layout__footer li,
.edit-post-layout__footer ul,
.interface-interface-skeleton__footer,
.css-10klw3m.em57xhy0 {
    background: #2B2D2D !important;
    color: white !important;
}
.inside-block-options,
.components-toolbar,
.cx-vue-list-table__items,
.vc-day div,
.cx-vui-tabs__nav-item--active {
    background: #363939 !important;
    color: white !important;
}
input,
textarea,
/* .components-flex,
.components-card__header,
.components-card-header,
.components-card__body,
.components-card-body,
.block-editor-block-mover-button,
.components-dropdown-menu__toggle,
.block-editor-block-mover__drag-handle, */
.components-textarea-control__input,
.gantt-header,
.gantt-blocks,
.cx-vui-notice.cx-vui-notice--success,
.select2-selection__rendered,
#select2-relation_d24910eb4572dc24f2ea8b975842e6a8-results,
.cx-vui-notice.cx-vui-notice--error,
.cx-vui-notice.cx-vui-notice--warning,
.vc-pane,
.cx-vui-inner-panel,
.cx-vui-tabs__nav,
.components-modal__content,
.components-modal__header,
.jet-form-edit-modal__actions,
.jet-apb-config-popup,
.plugin-settings-toggle__link.active,
.repeater__item__header,
.repeater-item__content,
.list-table-item.list-table-item--has-choose.list-table-item--has-actions,
.list-table-item-columns,
.media-frame-content {
    background: #2B2D2D !important;
    color: white !important;
 ...