collabora theme

desktop.css

:root {
    --color-box-shadow: rgba(0, 0, 0, 0.1);
    --header-font-size: 13px;
    --btn-size: 25px;
    --color-border: #d1d1d1;
    --color-primary: #2399f4;
    --co-border-radius: 4px;
    --color-main-background: #f5f5f5;
    --color-background-dark: #f5f5f5;
    --color-background-darker: #f5f5f5;
    --color-btn-border: transparent;
    --co-color-border-dark: #fafafa;
    --header-height: 35px;
    --color-border-darker: transparent;
    --color-border-dark: transparent;
    --color-main-text: #454545;
    --color-text-darker: #444;
    --tb-min-fs: 13.5px;
    --tb-max-fs: 13.5px;
    --btn-padding: 3px;
    --jquery-ui-font: system-ui, sans-serif;
}

#document-header, #save,
#toggleuimode-button, #optionstoolboxdown, #toggledarktheme-button, #home-reset-attributes, #zoomreset,
#latestupdates
{
    display: none!important;
}

button#home-brush-button, button#home-reset-attributes {
    display: none;
}

#document-name-input {
    display: none!important;
}

.ui-scroll-left, .ui-scroll-right {
    opacity: 0.1;
    filter: grayscale(1);
}

#toolbar-wrapper {
    border: none;
    background: var(--color-main-background)!important;
    padding: 0 !important;
}
#toolbar-row {
    background: white;
    margin: 10px 10px 0 10px;
    border-radius: 5px;
    margin-top: 0;
    padding: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
}
[data-doctype='text'] {
    --doc-type: 24, 90, 189;
}
html:not([data-theme=dark]) .hasnotebookbar .ui-content.unotoolbutton.selected:not(.has-label):not(.inline):not([class*=unospan-options-]), html:not([data-theme=dark]) .sidebar.unotoolbutton.selected {
    border-color: var(--color-border)!important;
}
#toolbar-up .ui-tab.selected.notebookbar {
    font-weight: bolder;
}
#toolbar-up .ui-listbox, .ui-combobox, .ui-timefield {
    background: transparent;
}

#Home-container #home-undo-redo {
    border-right: 2px solid var(--color-main-background);
}

#Home-container > .notebookbar:nth-child(4),
#Home-container > .notebookbar:nth-child(6) {
    border-left: 2px solid var(--color-main-background);
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 100%;
}
#toolbar-up .arrowbackground {
    opacity: 0.5;
    transform: scale(0.8);
}
#toolbar-up .ui-tabpage .notebookbar.vertical {
    padding-left: 5px;
    padding-right: 5px;
}
#toolbar-up #fontnamecombobox input {
    width: 160px;
}
#toolbar-up #home-para-left-to-right img, #toolbar-up #home-control-codes-button img, #toolbar-up #home-para-right-to-left-button img{
    width: 85%;
}
#toolbar-up .unotoolbutton.has-label .unolabel {
    margin-top: 6px;
    display: block;
}
#toolbar-up .unotoolbutton.has-label.has-dropdown .arrowbackground {
    grid-column: inherit;
    display: block;
    margin: -4px auto 0 auto;
}

.unotoolbutton.notebookbar .unolabel {
    font-size: 0.75rem;
}

.ui-listbox-arrow {
    opacity: 0.5;
    transform: scale(0.8);
}
.hasnotebookbar .ui-content.unotoolbutton.has-label:hover, .hasnotebookbar .ui-content.unotoolbutton.inline:hover, .hasnotebookbar .ui-content.unotoolbutton:not(.has-label):not(.inline):hover, .sidebar.unotoolbutton:hover, .jsdialog.unotoolbutton:hover, .notebookbar.unotoolbutton:hover {
    border-color: transparent;
    background: #efefef !important;
}

/* remove colors of second class citizens buttons */
#home-insert-table-button, #home-insert-page-break-button, #home-insert-graphic-button,
#home-search-dialog-button, #home-para-left-to-right-button, #home-para-right-to-left {
    filter: grayscale(1);
}

/* Dialog */
.lokdialog_container .ui-dialog-titlebar-close .ui-icon {
    transform: scale(0.7);
    margin-left: -15px;
}

/* Sidebar */
#sidebar-dock-wrapper {
    background: var(--color-main-background);
    padding-top: 20px!important;
}

/* tooltip */
.cooltip-text {
    background: white;
    color: #666;
    padding: 2px 10px;
    font-size: 0.75rem;
    border-radius: 3px;
    margin-top: -11px;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

/* bottom toolbar */
#toolbar-wrapper:not(.mobile) ~ #toolbar-down {
    background: var(--color-main-background)!important;
}
#toolbar-wrapper:not(.mobile) ~ #toolbar-down .ui-badge, #toolbar-wrapper:not(.mobile) ~ #toolbar-down .unolabel {
    color: rgba(97,97,97)!important;
}
#toolbar-up .unotoolbutton:not(#home-paste, #home-undo, #home-redo, #home-cut, #home-copy) img {
    filter: grayscale(0.4) saturate(0.9) opacity(0.95);
}
#toolbar-down img { filter: brightness(0.4); }
#toolbar-down > .root-container { border-top: 1px solid #e1e1e1; }

@media screen and (max-width: 1400px) {
    #home-insert-annotation { display: none; }
}
@media screen and (max-width: 1650px) {
    #home-insert-table, #home-insert-page-break, #home-search, #home-search-dialog, #home-insert-graphic, #CharmapControl, #home-control-codes { display: none; }
}
#home-background-color-entries .auto-color-button-container {
    margin-bottom: 2px;
}

/* excel specific */
#formulabar-row { border-top: none; }
#expand.formulabar { }

/* modal */
.jsdialog-overlay.dimmed {
    background: #f2f3f5f0;
}
.iframe-welcome-wrap {  display: none; }
.leaflet-progress-label.brand-label { display: none; }
.jsdialog h2.section-header {
    margin-bottom: 5px;
    font-size: 1.2rem;
}
.jsdialog h3.section-header {
    margin-bottom: 5px;
    font-size: 1.1rem;
}
.jsdialog h1 {
    font-size: 1.4rem;
}
.jsdialog h4 {
    font-size: 1rem;
    margin: 7px 0 0 0;
}
.jsdialog input[type="search"] {
    border: 2px solid rgba(0, 0, 0, 0.2) !important;
    padding: 5px 10px!important;
    color: inherit;
    filter: grayscale(1);
    font-size: var(--tb-min-fs)!important;
}
.jsdialog-container {
    box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.1)!important;
}
.lokdialog_container .ui-dialog-titlebar.ui-widget-header {
    background: white !important;
    border-bottom: 2px solid var(--color-main-background);
    padding: 10px 20px;
    opacity: 0.6;
}
h2.ui-dialog-title {
    font-size: 0.9rem;
    text-transform: initial;
    font-weight: normal;
}
.jsdialog hr { opacity: 0.15; }
.jsdialog li p {
    margin-top: 3px;
    margin-bottom: 3px;
}
.jsdialog p {
    margin-top: 5px;
    margin-bottom: 5px;
}
.lokdialog_container.ui-dialog .ui-dialog-titlebar-close:hover {
    background: transparent;
}
.lokdialog_container.ui-dialog .ui-dialog-titlebar-close:hover > .ui-icon-closethick {
    background-image: url("images/close-widget.svg");
}
.button-secondary:hover, button:not(.ui-corner-all):not(.button-primary):not(.unobutton):not(.form-field-button):not(.notebookbar.ui-tab):hover {
    background: var(--color-main-background) !important;
}
.button-primary {
    border-color: transparent;
}
.button-primary:hover {
    color: var(--color-primary-text);
}
.jsdialog.menubutton:not([disabled]):hover, .ui-listbox:not([disabled]):hover, .jsdialog.ui-edit:not([disabled]):hover, .jsdialog.ui-textarea:not([disabled]):hover {
    background-color: var(--color-main-background);
    border-width: 0;
}
.jsdialog:focus-visible {
    outline: 1px solid var(--color-main-background);
}
.jsdialog.ui-grid .ui-grid-cell {
    margin: 1px 0;
}

:not(.main-nav) .button-secondary, :not(.main-nav)>div>button:not(.ui-tab):not(.ui-corner-all):not(.button-primary):not(.unobutton):not(.form-field-button):not(.col),
.jsdialog-window .ui-listbox, .jsdialog-window .ui-combobox, .jsdialog-window .ui-timefield,
.button-primary, .spinfield {
    padding-top: 0!important;
    padding-bottom: 0!important;
    height: 25px;
}
.jsdialog.ui-edit, #hyperlink-text-box:not(.mobile-wizard) {
    height: 25px;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
}
.vertical.jsdialog {
    font-size: 15px;
}
.jsdialog button.border-0 {
    color: var(--color-primary) !important;
}