fix(ui5-button): update sample (#10836)

Updated the sample for the ui5-button with custom styling to align with the accessibility guidelines.
SAP · Feb 12, 2025 · c34b6ca · c34b6ca
1 parent 819edcd
commit c34b6ca
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/packages/website/docs/_samples/main/Button/CustomStyling/sample.html b/packages/website/docs/_samples/main/Button/CustomStyling/sample.html
@@ -12,14 +12,18 @@
     <!-- playground-fold-end -->
 
     <style>
-        ui5-button {
-            width: 300px;
-            color: darkorange;
-            background-color: #ffeded;
-            border-color: darkviolet;
+        [ui5-button] {
+            width: 10rem;
+            color: DarkSlateBlue;
+            background-color: #f4f2fd;
+            border-color: DarkSlateBlue;
+        }
+        [ui5-button]:active,
+        [ui5-button]:hover {
+            background-color: #dad4f7;
         }
     </style>
-    <ui5-button>Reject</ui5-button>
+    <ui5-button>Custom Button</ui5-button>
     <!-- playground-fold -->
     <script type="module" src="main.js"></script>
 </body>