test(input): add readonly color

Author: brandyscarney

core/src/components/input/test/states/index.html

@@ -73,6 +73,21 @@ <h2>Outline</h2>
               readonly="true"
             ></ion-input>
           </div>
+
+          <div class="grid-item">
+            <h2>Outline: Color</h2>
+
+            <ion-input
+              color="warning"
+              fill="outline"
+              label="Email"
+              value="[email protected]"
+              helper-text="Enter an email"
+              counter="true"
+              maxlength="20"
+              readonly="true"
+            ></ion-input>
+          </div>
         </div>
 
         <h1>Disabled</h1>