From ae27ddda255de62fcadbb30982d250472219b9c0 Mon Sep 17 00:00:00 2001 From: atomiix Date: Sat, 16 May 2026 21:37:09 +0200 Subject: [PATCH 1/2] Add style for .btn-info class --- assets/css/easyadmin-theme/buttons.css | 17 +++++++++++++++++ assets/css/easyadmin-theme/variables-theme.css | 13 +++++++++++++ 2 files changed, 30 insertions(+) diff --git a/assets/css/easyadmin-theme/buttons.css b/assets/css/easyadmin-theme/buttons.css index 780a0cd82a..a038246e65 100644 --- a/assets/css/easyadmin-theme/buttons.css +++ b/assets/css/easyadmin-theme/buttons.css @@ -143,6 +143,23 @@ --button-active-border-color: var(--button-danger-active-border-color); } +.btn-info, +.btn-info.btn.disabled, +.btn-info.btn:disabled { + --button-box-shadow: var(--button-info-box-shadow); + --button-bg: var(--button-info-bg); + --button-color: var(--button-info-color); + --button-icon-color: var(--button-info-icon-color); + --button-border-color: var(--button-info-border-color); + --button-hover-bg: var(--button-info-hover-bg); + --button-hover-color: var(--button-info-hover-color); + --button-hover-border-color: var(--button-info-hover-border-color); + --button-active-box-shadow: var(--button-info-active-box-shadow); + --button-active-color: var(--button-info-active-color); + --button-active-bg: var(--button-info-active-bg); + --button-active-border-color: var(--button-info-active-border-color); +} + .btn-invisible, .btn-invisible.btn.disabled, .btn-invisible.btn:disabled { diff --git a/assets/css/easyadmin-theme/variables-theme.css b/assets/css/easyadmin-theme/variables-theme.css index a7b5ed5f01..f3f12e5dcf 100644 --- a/assets/css/easyadmin-theme/variables-theme.css +++ b/assets/css/easyadmin-theme/variables-theme.css @@ -342,6 +342,19 @@ --button-danger-active-color: var(--white); --button-danger-active-border-color: #1f23280a; + --button-info-box-shadow: 0 1px 0 0 #1f23280a; + --button-info-bg: linear-gradient(to bottom, white, #f6f8fa); + --button-info-color: #0da1f0; + --button-info-icon-color: inherit; + --button-info-border-color: #1f232826; + --button-info-hover-bg: #0db3f0; + --button-info-hover-color: var(--white); + --button-info-hover-border-color: #1f23280a; + --button-info-active-box-shadow: inset 0 1px 0 0 #4c001433; + --button-info-active-bg: #0db3f0; + --button-info-active-color: var(--white); + --button-info-active-border-color: #1f23280a; + --button-invisible-box-shadow: none; --button-invisible-bg: transparent; --button-invisible-color: inherit; From ff025102de2727eada4f39ad26843ccfe0a1e49c Mon Sep 17 00:00:00 2001 From: atomiix Date: Sat, 16 May 2026 22:21:46 +0200 Subject: [PATCH 2/2] Add info style in action dropdown --- assets/css/easyadmin-theme/datagrids.css | 7 +++++++ assets/css/easyadmin-theme/variables-theme.css | 2 ++ 2 files changed, 9 insertions(+) diff --git a/assets/css/easyadmin-theme/datagrids.css b/assets/css/easyadmin-theme/datagrids.css index 4ab4d2272a..bba804901b 100644 --- a/assets/css/easyadmin-theme/datagrids.css +++ b/assets/css/easyadmin-theme/datagrids.css @@ -222,6 +222,13 @@ table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.actions.actions-as-dro background: var(--dropdown-item-danger-bg); color: var(--dropdown-item-danger-color); } +.datagrid td.actions .dropdown-item-variant-info:hover, +.page-actions .dropdown-item-variant-info:hover { + --dropdown-icon-color: var(--dropdown-item-info-color); + + background: var(--dropdown-item-info-bg); + color: var(--dropdown-item-info-color); +} @media (min-width: 992px) { .datagrid td.actions-as-dropdown { diff --git a/assets/css/easyadmin-theme/variables-theme.css b/assets/css/easyadmin-theme/variables-theme.css index f3f12e5dcf..683f1488ee 100644 --- a/assets/css/easyadmin-theme/variables-theme.css +++ b/assets/css/easyadmin-theme/variables-theme.css @@ -112,9 +112,11 @@ --dropdown-item-success-bg: #dafbe1; --dropdown-item-warning-bg: #fff8c5; --dropdown-item-danger-bg: #ffebe9; + --dropdown-item-info-bg: #e0f8ff; --dropdown-item-success-color: #1a7f37; --dropdown-item-warning-color: #9a6700; --dropdown-item-danger-color: #d1242f; + --dropdown-item-info-color: #0da1f0; --datagrid-noresults-placeholder-bg: var(--gray-100); --datagrid-hidden-results-gradient-bg: var(--gray-50); --table-thead-color: var(--gray-800);