From b838dd12775507a2b1f7dc4826ff901e72878f8d Mon Sep 17 00:00:00 2001
From: Roman Parpalak <roman@parpalak.com>
Date: Fri, 17 Jan 2025 13:17:00 +0200
Subject: [PATCH] Styles for disabled buttons.

---
 demo/style.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/demo/style.css b/demo/style.css
index eda04f3..7a16d04 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -537,6 +537,11 @@ form.inline-form label:has(input[type="checkbox"]:checked):before {
     background: linear-gradient(to bottom, color-mix(in srgb, var(--btn-color) 20%, var(--page-background) 100%), color-mix(in srgb, var(--btn-color) 10%, var(--page-background) 90%));
     box-shadow: none;
 }
+.link-as-button[disabled="disabled"], button[type=submit][disabled="disabled"], button.primary[disabled="disabled"] {
+    --btn-color: var(--color-muted);
+    box-shadow: none;
+    opacity: 0.6;
+}
 
 .link-as-button.primary, button:not(.secondary) {
     --btn-color: var(--color-btn-primary);