Темная тема для конструктора Tilda!
目前為
// ==UserScript==
// @name Dark mode for Tilda (beta)
// @namespace https://bocmanbarada.ru/codes
// @version 0.2
// @description Темная тема для конструктора Tilda!
// @author bocmanbarada
// @license MIT
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// @match https://tilda.cc/page/*
// @match https://tilda.cc/domains/*
// @match https://tilda.cc/projects/*
// @exclude https://store.tilda.cc/*
// @exclude https://experts.tilda.cc/*
// @exclude https://members.tilda.cc/*
// @exclude https://feeds.tildacdn.com/*
// @exclude https://crm.tilda.cc/*
// @exclude https://news.tildacdn.com/*
// @exclude https://upwidget.tildacdn.com/*
// ==/UserScript==
(function() {
'use strict';
$('head').append(`'
<style>
html {
background: #242424;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #fa876b;
background-clip: padding-box;
border: 2px solid transparent;
border-radius: 10px;
}
/* стили для страниц https://tilda.cc/projects/ */
body .td-maincontainer {
color: #d3d3d3;
}
.td-maincontainer {
background-color: #242424;
}
.td-project-head {
background-color: #1a1a1a;
color: #d3d3d3;
}
.td-project-head a {
color: #d3d3d3;
}
.td-project-midpanel__site-title a {
border-bottom-color: #d3d3d3 !important;
}
[onclick^=td__showform__EditFolderSettings] {
color: #d3d3d3;
}
.td-project-controls__search-input, .td-project-controls__select {
border: 1px solid rgb(255 255 255 / 10%);
color: #757575;
}
.td-project-controls__sort::after {
border-top-color: #757575;
}
.td-project-pages-panel a {
color: #7c7c7c;
}
.td-project-pages-panel a:hover {
color: #ff8562;
}
.td-project__chb-indicator {
border-color: rgb(211 211 211 / 30%);
border-radius: 3px;
}
.td-project-head-wrapper, .td-page__wrapper, .td-page__img {
border-color: #444;
}
.td-page__td-title a {
color: #d3d3d3;
}
.td-page__td-title-edit::before {
color: #d3d3d3 !important;
}
.td-project-advanced .td-page:hover .td-page__td-title a {
color: #fff;
}
.td-project-advanced .td-page .td-page__td-title a:hover {
color: #fa8669;
}
.td-project-uppanel__trash-icon svg {
fill: #fa8669;
}
.td-project-uppanel__url-icon svg, .td-project-folders svg, .td-project-pages svg, .td-project-pages svg path {
fill: #d3d3d3;
}
.td-page__buttons a {
color: #d3d3d3;
}
.td-maincontainer .td-maincontainer-bottom svg path {
stroke: #d3d3d3;
}
.td-maincontainer-bottom a {
color: #d3d3d3;
}
.td-maincontainer-bottom a:hover {
color: #ff8562;
}
.td-project-advanced .td-plan .td-plan__button .td-button, .td-project-advanced .td-plan .td-plan__button .td-button:hover {
color: #fff;
}
.td-gs svg {
fill: #d3d3d3;
}
.td-project__selectallmenu {
background-color: #1a1a1a;
}
.td-project__selectallmenu__item:hover {
color: #ff8562;
}
.td-project__selectallmenu__close::before, .td-project__selectallmenu__close::after {
background-color: #d3d3d3;
}
.td-sites-grid__item {
background-color: rgb(52 52 52);
border: 1px solid rgb(100 69 61);
}
.td-sites-grid__item[data-item-kind="em"] {
background-color: rgb(39 74 86 / 38%) !important;
}
.td-sites-grid__item:hover {
background-color: rgb(44 41 38);
}
.td-sites-grid__item a, .td-site__title, .td-site__descr {
color: #d3d3d3;
}
.td-sites-grid__more {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EArtboard%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' fill='%23ffffff' fill-rule='nonzero'%3E%3Cpath d='M11.75,18 C12.7164983,18 13.5,18.7835017 13.5,19.75 C13.5,20.7164983 12.7164983,21.5 11.75,21.5 C10.7835017,21.5 10,20.7164983 10,19.75 C10,18.7835017 10.7835017,18 11.75,18 Z M11.75,10.5 C12.7164983,10.5 13.5,11.2835017 13.5,12.25 C13.5,13.2164983 12.7164983,14 11.75,14 C10.7835017,14 10,13.2164983 10,12.25 C10,11.2835017 10.7835017,10.5 11.75,10.5 Z M11.75,3 C12.7164983,3 13.5,3.78350169 13.5,4.75 C13.5,5.71649831 12.7164983,6.5 11.75,6.5 C10.7835017,6.5 10,5.71649831 10,4.75 C10,3.78350169 10.7835017,3 11.75,3 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.td-site__hr {
background-color: #4e4e4e;
}
.td-sites-more {
background-color: #282828;
}
.td-sites-more__header {
color: rgb(211 211 211 / 50%);
}
.td-sites-more__link:hover {
background-color: #303030;
}
center a:hover {
color: #ff8562 !important;
}
/* стили для страниц https://tilda.cc/projects/settings */
.ss-container {
background-color: #242424;
}
.ss-container__wrapper a, .ss-header-nav__item {
color: #d3d3d3;
}
.ss-header-nav__img, .jq-checkbox.checkbox-btn, .ss-list-link-forms li a::before, .ss-list-link li a:before {
filter: invert(1);
}
.ss-wrapper {
background: rgb(52 52 52);
border: 1px solid #444444;
}
.ss-menu {
border: 1px solid #444444;
}
.ss-label {
color: #999999;
}
.ss-menu-pane__description, .ss-input, .ss-menu-pane__title, .ss-form-group__hint, .ss-list-link-forms li a, .ss-list-link li a {
color: #d3d3d3;
}
.ss-container__wrapper .ss-form-group__hint a {
color: #fa633f;
}
.ss-list-link-forms li a:hover:before, .ss-list-link li a:hover:before {
filter: invert(0);
}
.ss-container__wrapper a.ss-btn-white, .ss-container__wrapper a.btn-default {
color: #000;
}
.ss-container__wrapper a.ss-btn, .ss-container__wrapper a.ss-button, .ss-container__wrapper a.td-popup-btn, .ss-container__wrapper .ss-menu__item_active a {
color: #fff;
}
.ss-menu__item a:hover {
background: rgb(0 0 0 / 12%);
}
.ss-container__wrapper .ss-menu__item_active a:hover {
background: #fa876b;
}
.t265-wrapper {
background: #484848 !important;
}
.ss-tabs__menu {
border-bottom-color: rgb(255 255 255 / 10%);
}
.ss-tabs__item#ss-tabs__line {
background: #fa876b;
}
/* стили для страниц https://tilda.cc/page/ */
body {
color: #d3d3d3;
background-color: #242424;
}
.recordediticons {
color: #000;
}
.recordediticons a {
color: #d3d3d3 !important;
}
#editforms, #editformsxl, .tp-library__body, .tp-shortcuttools__table, .tp-menu__leftdrop-list-folder {
color: #000;
}
.tp-menu {
background-color: rgb(34 34 34);
box-shadow: 0 0 20px rgb(8 8 8 / 40%);
}
.tp-menu__wrapper a {
color: #d3d3d3;
}
.tp-menu__leftdrop-icon:hover, .tp-menu__rightitems .annexx-publish svg:hover, .tp-menu__item > a:hover {
background-color: rgb(52 52 52 / 50%) !important;
}
.tp-menu__waves, .tp-menu__leftdrop-icon img, .tp-menu__leftdrop-list-ico-home {
filter: invert(1);
}
.annexx-open-link-page svg polygon {
fill: #d3d3d3 !important;
}
.tp-menu__item .caret {
border-top-color: #d3d3d3;
}
.tp-menu__item > a:hover .caret {
border-top-color: #f4846b;
}
.tp-menu__item {
overflow: hidden;
}
.tp-menu__item.dropdown.open {
overflow: visible;
}
.dropdown-menu {
background: #303030;
}
.dropdown-menu .tp-menu__item-drop a {
color: #d3d3d3;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
background-color: #262626;
}
.tp-menu__leftdrop-list {
background-color: rgb(52 52 52);
overflow-y: auto;
overflow-x: hidden;
}
.tp-menu__leftdrop-list a {
color: #fff;
}
.tp-menu__leftdrop-list a:hover {
color: #f4846b !important;
background-color: rgb(34 34 34 / 60%) !important;
}
.tp-menu__leftdrop-list-folder {
color: #d3d3d3;
}
.tp-record-edit-icons-left__dropdown-menu {
background-color: #303030;
}
.tp-tplswitch-item:hover {
background-color: #242424;
}
</style>'`);
})();