2025-07-21 19:31:07 +03:00
|
|
|
|
extends Node
|
|
|
|
|
|
|
|
|
|
|
|
const MAIN_COLOR = Color(27/255.0, 27/255.0, 27/255.0, 1)
|
|
|
|
|
|
const SECONDARY_COLOR = Color(43/255.0, 43/255.0, 43/255.0, 1)
|
|
|
|
|
|
|
|
|
|
|
|
const HOVER_COLOR = Color(0, 0, 0, 1)
|
2025-07-28 15:22:34 +03:00
|
|
|
|
|
|
|
|
|
|
const DEFAULT_CSS = """
|
2025-08-18 17:45:46 +03:00
|
|
|
|
body { text-base text-[#000000] text-left bg-white font-serif }
|
2025-07-28 15:22:34 +03:00
|
|
|
|
h1 { text-5xl font-bold }
|
|
|
|
|
|
h2 { text-4xl font-bold }
|
|
|
|
|
|
h3 { text-3xl font-bold }
|
|
|
|
|
|
h4 { text-2xl font-bold }
|
|
|
|
|
|
h5 { text-xl font-bold }
|
|
|
|
|
|
b { font-bold }
|
|
|
|
|
|
i { font-italic }
|
|
|
|
|
|
u { underline }
|
|
|
|
|
|
small { text-xl }
|
|
|
|
|
|
mark { bg-[#FFFF00] }
|
|
|
|
|
|
code { text-xl font-mono }
|
|
|
|
|
|
a { text-[#1a0dab] }
|
|
|
|
|
|
pre { text-xl font-mono }
|
2025-07-29 17:31:31 +03:00
|
|
|
|
|
2025-08-27 20:23:05 +03:00
|
|
|
|
img { object-fill }
|
2025-08-18 17:45:46 +03:00
|
|
|
|
button { text-[16px] bg-[#1b1b1b] rounded-md text-white hover:bg-[#2a2a2a] active:bg-[#101010] px-3 py-1.5 }
|
2025-08-02 14:12:58 +03:00
|
|
|
|
button[disabled] { bg-[#666666] text-[#999999] cursor-not-allowed }
|
2025-08-19 09:11:04 +03:00
|
|
|
|
|
2025-08-20 14:37:57 +03:00
|
|
|
|
select { text-[#000000] border border-[#000000] rounded-[3px] bg-transparent px-3 py-1.5 }
|
|
|
|
|
|
select:active { text-[#000000] border-[3px] border-[#000000] }
|
2025-08-23 15:47:18 +03:00
|
|
|
|
|
|
|
|
|
|
input[type="color"] { w-32 }
|
|
|
|
|
|
input[type="range"] { w-32 }
|
2025-08-27 20:23:05 +03:00
|
|
|
|
input[type="text"] { text-[16px] w-64 }
|
2025-08-23 15:47:18 +03:00
|
|
|
|
input[type="number"] { w-32 text-[16px] bg-transparent border border-[#000000] rounded-[3px] text-[#000000] hover:border-[3px] hover:border-[#000000] px-3 py-1.5 }
|
|
|
|
|
|
input[type="date"] { w-28 text-[16px] bg-[#1b1b1b] rounded-md text-white hover:bg-[#2a2a2a] active:bg-[#101010] px-3 py-1.5 }
|
2025-08-15 22:25:35 +03:00
|
|
|
|
"""
|
|
|
|
|
|
|
|
|
|
|
|
var HTML_CONTENT = """
|
|
|
|
|
|
<head>
|
2025-11-06 15:39:58 +08:00
|
|
|
|
<title>新标签页</title>
|
2025-08-15 22:25:35 +03:00
|
|
|
|
</head>
|
2025-09-07 18:49:32 +03:00
|
|
|
|
<body style="bg-[#323949] text-white font-sans">
|
2025-11-06 15:39:58 +08:00
|
|
|
|
<postprocess preset="crt"></postprocess>
|
2025-09-07 18:49:32 +03:00
|
|
|
|
<div style="flex flex-col items-center justify-center w-full mt-12">
|
2025-11-06 15:39:58 +08:00
|
|
|
|
<h1 style="target text-8xl font-bold mb-4 text-[#4a9eff] font-serif font-italic">你好！</h1>
|
|
|
|
|
|
<p style="text-lg mb-8 text-[#cccccc]">欢迎使用LeonBrowser</p>
|
|
|
|
|
|
<p style="text-lg mb-8 text-[#cccccc]">使用搜索栏进行搜索</p>
|
2025-09-07 18:49:32 +03:00
|
|
|
|
</div>
|
2025-09-05 19:07:21 +03:00
|
|
|
|
</body>
|
2025-08-15 22:25:35 +03:00
|
|
|
|
""".to_utf8_buffer()
|
