Creatio dark
Creatio dark by stefanoerrevi
Details
Authorstefanoerrevi
LicenseNo License
Categorycreatio
Created
Updated
Size42 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Creatio dark
@version 20220507.07.48
@namespace userstyles.world/user/stefanoerrevi
@description Creatio dark
@author stefanoerrevi
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://work.creatio.com"), url-prefix("https://sifir.creatio.com"), url-prefix("http://localhost:2021"), url-prefix("") {
/*color between islands*/
body[OldUI=false] .center-panel .card-content-container {
background-color: #16151e;
}
body[OldUI=false] .left-panel {
border-right-color: #16151e;
}
body[OldUI=false] .main-header.fixed {
border-top-color: #16151e;
}
body[OldUI=false] .communication-panel .all {
background-color: #16151e;
}
body[OldUI=false] .main-header {
background-color: #16151e;
}
/*islands color*/
body[OldUI=false] .center-main-container > div,
body[OldUI=false] .left-modules-container > div {
background-color: #323639;
border-color: #5b5a61;
}
body[OldUI=false][is-card-opened=true][is-main-header-visible=false] .main-header .right-header-container-class {
border-left-color: #5b5a61;
}
body[OldUI=false] .main-header .left-header-container-class,
body[OldUI=false] .main-header .right-header-container-class {
background-color: #323639;
border-color: #5b5a61;
}
body[OldUI=false] .center-panel .default-center-panel-content .actions-container {
border-left-color: #5b5a61;
border-right-color: #5b5a61;
border-bottom-color: #5b5a61;
}
.card-content-container > .actions-container {
background-color: #323639;
}
body[OldUI=false] .center-main-container > .header-container-margin-bottom > * {
background-color: #323639;
border-color: #5b5a61;
}
body[OldUI=false] .center-panel .schema-wrap.one-el .section-wrap .action-buttons-container-wrapClass {
border-color: #5b5a61;
}
body[OldUI=false] .center-panel .schema-wrap.two-el .section-wrap .combined-action-buttons-section-container-wrapClass {
background-color: #323639;
border-right-color: #5b5a61;
}
body[OldUI=false] .center-panel .schema-wrap.two-el .section-wrap .combined-action-buttons-card-container-wrapClass {
background-color: #323639;
border-left-color: #5b5a61;
border-right-color: #5b5a61;
border-bottom-color: #5b5a61;
}
body[OldUI=false] .center-panel .schema-wrap.two-el .section-wrap .combined-action-buttons-container-wrapClass {
background-color: #16151e;
}
body[OldUI=false][is-card-opened=true][is-main-header-visible=true] .main-header .left-header-container-class,
body[OldUI=false][is-card-opened=true][is-main-header-visible=true] .main-header .right-header-container-class {
border-color: #5b5a61;
}
body[OldUI=false] .center-panel .schema-wrap.two-el .section-wrap .action-buttons-container-wrapClass {
border-left-color: #5b5a61;
}
body[OldUI=false] .left-modules-container .module-container .blank-slate-container {
background-color: #323639;
}
body[OldUI=false] .folders-container-wrapClass,
body[OldUI=false] .extended-filters-container-wrapClass {
background: #323639;
}
.section .left-section-container .x-resizable-handle-east {
border-left-color: #5b5a61;
}
body[OldUI=false][is-main-header-visible="true"] .card-content-container:before {
background-color: #5b5a61;
}
/*grid*/
.action-buttons-container-wrapClass {
background-color: #323639;
}
.utils-container-wrapClass {
background-color: #323639;
}
body {
background-color: #323639;
}
body[OldUI=false] .schema-wrap.one-el .grid-tiled .grid-pad:after,
body[OldUI=false] .schema-wrap.one-el .grid-tiled .grid-pad:before {
background-color: #5b5a61;
}
.grid a,
.multiline-label-wrap a {
color: #adc2ec;
transition: color 0.2s ease;
}
.grid a:hover,
.multiline-label-wrap a:hover {
text-decoration: none;
color: #cde2ff;
transition: color 0.2s ease;
}
.grid-row.grid-pad {
background-color: #323639;
}
.grid-row.grid-row-selected {
background-color: #16151e !important;
}
.grid-listed-row.grid-row-selected {
background-color: #16151e !important;
}
.grid-row-selected {
background-color: #16151e !important;
}
.grid-listed-zebra .grid-listed-row:nth-child(odd) {
background-color: #3c3c46 !important;
}
.grid-listed-zebra .grid-listed-row.grid-row-selected {
background-color: #16151e !important;
}
.grid-sort-arrow {
filter: grayscale(100%) brightness(5);
}
body[OldUI=false] .schema-wrap.two-el .content-container-wrapClass > .section.left-el .section-inner-wrap .data-views-container-wrapClass .grid-dataview-container-wrapClass > .grid .grid-pad:first-child {
border-top-color: #5b5a61;
}
body[OldUI=false] .schema-wrap.two-el .content-container-wrapClass > .section.left-el .section-inner-wrap .data-views-container-wrapClass .grid-dataview-container-wrapClass > .grid .grid-pad.grid-row-selected,
body[OldUI=false] .schema-wrap.two-el .content-container-wrapClass > .section.left-el .section-inner-wrap .data-views-container-wrapClass .grid-dataview-container-wrapClass > .grid .grid-pad:hover {
border-top-color: #5b5a61;
border-bottom-color: #5b5a61;
}
body[OldUI=false] .schema-wrap.two-el .content-container-wrapClass > .section.left-el .section-inner-wrap .data-views-container-wrapClass .grid-dataview-container-wrapClass > .grid .grid-pad.grid-row-selected:last-of-type,
body[OldUI=false] .schema-wrap.two-el .content-container-wrapClass > .section.left-el .section-inner-wrap .data-views-container-wrapClass .grid-dataview-container-wrapClass > .grid .grid-pad:hover:last-of-type {
border-bottom-color: #5b5a61;
}
.schema-wrap.two-el .section.left-el .grid-pad:hover {
background-color: #5b5a61;
}
body[OldUI=false] .schema-wrap.two-el .content-container-wrapClass > .section.left-el .section-inner-wrap .data-views-container-wrapClass .utils-container-wrapClass {
border-bottom-color: #5b5a61;
border-right-color: #5b5a61;
}
body[OldUI=false] .schema-wrap.two-el .content-container-wrapClass > .section.left-el {
border-right-color: #5b5a61;
}
.section .right-section-container {
border-left-color: #5b5a61;
}
body[OldUI=false] .schema-wrap.two-el .content-container-wrapClass > .section.left-el .section-inner-wrap .data-views-container-wrapClass .grid-dataview-container-wrapClass > .grid .grid-pad:after {
background-color: #5b5a61;
}
::-webkit-scrollbar-thumb {
background-color: #5b5a61 !important;
width: 7px !important;
height: 7px !important;
border-color: #5b5a61 !important;
}
::-webkit-scrollbar {
background-color: #16151e;
}
body[OldUI=false] .schema-wrap.one-el .section-inner-wrap.one-el .grid.grid-tiled:not(.grid-empty):before {
border-top-color: #5b5a61;
}
.listed-mode-button {
background-color: transparent !important;
}
.schema-wrap .section.left-el .grid-captions:after {
border-bottom-color: #5b5a61;
}
.configuration-grid .grid-active-selectable {
border-color: #5b5a61;
}
#FileDetailV2SetTiledModeButtonButton-imageEl,
#AccountRelationshipDetailV2RelationshipModeButtonButton-imageEl,
#AccountRelationshipDetailV2DataGridModeButtonButton-imageEl {
background-color: #323639;
}
.grid label.row-label-column {
color: #f1f2f5;
}
.right-summary-container-wrapClass {
background-color: #323639;
}
.summary-item-container {
background-color: #323639;
}
.summary-container-wrapClass .summaries-container .ts-mask-frame {
background-color: #323639;
}
.summaries-container .ts-mask-opacity {
background-color: #323639 !important;
}
.grid-captions > div label {
cursor: pointer;
}
.grid-row-actions .t-btn-wrapper .t-btn-image {
filter: brightness(1.7);
}
.mobile-app-link label,
.community-link label,
.marketplace-link label,
.gettingStarted-link label,
.academy-link label,
.mobile-app-link span,
.community-link span,
.marketplace-link span,
.gettingStarted-link span,
.academy-link span {
color: #a7bce6;
}
.viewmodel-scrolltop-btn {
background-color: #323639;
}
.viewmodel-scrolltop-btn-text {
line-height: 9px;
}
/*grid-setting*/
.grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-item-wrap {
background-color: #16151e;
}
.grid-layout-table-edit-wrap {
background-color: #323639;
}
.grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-grid-cell {
border-color: #5b5a61;
}
.grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-grid-cell[data-row-index="0"] {
border-top-color: #5b5a61;
}
.grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-grid-cell[data-column-index="0"] {
border-left-color: #5b5a61;
}
.grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-item-wrap {
border-color: #323639;
}
.grid-settings .type-select-config .t-btn-text {
border-color: #5972ab;
color: #8bb7fc;
}
.grid-settings .type-select-config .t-btn-text[active="true"] {
color: white;
background-color: #5972ab;
}
#GridSettingsPageAddButtonButton-imageEl {
filter: brightness(0.85);
}
.grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover {
background-color: #3c3d42;
border-color: #5972ab;
}
.column-settings-container .title-label {
color: #999999;
}
.column-settings-container .column-caption-label {
color: #999999;
}
/*inputs*/
.control-width-15 .t-label {
color: #f1f2f5 !important;
}
body {
color: #f1f2f5;
}
input {
background-color: #323639;
}
.control-width-15 .base-edit:not(.base-edit-focus) {
border-color: #323639;
border-bottom-color: #c8c8c8;
}
.control-width-15 .base-edit-focus,
.control-width-15 .base-edit-error.base-edit-focus {
border-color: transparent;
border-bottom-color: #00aeef;
}
.control-width-15 .base-edit.base-edit-disabled .base-edit-input,
.control-width-15 .base-edit.base-edit-disabled {
background-color: #323639;
}
.base-edit-link {
color: #f1f2f5;
}
body[OldUI=false] .left-modules-container .module-container .pro...