From 09b7847808f2cbcd1bd246c2913f0f0ee8c53721 Mon Sep 17 00:00:00 2001
From: Madeorsk <madeorsk@protonmail.com>
Date: Mon, 23 Sep 2024 15:34:36 +0200
Subject: [PATCH] Improve style of disabled inputs.

---
 demo/DemoApp.tsx                        | 5 +++++
 package.json                            | 2 +-
 src/styles/components/forms/_input.less | 6 ++++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/demo/DemoApp.tsx b/demo/DemoApp.tsx
index 7c54206..c8cbdc9 100644
--- a/demo/DemoApp.tsx
+++ b/demo/DemoApp.tsx
@@ -126,6 +126,11 @@ export function DemoApp()
 					Test password
 				</PasswordInput>
 
+				<label>
+					Disabled input
+					<input type={"text"} name={"disabled"} value={"fixed value"} disabled={true} />
+				</label>
+
 				<DatepickerInput value={datetime} onChange={setDatetime}>
 					Date test
 				</DatepickerInput>
diff --git a/package.json b/package.json
index 36f7813..dcada23 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-	"version": "1.2.4",
+	"version": "1.2.5",
 	"name": "@kernelui/core",
 	"description": "Kernel UI Core.",
 	"scripts": {
diff --git a/src/styles/components/forms/_input.less b/src/styles/components/forms/_input.less
index 633a763..ab11b59 100644
--- a/src/styles/components/forms/_input.less
+++ b/src/styles/components/forms/_input.less
@@ -24,6 +24,12 @@ input, textarea, select
 		color: var(--neutral);
 		opacity: 1;
 	}
+
+	&:disabled
+	{
+		background: var(--background);
+		opacity: 0.8;
+	}
 }
 
 textarea