PureLauncherOfficialWebsite/theme-maker.html at master · Apisium/PureLauncherOfficialWebsite · GitHub

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<head><head>
  <meta charset="UTF-8">
  <meta name="description" content="PureLauncher 我的世界启动器">
  <meta name="keywords" content="PureLauncher,purelauncher,Launcher,启动器,我的世界启动器,我的世界,Minecraft,MC">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="theme-color" content="#181818">
  <title>PureLauncher | 主题制作</title>
  <!-- <link rel="icon" type="image/png" href="favicon.png"> -->
  <meta name="mobile-web-app-capable" content="yes">
  <!-- <link rel="icon" sizes="192x192" href="favicon.png"> -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="#181818">
  <meta name="apple-mobile-web-app-title" content="Unknown Domain">
  <!-- <link rel="apple-touch-icon-precomposed" href="favicon.png"> -->
  <!-- <meta name="msapplication-TileImage" content="favicon.png"> -->
  <meta name="msapplication-TileColor" content="#181818">
  <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/blueprint-css@3.1.1/dist/blueprint.min.css" />
  <link type="text/css" rel="styleSheet" href="src/main.css" />
  <link type="text/css" rel="styleSheet" href="src/theme-maker.css" />
</head>
</head>
<body>
  <header>
    <a href="/"><img alt="logo" class="logo" src="assets/logo.png"></a>
  </header>
  <main>
    <div id="book-header"></div>
    <div id="book-body" bp="grid 12 vertical-center">
      <div bp="grid"><label bp="3">背景颜色/图片:</label> <input id="bg" name="background" bp="7" placeholder="#000000"><div bp="2" class="btn btn-primary btn-sm" style="position:relative" type="button">打开文件<input type="file" id="file" name="file"></div></div>

      <div bp="grid"><label bp="3">主题颜色:</label> <input name="main-color" bp="9" placeholder="#000000 或者 url(data:image/png;base64,&lt;data&gt;)"></div>
      <div bp="grid"><label bp="3">第二颜色:</label> <input name="secondary-color" bp="9" placeholder="#000000 或者 url(data:image/png;base64,&lt;data&gt;)"></div>

      <div bp="grid"><label bp="3">文字颜色1:</label> <input name="text-color-0" bp="9" placeholder="#ffffffe0"></div>
      <div bp="grid"><label bp="3">文字颜色2:</label> <input name="text-color-1" bp="9" placeholder="#ffffffe0"></div>
      <div bp="grid"><label bp="3">文字颜色3:</label> <input name="text-color-2" bp="9" placeholder="#ffffff80"></div>
      <div bp="grid"><label bp="3">文字颜色4:</label> <input name="text-color-3" bp="9" placeholder="#ffffffc0"></div>
      <div bp="grid"><label bp="3">超链接颜色:</label> <input name="link-color" bp="9" placeholder="#6ead3c"></div>
      <div bp="grid"><label bp="3">激活的超链接颜色:</label> <input name="link-hover-color" bp="9" placeholder="#578830"></div>

      <div bp="grid"><label bp="3">顶部颜色:</label> <input name="top-color" bp="9" placeholder="#6ead3c 或者 url(data:image/png;base64,&lt;data&gt;)"></div>
      <div bp="grid"><label bp="3">顶部描边颜色:</label> <input name="top-border" bp="9" placeholder="#fff483c7"></div>
      <div bp="grid"><label bp="3">顶部阴影颜色:</label> <input name="top-shadow" bp="9" placeholder="#ffffff9e"></div>

      <div bp="grid"><label bp="3">输入框颜色:</label> <input name="input-color" bp="9" placeholder="#444"></div>
      <div bp="grid"><label bp="3">下拉框颜色:</label> <input name="dropdown-color" bp="9" placeholder="#000000 或者 url(data:image/png;base64,&lt;data&gt;)"></div>
      <div bp="grid"><label bp="3">滚动条颜色:</label> <input name="dropdown-color" bp="9" placeholder="#000000 或者 url(data:image/png;base64,&lt;data&gt;)"></div>

      <div bp="grid"><label bp="3">顶部滤镜:</label> <input name="" bp="9" placeholder="brightness(0.5)"></div>
      <div bp="grid"><label bp="3">启动按钮滤镜:</label> <input name="" bp="9" placeholder="brightness(0.8)"></div>
      <div><button id="apply" class="btn btn-primary">立即应用</button><button id="copy" class="btn btn-secondary">复制代码</button></div>
    </div>
    <div id="book-footer"></div>
  </main>
  <footer>
    <div>
      <img src="./assets/language.png">
      <span>
        <a href="javascript:void setLanguague('zh-cn')">简体中文</a>
        <a href="javascript:void setLanguague('en-us')">English</a>
      </span>
    </div>
    <div><a href="http://www.beian.miit.gov.cn" target="_blank">辽ICP备16002088号-2</a></div>
    <span class="copy">Copyright &copy; 2020 Apisium All rights reserved.</span>
  </footer>
  <script src="https://cdn.jsdelivr.net/npm/native-promise-only@0.8.1/lib/npo.src.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/whatwg-fetch@3.0.0/dist/fetch.umd.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
  <script src="src/theme-maker.ts"></script>
</body>
</html>