diff --git a/src/BootstrapAdminUi/assets/styles/_buttons.scss b/src/BootstrapAdminUi/assets/styles/_buttons.scss index 0363a9b3..59bf6e05 100644 --- a/src/BootstrapAdminUi/assets/styles/_buttons.scss +++ b/src/BootstrapAdminUi/assets/styles/_buttons.scss @@ -3,6 +3,15 @@ min-width: 44px; } +.btn-ghost-secondary, +.btn-ghost.btn-secondary { + --tblr-btn-hover-color: var(--tblr-body-color); + --tblr-btn-hover-bg: var(--tblr-active-bg); + --tblr-btn-hover-border-color: transparent; + --tblr-btn-active-color: var(--tblr-body-color); + --tblr-btn-active-bg: var(--tblr-active-bg); +} + .copy-to-clipboard-button { // Tabler's minimum button dimensions require a length, not the unitless btn-sm line-height. --tblr-btn-line-height: var(--tblr-btn-icon-size); diff --git a/src/BootstrapAdminUi/public/app.css b/src/BootstrapAdminUi/public/app.css index 106773cb..ad1a26ce 100644 --- a/src/BootstrapAdminUi/public/app.css +++ b/src/BootstrapAdminUi/public/app.css @@ -27,7 +27,7 @@ * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. - */*{--tblr-breadcrumb-item-active-color:var(--tblr-gray-500);--tblr-breadcrumb-divider-color:var(--tblr-gray-300);--tblr-breadcrumb-link-color:var(--tblr-body-color);--tblr-blue-rgb:17,81,141;--tblr-green-rgb:0,97,16;--tblr-pagination-border-width:0}[data-bs-theme=light]{--tblr-body-color:#212529;--tblr-code-color:#36393b}[data-bs-theme=light] body{--bs-body-bg:#f9fafb;--bs-tertiary-bg:#f9fafb;--bs-body-color:#212529}[data-bs-theme=light] [data-theme-switch=light]{display:none}[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light]{--tblr-body-bg:#0f1623;--tblr-body-bg-rgb:15,22,35;--tblr-bg-surface:#1e2433;--tblr-bg-surface-tertiary:#0f1623}[data-bs-theme=dark] .btn:where(:not([class*=btn-ghost])),body[data-bs-theme=dark] [data-bs-theme=light] .btn:where(:not([class*=btn-ghost])){--tblr-btn-border-color:var(--tblr-border-color)}[data-bs-theme=dark] .btn-ghost-dark,body[data-bs-theme=dark] [data-bs-theme=light] .btn-ghost-dark{--tblr-btn-color:var(--tblr-body-color);--tblr-btn-disabled-color:var(--tblr-body-color)}[data-bs-theme=dark] .btn-secondary,body[data-bs-theme=dark] [data-bs-theme=light] .btn-secondary{--tblr-btn-bg:var(--tblr-bg-surface);--tblr-btn-border-color:var(--tblr-border-color);--tblr-btn-hover-bg:var(--tblr-border-color);--tblr-btn-color:var(--tblr-body-color);--tblr-btn-hover-color:var(--tblr-body-color)}[data-bs-theme=dark] .form-check-input:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .form-control:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .form-select:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .input-group-text,body[data-bs-theme=dark] [data-bs-theme=light] .form-check-input:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .form-control:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .form-select:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .input-group-text{border-color:var(--tblr-border-color)}[data-bs-theme=dark] .active>.page-link,[data-bs-theme=dark] .page-link.active{background-color:var(--tblr-bg-surface);border-color:var(--tblr-border-color)}[data-bs-theme=dark] [data-theme-switch=dark],body[data-bs-theme=dark] [data-bs-theme=light] [data-theme-switch=dark]{display:none}[data-bs-theme=dark] .empty-img img{filter:invert(.9) hue-rotate(180deg)}a{text-underline-offset:.25em}a.link-reset{text-decoration:none}.btn-collapse.collapsed .icon-chevron-right{display:inline-flex}.btn-collapse.collapsed .icon-chevron-down,.btn-collapse:not(.collapsed) .icon-chevron-right{display:none}.btn-collapse:not(.collapsed) .icon-chevron-down{display:inline-flex}.breadcrumb-item{max-width:min(300px,30vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item a{text-decoration:none}.breadcrumb-item a:hover{color:#22b99a}.switch-collapse{display:none}label:has(input:checked)~.switch-collapse{display:block}.btn:not(.btn-sm){min-height:44px;min-width:44px}.copy-to-clipboard-button{--tblr-btn-line-height:var(--tblr-btn-icon-size)}/*! + */*{--tblr-breadcrumb-item-active-color:var(--tblr-gray-500);--tblr-breadcrumb-divider-color:var(--tblr-gray-300);--tblr-breadcrumb-link-color:var(--tblr-body-color);--tblr-blue-rgb:17,81,141;--tblr-green-rgb:0,97,16;--tblr-pagination-border-width:0}[data-bs-theme=light]{--tblr-body-color:#212529;--tblr-code-color:#36393b}[data-bs-theme=light] body{--bs-body-bg:#f9fafb;--bs-tertiary-bg:#f9fafb;--bs-body-color:#212529}[data-bs-theme=light] [data-theme-switch=light]{display:none}[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light]{--tblr-body-bg:#0f1623;--tblr-body-bg-rgb:15,22,35;--tblr-bg-surface:#1e2433;--tblr-bg-surface-tertiary:#0f1623}[data-bs-theme=dark] .btn:where(:not([class*=btn-ghost])),body[data-bs-theme=dark] [data-bs-theme=light] .btn:where(:not([class*=btn-ghost])){--tblr-btn-border-color:var(--tblr-border-color)}[data-bs-theme=dark] .btn-ghost-dark,body[data-bs-theme=dark] [data-bs-theme=light] .btn-ghost-dark{--tblr-btn-color:var(--tblr-body-color);--tblr-btn-disabled-color:var(--tblr-body-color)}[data-bs-theme=dark] .btn-secondary,body[data-bs-theme=dark] [data-bs-theme=light] .btn-secondary{--tblr-btn-bg:var(--tblr-bg-surface);--tblr-btn-border-color:var(--tblr-border-color);--tblr-btn-hover-bg:var(--tblr-border-color);--tblr-btn-color:var(--tblr-body-color);--tblr-btn-hover-color:var(--tblr-body-color)}[data-bs-theme=dark] .form-check-input:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .form-control:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .form-select:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .input-group-text,body[data-bs-theme=dark] [data-bs-theme=light] .form-check-input:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .form-control:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .form-select:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .input-group-text{border-color:var(--tblr-border-color)}[data-bs-theme=dark] .active>.page-link,[data-bs-theme=dark] .page-link.active{background-color:var(--tblr-bg-surface);border-color:var(--tblr-border-color)}[data-bs-theme=dark] [data-theme-switch=dark],body[data-bs-theme=dark] [data-bs-theme=light] [data-theme-switch=dark]{display:none}[data-bs-theme=dark] .empty-img img{filter:invert(.9) hue-rotate(180deg)}a{text-underline-offset:.25em}a.link-reset{text-decoration:none}.btn-collapse.collapsed .icon-chevron-right{display:inline-flex}.btn-collapse.collapsed .icon-chevron-down,.btn-collapse:not(.collapsed) .icon-chevron-right{display:none}.btn-collapse:not(.collapsed) .icon-chevron-down{display:inline-flex}.breadcrumb-item{max-width:min(300px,30vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item a{text-decoration:none}.breadcrumb-item a:hover{color:#22b99a}.switch-collapse{display:none}label:has(input:checked)~.switch-collapse{display:block}.btn:not(.btn-sm){min-height:44px;min-width:44px}.btn-ghost-secondary,.btn-ghost.btn-secondary{--tblr-btn-hover-color:var(--tblr-body-color);--tblr-btn-hover-bg:var(--tblr-active-bg);--tblr-btn-hover-border-color:transparent;--tblr-btn-active-color:var(--tblr-body-color);--tblr-btn-active-bg:var(--tblr-active-bg)}.copy-to-clipboard-button{--tblr-btn-line-height:var(--tblr-btn-icon-size)}/*! * This file is part of the Sylius package. * * (c) Sylius Sp. z o.o. diff --git a/src/BootstrapAdminUi/public/app.rtl.css b/src/BootstrapAdminUi/public/app.rtl.css index 8a549c23..5512b072 100644 --- a/src/BootstrapAdminUi/public/app.rtl.css +++ b/src/BootstrapAdminUi/public/app.rtl.css @@ -27,7 +27,7 @@ * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. - */*{--tblr-breadcrumb-item-active-color:var(--tblr-gray-500);--tblr-breadcrumb-divider-color:var(--tblr-gray-300);--tblr-breadcrumb-link-color:var(--tblr-body-color);--tblr-blue-rgb:17,81,141;--tblr-green-rgb:0,97,16;--tblr-pagination-border-width:0}[data-bs-theme=light]{--tblr-body-color:#212529;--tblr-code-color:#36393b}[data-bs-theme=light] body{--bs-body-bg:#f9fafb;--bs-tertiary-bg:#f9fafb;--bs-body-color:#212529}[data-bs-theme=light] [data-theme-switch=light]{display:none}[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light]{--tblr-body-bg:#0f1623;--tblr-body-bg-rgb:15,22,35;--tblr-bg-surface:#1e2433;--tblr-bg-surface-tertiary:#0f1623}[data-bs-theme=dark] .btn:where(:not([class*=btn-ghost])),body[data-bs-theme=dark] [data-bs-theme=light] .btn:where(:not([class*=btn-ghost])){--tblr-btn-border-color:var(--tblr-border-color)}[data-bs-theme=dark] .btn-ghost-dark,body[data-bs-theme=dark] [data-bs-theme=light] .btn-ghost-dark{--tblr-btn-color:var(--tblr-body-color);--tblr-btn-disabled-color:var(--tblr-body-color)}[data-bs-theme=dark] .btn-secondary,body[data-bs-theme=dark] [data-bs-theme=light] .btn-secondary{--tblr-btn-bg:var(--tblr-bg-surface);--tblr-btn-border-color:var(--tblr-border-color);--tblr-btn-hover-bg:var(--tblr-border-color);--tblr-btn-color:var(--tblr-body-color);--tblr-btn-hover-color:var(--tblr-body-color)}[data-bs-theme=dark] .form-check-input:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .form-control:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .form-select:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .input-group-text,body[data-bs-theme=dark] [data-bs-theme=light] .form-check-input:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .form-control:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .form-select:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .input-group-text{border-color:var(--tblr-border-color)}[data-bs-theme=dark] .active>.page-link,[data-bs-theme=dark] .page-link.active{background-color:var(--tblr-bg-surface);border-color:var(--tblr-border-color)}[data-bs-theme=dark] [data-theme-switch=dark],body[data-bs-theme=dark] [data-bs-theme=light] [data-theme-switch=dark]{display:none}[data-bs-theme=dark] .empty-img img{filter:invert(.9) hue-rotate(180deg)}a{text-underline-offset:.25em}a.link-reset{text-decoration:none}.btn-collapse.collapsed .icon-chevron-right{display:inline-flex}.btn-collapse.collapsed .icon-chevron-down,.btn-collapse:not(.collapsed) .icon-chevron-right{display:none}.btn-collapse:not(.collapsed) .icon-chevron-down{display:inline-flex}.breadcrumb-item{max-width:min(300px,30vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item a{text-decoration:none}.breadcrumb-item a:hover{color:#22b99a}.switch-collapse{display:none}label:has(input:checked)~.switch-collapse{display:block}.btn:not(.btn-sm){min-height:44px;min-width:44px}.copy-to-clipboard-button{--tblr-btn-line-height:var(--tblr-btn-icon-size)}/*! + */*{--tblr-breadcrumb-item-active-color:var(--tblr-gray-500);--tblr-breadcrumb-divider-color:var(--tblr-gray-300);--tblr-breadcrumb-link-color:var(--tblr-body-color);--tblr-blue-rgb:17,81,141;--tblr-green-rgb:0,97,16;--tblr-pagination-border-width:0}[data-bs-theme=light]{--tblr-body-color:#212529;--tblr-code-color:#36393b}[data-bs-theme=light] body{--bs-body-bg:#f9fafb;--bs-tertiary-bg:#f9fafb;--bs-body-color:#212529}[data-bs-theme=light] [data-theme-switch=light]{display:none}[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light]{--tblr-body-bg:#0f1623;--tblr-body-bg-rgb:15,22,35;--tblr-bg-surface:#1e2433;--tblr-bg-surface-tertiary:#0f1623}[data-bs-theme=dark] .btn:where(:not([class*=btn-ghost])),body[data-bs-theme=dark] [data-bs-theme=light] .btn:where(:not([class*=btn-ghost])){--tblr-btn-border-color:var(--tblr-border-color)}[data-bs-theme=dark] .btn-ghost-dark,body[data-bs-theme=dark] [data-bs-theme=light] .btn-ghost-dark{--tblr-btn-color:var(--tblr-body-color);--tblr-btn-disabled-color:var(--tblr-body-color)}[data-bs-theme=dark] .btn-secondary,body[data-bs-theme=dark] [data-bs-theme=light] .btn-secondary{--tblr-btn-bg:var(--tblr-bg-surface);--tblr-btn-border-color:var(--tblr-border-color);--tblr-btn-hover-bg:var(--tblr-border-color);--tblr-btn-color:var(--tblr-body-color);--tblr-btn-hover-color:var(--tblr-body-color)}[data-bs-theme=dark] .form-check-input:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .form-control:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .form-select:where(:not(.is-invalid):not(.is-valid):not(:focus)),[data-bs-theme=dark] .input-group-text,body[data-bs-theme=dark] [data-bs-theme=light] .form-check-input:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .form-control:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .form-select:where(:not(.is-invalid):not(.is-valid):not(:focus)),body[data-bs-theme=dark] [data-bs-theme=light] .input-group-text{border-color:var(--tblr-border-color)}[data-bs-theme=dark] .active>.page-link,[data-bs-theme=dark] .page-link.active{background-color:var(--tblr-bg-surface);border-color:var(--tblr-border-color)}[data-bs-theme=dark] [data-theme-switch=dark],body[data-bs-theme=dark] [data-bs-theme=light] [data-theme-switch=dark]{display:none}[data-bs-theme=dark] .empty-img img{filter:invert(.9) hue-rotate(180deg)}a{text-underline-offset:.25em}a.link-reset{text-decoration:none}.btn-collapse.collapsed .icon-chevron-right{display:inline-flex}.btn-collapse.collapsed .icon-chevron-down,.btn-collapse:not(.collapsed) .icon-chevron-right{display:none}.btn-collapse:not(.collapsed) .icon-chevron-down{display:inline-flex}.breadcrumb-item{max-width:min(300px,30vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item a{text-decoration:none}.breadcrumb-item a:hover{color:#22b99a}.switch-collapse{display:none}label:has(input:checked)~.switch-collapse{display:block}.btn:not(.btn-sm){min-height:44px;min-width:44px}.btn-ghost-secondary,.btn-ghost.btn-secondary{--tblr-btn-hover-color:var(--tblr-body-color);--tblr-btn-hover-bg:var(--tblr-active-bg);--tblr-btn-hover-border-color:transparent;--tblr-btn-active-color:var(--tblr-body-color);--tblr-btn-active-bg:var(--tblr-active-bg)}.copy-to-clipboard-button{--tblr-btn-line-height:var(--tblr-btn-icon-size)}/*! * This file is part of the Sylius package. * * (c) Sylius Sp. z o.o.