chore: update java client app styles (#4430)

examples-standalone/kendoangular-java-integration/ClientApp/angular.json

@@ -29,7 +29,7 @@
             ],
             "styles": [
               {
-                "input": "node_modules/@progress/kendo-theme-default/dist/all.css"
+                "input": "node_modules/@progress/kendo-theme-default/dist/default-ocean-blue-a11y.css"
               },
               "src/styles.css"
             ],

examples-standalone/kendoangular-java-integration/ClientApp/src/app/app.component.css

@@ -40,10 +40,6 @@ kendo-upload {
 }
 
 a {
-    color: #ff6358;
-    text-decoration: none;
-}
-
-a:hover {
+    color: var(--kendo-color-primary);
     text-decoration: underline;
 }

examples-standalone/kendoangular-java-integration/ClientApp/src/app/app.component.html

@@ -1,4 +1,5 @@
 <div class="content-container">
+    <h3>Fetching Data from the Server</h3>
     <p>
         <a href="https://www.telerik.com/kendo-angular-ui/components/grid/"
             >Grid component</a
@@ -71,6 +72,7 @@
         </kendo-grid-command-column>
     </kendo-grid>
 
+    <h3>Upload Files to the Server</h3>
     <div class="row">
         <div class="info">
             <p>
@@ -79,8 +81,8 @@
             </p>
             <p>
                 It is a richer version of an
-                <code><![CDATA[<input type="file" />]]></code> element and
-                supports model binding, templates, forms, and more.
+                <code>&lt;input type="file" /&gt;</code> element and supports
+                model binding, templates, forms, and more.
             </p>
             <p>
                 For more information check the

examples-standalone/kendoangular-java-integration/ClientApp/src/styles.css

@@ -1 +1,4 @@
-/* You can add global styles to this file, and also import other style files */
+body {
+    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
+    font-size: 16px;
+}