Improve style of disabled inputs.

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>

package.json

@@ -1,5 +1,5 @@
 {
-	"version": "1.2.4",
+	"version": "1.2.5",
 	"name": "@kernelui/core",
 	"description": "Kernel UI Core.",
 	"scripts": {

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