snapshot of https://github.com/espocrm/espocrm.git (master, 2026-09-18; blobs > 131072B omitted)

frontend/less/glass/custom.less

@@ -0,0 +1,280 @@
+@backdrop-filter: blur(2px);
+@backdrop-filter-2: blur(4px);
+
+
+:root {
+    --body-bg-2: @body-bg-2-value;
+}
+
+body[data-navbar="side"].minimized.side-menu-opened {
+    #navbar > .navbar {
+        border-right: var(--1px) solid var(--panel-default-border);
+        backdrop-filter: @backdrop-filter-2;
+
+        .navbar-body {
+            background-color: var(--navbar-inverse-bg);
+        }
+    }
+
+    > .side-menu-backdrop {
+        margin-left: 0;
+    }
+}
+
+body[data-navbar="top"] {
+    #navbar > .navbar {
+        @media screen and (min-width: @screen-sm-min) {
+            backdrop-filter: @backdrop-filter-2;
+        }
+    }
+}
+
+.alert {
+    backdrop-filter: @backdrop-filter;
+}
+
+body {
+    background-size: 100% 20000px;
+    background: var(--body-bg) repeating-linear-gradient(
+        354deg,
+        var(--body-bg-2) 0px,
+        var(--body-bg) 2000px,
+        var(--body-bg-2) 4000px
+    ) top;
+
+    .list-container-panel {
+        > .list {
+            .table,
+            .table tr,
+            .table tr td,
+            .list-group-item {
+                background-color: transparent;
+            }
+        }
+    }
+
+    .panel {
+        &.panel-default > .panel-heading {
+            background-color: transparent;
+        }
+
+        &.headered {
+            background: var(--panel-bg);
+        }
+
+        .list-container > .list {
+            background-color: transparent;
+            .table,
+            .table tr,
+            .table tr:not(.active) td,
+            .list-group-item {
+                background-color: transparent;
+            }
+
+            .list-group-item.active {
+                background-color: var(--default-heading-bg-color);
+            }
+        }
+
+        &.panel-danger {
+            background-color: var(--panel-danger-bg);
+            > .panel-heading {
+                background-color: transparent;
+            }
+        }
+        &.panel-warning {
+            background-color: var(--panel-warning-bg);
+            > .panel-heading {
+                background-color: transparent;
+            }
+        }
+        &.panel-success {
+            background-color: var(--panel-success-bg);
+            > .panel-heading {
+                background-color: transparent;
+            }
+        }
+        &.panel-info {
+            background-color: var(--panel-info-bg);
+            > .panel-heading {
+                background-color: transparent;
+            }
+        }
+
+        .panel-body .field > .link-container .list-group-item {
+            background-color: transparent;
+        }
+    }
+
+    #navbar {
+        .navbar-right {
+            @media screen and (min-width: @screen-sm-min) {
+                backdrop-filter: @backdrop-filter !important;
+            }
+        }
+    }
+
+    .stick-sub,
+    .sticked-bar{
+        backdrop-filter: @backdrop-filter !important;
+        border-bottom: var(--1px) solid var(--panel-default-border);
+    }
+
+    .list {
+        > .table {
+            background-color: transparent;
+        }
+    }
+
+    #notifications-panel,
+    #global-search-panel,
+    #last-viewed-panel {
+        > .panel {
+            backdrop-filter: @backdrop-filter;
+            > .panel-heading {
+                background-color: transparent;
+            }
+            > .panel-body {
+                background-color: transparent;
+                .list,
+                ul > li.list-group-item {
+                    background-color: transparent;
+                }
+            }
+            background-color: var(--dropdown-bg);
+        }
+    }
+
+    .alert {
+        border-color: var(--panel-default-border) !important;
+        border-top: 0;
+    }
+
+    .modal-dialog > .modal-content {
+        backdrop-filter: @backdrop-filter;
+    }
+}
+
+.field .list-group {
+    background-color: transparent;
+}
+
+.complex-text-container.cut > .complex-text::before {
+    height: var(--20px);
+    background: none;
+    backdrop-filter: blur(1px);
+}
+
+.page-header {
+    .page-header-column-1 {
+        &.no-break-words {
+            .header-breadcrumbs.overlapped {
+                &:after {
+                    background: none;
+                    backdrop-filter: blur(1px);
+                }
+            }
+        }
+    }
+}
+
+select.form-control > option {
+    background-color: var(--dropdown-bg);
+}
+
+#login.panel > .panel-heading {
+    background-color: transparent;
+}
+
+.ui-timepicker-wrapper {
+    scrollbar-color: var(--input-bg) var(--scroll-bg);
+
+    &::-webkit-scrollbar-track {
+        background: var(--input-bg);
+    }
+}
+
+.popup-notification {
+    border-width: var(--1px);
+    backdrop-filter: @backdrop-filter;
+}
+
+.popup-notification-danger {
+    background-color: var(--brand-danger);
+    border-color: var(--panel-default-border);
+
+    h4 {
+        color: var(--text-color);
+    }
+}
+
+.popup-notification-warning {
+    background-color: var(--brand-warning);
+    border-color: var(--panel-default-border);
+
+    h4 {
+        color: var(--text-color);
+    }
+}
+
+.popup-notification-primary {
+    background-color: var(--brand-primary);
+    border-color: var(--panel-default-border);
+
+    h4 {
+        color: var(--text-color);
+    }
+}
+
+.popup-notification-success {
+    background-color: var(--brand-success);
+    border-color: var(--panel-default-border);
+
+    h4 {
+        color: var(--text-color);
+    }
+}
+
+.popup-notification-info {
+    background-color: var(--brand-info);
+    border-color: var(--panel-default-border);
+
+    h4 {
+        color: var(--text-color);
+    }
+}
+
+.panel .panel.note-editor {
+    background-color: transparent;
+
+    &.fullscreen {
+        background-color: var(--body-bg);
+    }
+}
+
+.dashlet-body {
+    table.table,
+    .list-container > .list,
+    .calendar-container > .calendar,
+    .calendar-container > .timeline {
+        background-color: transparent;
+    }
+}
+
+.list-group-side li.selected {
+    a {
+        &.side-link,
+        &:hover.side-link,
+        &:active.side-link,
+        &:visited.side-link,
+        &:focus.side-link {
+            color: var(--state-danger-text);
+            font-weight: 600;
+        }
+    }
+}
+
+.list-kanban .kanban-head-container.sticked {
+    background-color: unset;
+    backdrop-filter: @backdrop-filter;
+}

frontend/less/glass/iframe/custom.less

@@ -0,0 +1,3 @@
+body {
+    background-color: transparent;
+}

frontend/less/glass/iframe/main.less

@@ -0,0 +1,8 @@
+@import "../../espo/bootstrap/variables.less";
+@import "../../espo/value-variables.less";
+@import "../../espo/variables.less";
+@import "../variables.less";
+@import "../../espo/root-variables.less";
+@import "../../espo/fonts.less";
+@import "../../espo/iframe/iframe.less";
+@import "custom.less";

frontend/less/glass/main.less

@@ -0,0 +1,12 @@
+@import (css) "espo.css";
+
+@import "../espo/bootstrap/variables.less";
+@import "../espo/value-variables.less";
+@import "../espo/variables.less";
+@import "variables.less";
+@import "../espo/root-variables.less";
+@import "custom.less";
+
+body {
+    --theme-name: Glass !important;
+}

frontend/less/glass/variables.less

@@ -0,0 +1,178 @@
+@body-bg-value: #363458;//#483f57;
+@panel-bg-value: #2424246b;
+
+@body-bg-2-value: #3f4157;
+
+@panel-default-text-value: #b7b7b7;
+@panel-default-bg-value: @panel-bg-value;
+@panel-border-width-value: 0px;
+
+@text-color-value: #dbdbdb;
+@text-white-color-value: @text-color-value;
+@text-gray-color-value: #979696;
+@text-solid-color-value: #c9c9c9;
+
+@main-gray-value: #ececec;
+
+@gray-soft-value: #cfcfcf;
+@gray-light-value: #a7a7a7;
+
+@gray-value: #898989;
+
+@brand-primary-value: #404e66bd;
+@brand-success-value: #58815191;
+@brand-warning-value: #ab8343a8;
+@brand-danger-value: #b95855a8;
+@brand-info-value: #9080b5a8;
+
+@state-danger-text-value: #b46a66;
+@state-success-text-value: #78b47b;
+@state-warning-text-value: #ad8b50;
+@state-info-text-value: #b2a6c9;
+
+@state-success-bg-value: #3a5438b5;
+@state-danger-bg-value: #422a2a9e;
+@state-warning-bg-value: #443b1e9e;
+@state-info-bg-value: #5d537596;
+@state-primary-bg-value: #3d4348bd;
+
+@state-default-text-value: #c4c4c4;
+@state-default-bg-value: #4d4c59;
+
+@warning-bg-value: #81714a1a;
+
+@link-record-color-value: @text-color-value;
+@link-record-hover-color-value: @link-record-color-value;
+
+@link-color-value: #99bce9;
+
+@text-link-color-value: @link-color-value;
+
+@table-bg-value: @panel-bg-value;
+@table-bg-accent-value: #1e25303d;
+
+@panel-primary-text-value: @panel-default-text-value;
+
+@panel-success-bg-value: @state-success-bg-value;
+@panel-danger-bg-value: @state-danger-bg-value;
+@panel-warning-bg-value: @state-warning-bg-value;
+@panel-info-bg-value: @state-info-bg-value;
+
+@navbar-link-hover-color-value: lighten(@navbar-link-color-value, 10%);
+
+@navbar-inverse-color-value: @gray-light-value;
+@navbar-inverse-bg-value: #14141482;
+@navbar-inverse-link-color-value: @text-color-value;
+@navbar-inverse-link-hover-color-value: #fff;
+@navbar-inverse-link-active-bg-value: #4a474c66;
+@navbar-inverse-link-icon-color-value: @navbar-inverse-link-color-value;
+@navbar-inverse-link-icon-hover-color-value: @navbar-inverse-link-hover-color-value;
+@navbar-inverse-link-hover-bg-value: transparent;
+
+@navbar-border-width-value: 0;
+
+@navbar-link-icon-color-value: #979696;
+
+@navbar-bg-value: transparent;
+@navbar-box-shadow-value: @default-box-shadow-value;
+
+@default-border-color-value: #605858;
+
+@default-heading-bg-color-value: #384660c4;
+
+@modal-backdrop-bg-value: fade(#060403, 45%);
+@modal-header-bg-value: transparent;
+@modal-footer-bg-value: transparent;
+@modal-content-bg-value: #3b3e59eb;
+@modal-box-shadow-value: -4px 6px 22px 13px rgba(0,0,0,0.1);
+@modal-header-border-color-value: transparent;
+
+@input-bg-value: #4e45589e;
+@input-color-value: @text-color-value;
+@input-border-value: #786d83;
+@input-border-focus-value: #4b7b9d;
+@input-bg-disabled-value: #4c48509e;
+@input-color-disabled-value: @text-gray-color-value;
+
+@site-footer-color-value: @gray-light-value;
+
+@btn-default-bg-value: #70617887;
+@btn-default-border-value: @input-border-value;
+@btn-default-color-value: #e7dede;
+@btn-default-hover-bg-value: darken(@btn-default-bg-value, 6%);
+@btn-default-hover-border-value: darken(@btn-default-border-value, 3%);
+@btn-default-active-bg-value: darken(@btn-default-bg-value, 8%);
+@btn-default-active-border-value: darken(@btn-default-bg-value, 9%);
+
+@btn-primary-border-value: lighten(@btn-primary-bg-value, 12%);
+@btn-primary-hover-border-value: darken(@btn-primary-border-value, 7%);
+@btn-primary-hover-bg-value: darken(@btn-primary-bg-value, 6%);
+
+@btn-success-border-value: lighten(@btn-success-bg-value, 8%);
+@btn-success-hover-border-value: darken(@btn-success-border-value, 7%);
+
+@btn-danger-border-value: lighten(@btn-danger-bg-value, 10%);
+@btn-danger-hover-border-value: darken(@btn-danger-border-value, 7%);
+
+@btn-warning-border-value: lighten(@btn-warning-bg-value, 10%);
+@btn-warning-hover-border-value: darken(@btn-warning-border-value, 7%);
+
+@btn-info-border-value: lighten(@btn-info-bg-value, 10%);
+@btn-info-hover-border-value: darken(@btn-info-border-value, 7%);
+
+@btn-text-color-value: #b7b7b7;
+
+@popover-bg-value: #2e2634fa;
+
+@dropdown-bg-value: @popover-bg-value;
+@dropdown-link-color-value: @text-color-value;
+@dropdown-link-hover-color-value: lighten(@text-color-value, 5%);
+@dropdown-link-hover-bg-value: #433f46c7;
+@dropdown-divider-bg-value: @default-border-color-value;
+@dropdown-border-value: transparent;
+@dropdown-border-width-value: 0;
+@dropdown-link-active-bg-value: #4D4950C7;
+
+@select-item-bg-value: #1e253054;
+@select-item-border-value: @btn-default-border-value;
+
+@calendar-today-bg-value: @table-bg-accent-value;
+@calendar-border-value: #666363;
+@calendar-busy-bg-value: #440c0c5c;
+
+@label-color-value: #dfdfdf;
+@label-default-bg-value: #534958;
+
+@well-bg-value: @panel-bg-value;
+@well-border-value: @panel-default-border-value;
+
+@code-bg-value: #484444;
+@code-color-value: #a9a9a9;
+@code-border-color-value: #424242;
+
+@blockquote-border-color-value: @gray-value;
+
+@scroll-bg-value: #7b71910a;
+@scroll-thumb-bg-value: #79787aab;
+
+@collapsed-modal-bg-value: @dropdown-bg-value;
+
+@login-panel-heading-bg-value: @panel-bg-value;
+
+@default-box-shadow-value: 14px 9px 15px -3px rgba(0,0,0,0.1);
+@dropdown-box-shadow-value: 14px 9px 15px -3px rgba(0,0,0,0.1);
+@top-bar-box-shadow-value: 6px 6px 4px rgba(0, 0, 0, 0.02);
+
+@border-radius-value: var(--6px);
+@panel-border-radius-value: var(--10px);
+@dropdown-border-radius-value: var(--6px);
+
+@panel-border-width-value: var(--1px);
+@panel-default-border-value: #a587ab42;
+
+@panel-warning-border-value: @panel-default-border-value;
+@panel-success-border-value: @panel-default-border-value;
+@panel-danger-border-value: @panel-default-border-value;
+@panel-primary-border-value: @panel-default-border-value;
+@panel-info-border-value: @panel-default-border-value;
+