From d457c792707c49205ea2e6bde14542466e121a39 Mon Sep 17 00:00:00 2001
From: Isiah Lloyd <robotdude101@gmail.com>
Date: Sat, 21 May 2022 21:16:14 -0400
Subject: [PATCH] Add disabled styles to readonly fields (closes #51) (#137)

---
 style.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index e64e8c9..cf10be9 100644
--- a/style.css
+++ b/style.css
@@ -177,7 +177,9 @@ input[type="reset"]::-moz-focus-inner {
 }
 
 :disabled,
-:disabled + label {
+:disabled + label,
+:read-only,
+:read-only + label {
   color: var(--button-shadow);
 }
 
@@ -470,6 +472,10 @@ input[type="email"]:disabled,
 input[type="password"]:disabled,
 input[type="text"]:disabled,
 input[type="number"]:disabled,
+input[type="email"]:read-only,
+input[type="password"]:read-only,
+input[type="text"]:read-only,
+input[type="number"]:read-only,
 textarea:disabled {
   background-color: var(--surface);
 }
@@ -714,7 +720,8 @@ ul.tree-view details[open] > summary:before {
   content: "-";
 }
 
-ul.tree-view details > summary::marker, ul.tree-view details > summary::-webkit-details-marker {
+ul.tree-view details > summary::marker,
+ul.tree-view details > summary::-webkit-details-marker {
   content: "";
 }