webcomponents/packages/main/test/pages/theming/Themes4.html at 614fe8e2bbbd6d9ce0033a0c6a5d19aa962e4996 · UI5/webcomponents · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Theming</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta charset="utf-8">
	<script src="../%VITE_BUNDLE_PATH%" type="module"></script>
</head>

<body>
	<p><strong>Test Page 3:</strong> Default theming with external styles loaded later - Tests the impact of external
		CSS loaded after component initialization on styling.</p>
	<p>Expected theme <strong>sap_belize</strong></p>

	<ui5-button>Some button</ui5-button>
	<script>
		setTimeout(() => {
			const link = document.createElement("link");
			link.rel = "stylesheet";
			link.href = "https://cdn.jsdelivr.net/npm/@sap-theming/theming-base-content/content/Base/baseLib/sap_belize/css_variables.css";
			document.head.appendChild(link);
		}, 3000);
	</script>
</body>

</html>