Skip to content

Calamari by plumkator

Screenshot of Calamari

Details

Authorplumkator

LicenseNo License

Categoryapp-new.calamari.io

Created

Updated

Size16 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Calamari Dark style

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         Calamari
@version      20230628.15.00
@namespace    userstyles.world/user/plumkator
@description  Calamari Dark style
@author       plumkator
@license      No License
==/UserStyle== */

@-moz-document domain("app-new.calamari.io") {
:root{
    scrollbar-color: #27a082 #1c1c1c;
}
*{
    box-shadow: none !important;
}
::-moz-selection { /* Code for Firefox */
  color: #1c1c1c;
  background: #27a082;
}

::selection {
  color: #1c1c1c;
  background: #27a082;
}
.style_logo__3S-GD{
    filter: invert(47%) sepia(18%) saturate(1657%) hue-rotate(115deg) brightness(108%) contrast(79%);
}
.CUI-popover-nav__list-2wFyq{
    background: #1c1c1c;
    border: 1px solid #27a082;
}
.CUI-popover-nav__item-1E7TM a:hover{
    background: #27a082;
    color: #1c1c1c !important;
}
.CUI-popover-nav__item-1E7TM a:hover svg *{
    fill: #1c1c1c;
}
.CUI-popover-nav__item-1E7TM button{
    color: #DD2C00 !important;
}
.CUI-popover-nav__item-1E7TM button:hover{
    background: #27a082;
}
.CUI-popover-nav__item-1E7TM button svg *,.CUI-popover-nav__item-1E7TM button:hover svg *{
    fill: #DD2C00;
}
.CUI-header-bar__heading-2CU_b{
    margin: 0 auto;
}
.CUI-alerts__container-c2ovn{
    background: #1c1c1c;
    border: 1px solid #27a082;
}
.CUI-alerts__container-c2ovn .CUI-alerts__contentContainer-36k3D .CUI-button__link-1q-7m{
    text-decoration: underline;
}
.style_helpIcon__Rbl6a, .style_helpIcon__Rbl6a path{
    fill: #1c1c1c;
}
.CUI-sidebar__barItem-Y7kbu button:hover{
    background: #27a082;
    border: 2px solid #1c1c1c;
}
/*---------ZEGAR--------*/
.CUI-main__bar-P87lb, .CUI-main__barWithoutBorder-2LFxM,.CUI-main__content-3zoZ5,.CUI-sidebar__nav-16gPO,#contextMenu{
    background: #1c1c1c !important;
}
span, p, a{
    color: #27a082 !important;
}
.CUI-sidebar__navItem-1blJT a:hover, .CUI-sidebar__navItem-1blJT span:hover, .CUI-sidebar__navItem-1blJT button:hover{
    background: #27a082;
    color: #1c1c1c !important;
}
.CUI-sidebar__navItem-1blJT a:hover svg *, .CUI-sidebar__navItem-1blJT span:hover svg *, .CUI-sidebar__navItem-1blJT button:hover svg *{
    fill: #1c1c1c !important;
}
.style_bar__3I_z0{
    background: #1c1c1c;
    border: 1px solid #27a082;
    border-left: 0;
    border-right: 0;
}
.style_center__mLW_m::after, .style_center__mLW_m::before{
    background: #27a082;
}
.CUI-vertical-tabs__container-1mns5 .CUI-vertical-tabs__tabContainer-1jWDf .CUI-vertical-tabs__tabIconContainer-vEFIc .CUI-vertical-tabs__tabItem-22-mv:hover{
    background: #27a082;
}
.CUI-vertical-tabs__container-1mns5 .CUI-vertical-tabs__tabContainer-1jWDf .CUI-vertical-tabs__tabIconContainer-vEFIc .CUI-vertical-tabs__tabItem-22-mv:hover svg *{
    fill: #1c1c1c;
}
.style_boundIconContainer__2Ac1f:focus, .style_boundIconContainer__2Ac1f:hover{
    background: #27a082;
}
.style_boundIconContainer__2Ac1f .style_boundIcon__1kz7M{
    fill: #27a082;
}
.style_boundIconContainer__2Ac1f:focus svg *, .style_boundIconContainer__2Ac1f:hover svg *{
    fill: #1c1c1c;
}
.style_bar__3I_z0{
    box-shadow: none;
}
/*--------ZEGAR-----------*/
/*------EWIDENCJA---------*/
.CUI-single-drawer-container__drawer-__L_e{
    background: #1c1c1c !important;
    border-left: 1px solid #27a082;
}
.style_container__2V920{
    background: #1c1c1c !important;
}
/*------EWIDENCJA---------*/
/*--------OBECNOŚĆ--------*/
/*SEARCH*/
.CUI-search-feature__searchContainer-26C0T{
    background: #1c1c1c;
}
.CUI-header-bar-button__button-3cQK2 button svg *{
    fill: #27a082;
}
.CUI-header-bar-button__button-3cQK2 button:not(:disabled):hover{
    background: #1c1c1c;
}
.CUI-header-bar-button__button-3cQK2 button:not(:disabled):hover svg *{
    fill: #fff;
}
.CUI-search-feature__searchContainer-26C0T .CUI-search-feature__searchField-pbTGK input{
    color: #27a082;
}
.CUI-search-feature__filtersContainer-R8ulb,.CUI-combo-box__container-16coA .CUI-combo-box__comboBoxInput-1Ivdv,.CUI-combo-box__listOpen-2i5Ir{
    background: #1c1c1c;
    border: 1px solid #27a082;
    color: #27a082
}
.CUI-combo-box__listItem-20e1I:hover{
    background: #27a082;
    color: #1c1c1c;
}
.CUI-checkbox__checkbox-25V_H,.CUI-badge__colorGray200-2DTJx{
    background: #1c1c1c;
    border: 1px solid #27a082;
}
.CUI-combo-box__selectedBox-1lA6E{
    background: transparent;
}
.CUI-button__secondary-2TOy0, .CUI-button__secondary-2TOy0, .CUI-button__secondary-2TOy0{
    border-color: #fff;
    color: #fff;
}
.CUI-button__secondary-2TOy0:hover, .CUI-button__secondary-2TOy0:focus, .CUI-button__secondary-2TOy0:active{
    background: #fff;
    color: #1c1c1c;
}
.CUI-button__primary-1JtU1, .CUI-button__small-Ilsy8{
    color: #1c1c1c;
}
.CUI-button__primary-1JtU1:hover, .CUI-button__small-Ilsy8:hover, .CUI-button__primary-1JtU1:focus, .CUI-button__small-Ilsy8:focus, .CUI-button__primary-1JtU1:active, .CUI-button__small-Ilsy8:active{
    background: #1c1c1c;
    color: #27a082;
}
.CUI-button__primary-1JtU1:disabled, .CUI-button__small-Ilsy8:disabled{
    background: #DD2C00;
    color: #1c1c1c;
    border-color: #DD2C00;
}
/*SEARCH*/
.CUI-table__tableBodyRow-1LP17:hover .CUI-table__tableBodyColumn-25HEL{
    background: #27a082;
}
.CUI-table__tableBodyRow-1LP17:hover .CUI-table__tableBodyColumn-25HEL span,.CUI-table__tableBodyRow-1LP17:hover td span{
    color: #1c1c1c !important;
}
.style_dot__37jEt{
    height: 10px;
    width: 10px;
}
.style_avatarContainer__1Hb7k .style_presenceDot__1eJcn{
    right: 0;
    top: 23px;
}
.CUI-search-feature__filtersContainer-R8ulb .CUI-search-feature__bottomButtons-wcFLG{
    background: transparent;
}
/*------OBECNOŚĆ----------*/
/*------USTAWIENIA--------*/
.CUI-section-separator__container-tzSAF{
    background: #27a082;
    height: 4px;
}
.CUI-radio__radio-izcxs{
    background: #1c1c1c;
}
/*HASŁO*/
.CUI-text-field__input-3RHLo{
    background: #1c1c1c;
    color: #27a082;
    border-color: #27a082;
}
.CUI-src__clickableIcon-32rJS:hover, .CUI-src__clickableIcon-32rJS.CUI-src__focusVisible-1DgVQ, .CUI-src__clickableIcon-32rJS:active{
    background: #1c1c1c;
}
/*HASŁO*/
/*KALENDARZ*/
.CUI-badge__colorWhite-3wrlt{
    background: #1c1c1c;
}
.CUI-table__tableBodyRow-1LP17:hover .CUI-table__tableBodyColumn-25HEL span{
    color: #27a082;
}
.CUI-table__tableBodyRow-1LP17:hover .style_container__1w6dR svg *{
    fill: #1c1c1c;
}
.CUI-table__tableBodyRow-1LP17:hover .CUI-table__tableBodyColumn-25HEL:first-child span{
    color: #1c1c1c !important;
}
/*KALENDARZ*/
/*MOBILE*/
.CUI-mobile-apps__container-2Vj1N .CUI-mobile-apps__contentContainer-2vaP_ .CUI-mobile-apps__badgesContainer-3kFIo{
    background: #1c1c1c;
}
/*MOBILE*/
/*POWIADOMIENIA*/
.style_icon__37p2o svg path,.style_moduleIcon__3-nAs, .style_moduleIcon__3-nAs path{
    fill: #27a082;
}
.style_container__1N-BM:hover{
    background: #27a082;
}
.style_row__JoVdB.style_hover__1QEEr:hover{
    background: #27a082;
}
.style_row__JoVdB.style_hover__1QEEr:hover .style_moduleIcon__3-nAs, .style_row__JoVdB.style_hover__1QEEr:hover .style_moduleIcon__3-nAs path{
    fill: #1c1c1c;
}
.CUI-simple-switch__container-2fLHU .CUI-simple-switch__switch-2es0T{
    border-color: #27a082;
}
.CUI-simple-switch__container-2fLHU .CUI-simple-switch__active-35reM{
    background: #1c1c1c;
}
.CUI-simple-switch__container-2fLHU .CUI-simple-switch__switch-2es0T [class="rc-switch-inner"],.CUI-simple-switch__container-2fLHU:hover .CUI-simple-switch__active-35reM [class="rc-switch-inner"]{
    background-color: #27a082;
}
.style_row__JoVdB.style_hover__1QEEr:hover .CUI-simple-switch__container-2fLHU .CUI-simple-switch__switch-2es0T{
    border-color: #1c1c1c;
    background: #1c1c1c;
}
.style_buttonLabel__t-KFW{
    color: #27a082 !important;
}
.style_row__JoVdB.style_hover__1QEEr:hover .style_buttonLabel__t-KFW{
    color: #1c1c1c !important;
}
/*POWIADOMIENIA*/
/*SYNCHRONIZACJA-KALENDARZA*/
.CUI-selectable-area__container-1cIyJ,.style_container__3odze .style_filtersRow__3sDaS,.style_groupRow__2IQUK,.style_userRow__-n69u{
    background: #1c1c1c;
}
.CUI-selectable-area__container-1cIyJ:hover,.style_groupRow__2IQUK:hover,.style_userRow__-n69u:hover{
    background-color: #27a082;
}
.CUI-selectable-area__container-1cIyJ:hover SPAN,.style_groupRow__2IQUK:hover span,.style_userRow__-n69u:hover span{
    COLOR: #1C1C1C !important;
}
.CUI-modal__content-2lR6F,.CUI-select__container-mmhAL .CUI-select__listOpen-cauCK{
    background: #1c1c1c;
    border: 1px solid #27a082;
}
.CUI-select__container-mmhAL .CUI-select__select-1Uoep,.CUI-select__container-mmhAL .CUI-select__listOpen-cauCK li{
    color: #27a082 !important;
}
.CUI-select__container-mmhAL .CUI-select__listOpen-cauCK li:hover{
    color: #1c1c1c !important;
    background-color: #27a082;
}


/*SYNCHRONIZACJA-KALENDARZA*/
/*--------USTAWIENIA--------*/
}

@-moz-document url-prefix("https://sidly.calamari.io/clockin/main-new.do?iframe=true") {
body,#mainWindowContainer{
    background-color: #1c1c1c;
    color: #27a082;
}
*{
    box-shadow: none !important;
}
#contextMenu,.ContextDialog{
    background-color: #1c1c1c;
}
#contextMenu h1.windowTitle{
    color: #27a082;
}
#contextMenu > a{
    border: 1px solid #1c1c1c;
}
#contextMenu > a:hover{
    background: #1c1c1c;
    border: 1px solid #27a082;
}
.iconPrevRange,.iconNextRange,.iconView{
    filter: invert(47%) sepia(18%) saturate(1657%) hue-rotate(115deg) brightness(108%) contrast(79%);
}
input, textarea{
    background-color: #1c1c1c;
    color: #27a082;
    border-color: #27a082;
}
.SmartTable-Header,.SmartTable.columnsHeadersClickable .SmartTable-ContentTable .SmartTable-Header .SmartTable-Cell:hover,.SmartTable-Cell.hover,.SmartTable.cellsHovering .SmartTable-ContentTable .SmartTable-Header .SmartTable-Cell.hover{
    background-color: #1c1c1c;
}
.SmartTable-LeftPart .SmartTable-Content-Row.hover,.SmartTable-Content-Row.hover{
    background: #27a082 !important;
    color: #1c1c1c;
}
.TimesheetTable-div-indicators-in,.TimesheetTable-div-indicators-out,.TimesheetTable-div-indicators-duration{
    color: #27a082;
}...

Reviews

No reviews yet.