Skip to content

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

Creatio dark

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...

Reviews

No reviews yet.