-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
37 lines (37 loc) · 1.75 KB
/
index.html
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
29
30
31
32
33
34
35
36
37
<!doctype html>
<html lang=en-us>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cosmos Theme Switcher bookmarklet</title>
<style>
body {
display: flex;
flex-flow: column;
align-items: center;
}
.bookmarklet {
border: 1px solid #ccc;
border-radius:3px;
color: #000;
background: #ccc;
padding: 8px 16px;
margin: 8px 0;
}
.try-button {
padding: 16px 8px;
margin: 10em;
}
</style>
<link type="text/css" href='https://ricmars.github.io/cosmostheme/cosmosthemeswitcher.css'></script>
<script type="text/javascript" src='https://ricmars.github.io/cosmostheme/cosmosthemeswitcher.js'></script>
</head>
<body>
<h1>Cosmos Theme Switcher bookmarklet</h1>
<p>This bookmarklet allows to switch theme when using a Pega application running on Cosmos Rules. You can find the source code on <a href='https://github.com/ricmars/cosmostheme'>Github.com</a></p>
<p>To use the bookmarklet, just drag and drop the button called 'Cosmos theme switcher' into your bookmark toolbar. Then when you are on a Cosmos app, click on the bookmark to turn on theme switcher</p>
<a class='bookmarklet' onclick="alert("To install the Cosmos theme switcher, just drag and drop this button into your favorites or bookmark bar.");return false;"
rel="bookmark" href="javascript:void((function(){if(typeof RunCosmosDevTools === 'undefined') { cosmosDevTool=document.createElement('script');cosmosDevTool.setAttribute('src','https://ricmars.github.io/cosmostheme/cosmosthemeswitcher.js'); document.body.appendChild(cosmosDevTool); } else { RunCosmosDevTools();}})());">Cosmos theme switcher</a>
<button class='try-button' onclick="RunCosmosDevTools();">Try the theme switcher</button>
</body>
</html>