72 lines
2.0 KiB
HTML
72 lines
2.0 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'self'">
|
|
<title>Git Manager Menü</title>
|
|
<style>
|
|
:root {
|
|
--bg: #0f1a2e;
|
|
--fg: #e8eefc;
|
|
--muted: #8fa0c0;
|
|
--hover: rgba(88, 213, 255, 0.16);
|
|
--border: rgba(88, 213, 255, 0.24);
|
|
--sep: rgba(138, 164, 214, 0.22);
|
|
--accent: #67e8f9;
|
|
}
|
|
body.light {
|
|
--bg: #f7f9fd;
|
|
--fg: #16233d;
|
|
--muted: #6a7a99;
|
|
--hover: rgba(40, 110, 220, 0.12);
|
|
--border: rgba(30, 60, 110, 0.2);
|
|
--sep: rgba(30, 60, 110, 0.14);
|
|
--accent: #1d6fe0;
|
|
}
|
|
html, body {
|
|
margin: 0;
|
|
background: transparent;
|
|
color: var(--fg);
|
|
font: 13px "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
|
|
user-select: none;
|
|
overflow: hidden;
|
|
}
|
|
body { padding: 8px; }
|
|
#menu {
|
|
background: var(--bg);
|
|
border: 1px solid var(--border);
|
|
border-radius: 12px;
|
|
padding: 6px;
|
|
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
|
|
}
|
|
.header { font-weight: 700; padding: 8px 12px 2px; }
|
|
.status { color: var(--muted); font-size: 12px; padding: 2px 12px; }
|
|
.sep { height: 1px; background: var(--sep); margin: 6px 4px; }
|
|
.item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
width: 100%;
|
|
height: 32px;
|
|
padding: 0 12px;
|
|
box-sizing: border-box;
|
|
border: 0;
|
|
border-radius: 8px;
|
|
background: transparent;
|
|
color: inherit;
|
|
font: inherit;
|
|
text-align: left;
|
|
cursor: default;
|
|
outline: none;
|
|
}
|
|
.item:hover:not(:disabled), .item.active:not(:disabled) { background: var(--hover); }
|
|
.item:disabled { color: var(--muted); opacity: 0.6; }
|
|
.check { width: 14px; flex: 0 0 14px; text-align: center; color: var(--accent); font-weight: 700; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="menu" role="menu"></div>
|
|
<script src="./tray-menu.js"></script>
|
|
</body>
|
|
</html>
|