zikai
fa980e74e0
- whiteboard.html 加 <meta name="color-scheme" content="light"> - whiteboard.css 在 :root 钉死 color-scheme: light 与浅色变量， 覆盖 common.css 的 prefers-color-scheme: dark
37 lines
1.5 KiB
HTML
37 lines
1.5 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||
<meta name="theme-color" content="#1565c0">
|
||
<!-- 强制浅色：该页面会被 iframe 嵌入到浅色主题站点（mainPage），
|
||
禁用 common.css 的 prefers-color-scheme: dark，保持背景与嵌入站一致 -->
|
||
<meta name="color-scheme" content="light">
|
||
<title>记事本 - zikai</title>
|
||
<link rel="stylesheet" href="/static/common.css">
|
||
<link rel="stylesheet" href="/static/whiteboard.css">
|
||
</head>
|
||
<body>
|
||
<div class="wb-app">
|
||
<header class="wb-bar">
|
||
<div class="wb-bar-left">
|
||
<span class="wb-title">记事本</span>
|
||
<code class="wb-id mono" id="boardId" title="记事本 ID"></code>
|
||
<span class="wb-online" id="online" title="在线人数">●</span>
|
||
</div>
|
||
<div class="wb-bar-right">
|
||
<button class="btn" id="copyLinkBtn" title="复制分享链接">复制链接</button>
|
||
<button class="btn" id="copyBtn" title="复制全部文本">复制文本</button>
|
||
<button class="btn danger" id="clearBtn" title="清空全部内容（所有人）">清空</button>
|
||
</div>
|
||
</header>
|
||
<main class="wb-stage">
|
||
<textarea id="editor" class="wb-editor" placeholder="在此输入文本，所有人会实时看到你的编辑…" spellcheck="false" autocomplete="off"></textarea>
|
||
<div class="wb-status" id="status">连接中…</div>
|
||
</main>
|
||
</div>
|
||
<script src="/static/common.js"></script>
|
||
<script src="/static/whiteboard.js"></script>
|
||
</body>
|
||
</html>
|