From 2ae78daebbc92f1a2b30ca0fb8c246269dccf954 Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Sat, 29 Nov 2025 10:31:58 +0530 Subject: [PATCH] ui: Fix dark theme colors for default button style - Use color variables provided by Bootstrap. These automatically adjust to light and dark themes. Tests: - In light mode, the style for 'Update now' button in Software Update app is close to what it was before. In dark mode, the styling is consistent with the rest of the page. - Same is true for Calibre app 'Delete Library' button and extra options button in an app. Signed-off-by: Sunil Mohan Adapa Reviewed-by: James Valleroy --- static/themes/default/css/main.css | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css index 8186ce860..c28e323d0 100644 --- a/static/themes/default/css/main.css +++ b/static/themes/default/css/main.css @@ -50,20 +50,20 @@ h6:not(:first-child) { /* Default style removed in bootstrap 4 */ .btn-default { - --bs-btn-color: #333; - --bs-btn-bg: #fff; - --bs-btn-border-color: #ccc; - --bs-btn-hover-color: #333; - --bs-btn-hover-bg: #e6e6e6; - --bs-btn-hover-border-color: #adadad; + --bs-btn-color: var(--bs-body-color); + --bs-btn-bg: var(--bs-body-bg); + --bs-btn-border-color: var(--bs-tertiary-color); + --bs-btn-hover-color: var(--bs-body-color); + --bs-btn-hover-bg: var(--bs-secondary-bg); + --bs-btn-hover-border-color: var(--bs-tertiary-color); --bs-btn-focus-shadow-rgb: 192, 192, 192; - --bs-btn-active-color: #333; - --bs-btn-active-bg: #e6e6e6; - --bs-btn-active-border-color: #adadad; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #333; - --bs-btn-disabled-bg: #e6e6e6; - --bs-btn-disabled-border-color: #adadad; + --bs-btn-active-color: var(--bs-body-color); + --bs-btn-active-bg: var(--bs-secondary-bg); + --bs-btn-active-border-color: var(--bs-tertiary-color); + --bs-btn-active-shadow: inset 0 3px 5px var(--bs-border-color-translucent); + --bs-btn-disabled-color: var(--bs-body-color); + --bs-btn-disabled-bg: var(--bs-secondary-bg); + --bs-btn-disabled-border-color: var(--bs-tertiary-color); } /* Help block removed from bootstrap 4, needs updated django-bootstrap-from */