|
1 | 1 | <!DOCTYPE html> |
2 | 2 | <html> |
3 | 3 | <head> |
4 | | - <style> |
5 | | - :root { font-size:10px; } |
| 4 | + <meta http-equiv='Content-Type' content='text/html; charset=unicode' /> |
| 5 | + <meta http-equiv='X-UA-Compatible' content='IE=edge' /> |
| 6 | + <meta charset="utf-8" /> |
| 7 | + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 8 | + <meta http-equiv="Content-Security-Policy" |
| 9 | + content="style-src 'self' 'nonce-${nonce}' 'nonce-ideNonce' https://fonts.googleapis.com; |
| 10 | + script-src 'nonce-${nonce}' https://fonts.googleapis.com; |
| 11 | + font-src 'self' https://fonts.gstatic.com;" /> |
| 12 | + <style nonce=${nonce}> |
| 13 | + @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); |
| 14 | + |
| 15 | + :root { |
| 16 | + font-size: var(--main-font-size); |
| 17 | + --default-font: "SF Pro Text", "Segoe UI", "Ubuntu", Geneva, Verdana, Tahoma, sans-serif; |
| 18 | + --ide-background-color: var(--vscode-sideBar-background); |
| 19 | + --text-color: var(--vscode-foreground); |
| 20 | + --input-border: var(--vscode-input-border); |
| 21 | + } |
6 | 22 | p { font-size:1.3rem; margin: .8rem 0; } |
7 | 23 | hr { margin: 2rem 0; } |
8 | | - body { background-color:#212121; color: #ddd; font-family: sans-serif; } |
| 24 | + body { background-color:var(--ide-background-color); color: var(--text-color); font-family: var(--default-font); } |
9 | 25 | .snx-loader { display:inline-block; width: 12px; height: 12px; border: 2px solid rgba(125,125,125,.65); border-bottom-color: transparent; border-radius: 50%; margin-right:.8rem; animation: spin 1s linear infinite; |
10 | 26 | } |
11 | 27 | .size-s { width: 12px; height: 12px; border-width:2px } |
12 | | - .size-m { width: 16px; height: 16px; border-width:3px; } |
13 | | - .size-l { width: 24px; height: 24px; border-width:4px; } |
14 | 28 |
|
15 | 29 | @keyframes spin { |
16 | 30 | from { transform: rotate(0deg); } |
17 | 31 | to { transform: rotate(360deg); } |
18 | 32 | } |
19 | 33 |
|
20 | 34 | .snx-h1 { font-size: 2rem; font-weight: 600; margin: .8rem 0; } |
21 | | - .snx-h2 { font-size: 1.6rem; font-weight:400; margin: .4rem 0; } |
22 | 35 |
|
23 | 36 | .snx-status { display:flex; align-items:center; padding: .4rem 1.2rem; background-color: rgba(255,255,255,.1); border-radius: 1rem; } |
24 | | - .is-dimmed { opacity:.75 } |
25 | 37 |
|
26 | 38 | .snx-header { display: flex; gap:1.6rem; } |
27 | 39 | .snx-message { display: flex; align-items: center } |
28 | | - .snx-highlight { display:inline-block; cursor:pointer; padding:0 .4rem; text-decoration: underline; font-weight:600 } |
29 | | - strong.snx-highlight { text-decoration: none; cursor: unset; } |
30 | 40 | </style> |
| 41 | + ${ideStyle} |
31 | 42 | </head> |
32 | 43 | <body> |
33 | 44 |
|
|
0 commit comments