PAUSE（EA版）MC主题操作界面皮肤

这是一个对脚本界面进行更改的代码，原脚本是@GMagels 大大写的勋章触发记录他来了-本地发回帖账本PAUSE（EA版）


我按照我自己的喜好编写了一款皮肤，更换了背景以及界面颜色，效果如图所示



使用方法：
在原脚本找到var styles = ` `;  替换掉` `内的内容即可

1. /* 设置整体背景为古老纸张或暗色的质感背景 */
   
2. body {
   
3.     background: url('https://i.imgur.com/vVb6TYs.png') repeat center center fixed;
   
4.     color: #f3eacb;
   
5.     font-family: '微软雅黑', sans-serif;
   
6. }
   
7. 
   
8. /* 容器通用样式 */
   
9. .main-container {
   
10.     display: grid;
    
11.     grid-template-columns: 1fr 3fr; /* 左边工具箱与右侧主内容的比例 */
    
12.     gap: 20px;
    
13.     height: 100vh;
    
14.     padding: 20px;
    
15. }
    
16. 
    
17. /* 工具箱部分 */
    
18. #fixedBox {
    
19.     grid-column: 1; /* 左侧第一列 */
    
20.     background: rgba(50, 50, 50, 0.9);
    
21.     color: #f3eacb;
    
22.     padding: 15px;
    
23.     border: 3px solid #6b4e18;
    
24.     border-radius: 10px;
    
25.     box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    
26.     height: fit-content;
    
27.     max-height: 90vh;
    
28.     overflow-y: auto;
    
29. }
    
30. 
    
31. /* 中间部分的汇总信息 */
    
32. .header-container {
    
33.     grid-column: 2; /* 在右侧第二列 */
    
34.     text-align: center; /* 居中对齐以适配按钮位置 */
    
35.     margin-bottom: 20px;
    
36. }
    
37. 
    
38. /* “显示/隐藏工具箱”按钮 */
    
39. #toggleToolBoxBtn {
    
40.     display: block;
    
41.     margin: 0 auto 10px auto;
    
42.     padding: 10px 15px;
    
43.     background: #6b4e18;
    
44.     color: #f3eacb;
    
45.     border: 2px solid #3b2d12;
    
46.     border-radius: 5px;
    
47.     font-weight: bold;
    
48.     font-family: '微软雅黑', sans-serif;
    
49.     cursor: pointer;
    
50.     transition: all 0.3s;
    
51. }
    
52. 
    
53. #toggleToolBoxBtn:hover {
    
54.     background: #8a613a;
    
55.     border: 2px solid #502d1a;
    
56.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    
57. }
    
58. 
    
59. /* 当前记录汇总部分 */
    
60. #summaryTable {
    
61.     grid-column: 2; /* 与按钮在同一列 */
    
62.     background: rgba(50, 50, 50, 0.9);
    
63.     color: #f3eacb;
    
64.     padding: 15px;
    
65.     border: 3px solid #6b4e18;
    
66.     border-radius: 10px;
    
67.     box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    
68.     font-size: 1.5em; /* 增大字号 */
    
69.     margin-top: 0; /* 紧跟着按钮显示 */
    
70. }
    
71. 
    
72. /* 右侧的数据表格部分 */
    
73. .data-container {
    
74.     grid-column: 2; /* 与按钮和记录汇总在同一列 */
    
75.     background: rgba(50, 50, 50, 0.8);
    
76.     padding: 15px;
    
77.     border: 3px solid #6b4e18;
    
78.     border-radius: 10px;
    
79.     box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    
80.     overflow-x: auto;
    
81.     margin-top: 10px; /* 增加与汇总的间距 */
    
82. }
    
83. 
    
84. /* 表格样式 */
    
85. #tableBox table, #summaryTable table {
    
86.     width: 100%;
    
87.     margin: 20px auto;
    
88.     border-collapse: collapse;
    
89.     background: #3b2d12;
    
90.     color: #f3eacb;
    
91.     font-family: '微软雅黑', sans-serif;
    
92.     border: 3px solid #6b4e18;
    
93.     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    
94. }
    
95. 
    
96. th, td {
    
97.     border: 2px solid #502d1a;
    
98.     padding: 10px;
    
99.     text-align: center;
    
100. }
     
101. 
     
102. th {
     
103.     background: #6b4e18;
     
104.     font-weight: bold;
     
105. }
     
106. 
     
107. /* 按钮样式 */
     
108. #exportBtn, #importBtn, #deleteBtn, #showAllBtn {
     
109.     display: block;
     
110.     margin: 10px auto;
     
111.     padding: 10px 15px;
     
112.     background: #6b4e18;
     
113.     color: #f3eacb;
     
114.     border: 2px solid #3b2d12;
     
115.     border-radius: 5px;
     
116.     font-weight: bold;
     
117.     font-family: '微软雅黑', sans-serif;
     
118.     cursor: pointer;
     
119.     transition: all 0.3s;
     
120. }
     
121. 
     
122. #exportBtn:hover, #importBtn:hover, #deleteBtn:hover, #showAllBtn:hover {
     
123.     background: #8a613a;
     
124.     border: 2px solid #502d1a;
     
125.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
     
126. }
     
127. 
     
128. /* 勾选框和单选框风格 */
     
129. input[type="checkbox"], input[type="radio"] {
     
130.     width: 20px;
     
131.     height: 20px;
     
132.     cursor: pointer;
     
133. }
     
134. 
     
135. /* 筛选条件样式 */
     
136. fieldset {
     
137.     border: 2px solid #6b4e18;
     
138.     padding: 10px;
     
139.     margin-bottom: 20px;
     
140. }
     
141. 
     
142. legend {
     
143.     padding: 0 10px;
     
144.     font-weight: bold;
     
145.     color: #f3eacb;
     
146.     background: #6b4e18;
     
147. }
     
148. 
     
149. /* 提示文本和其他文字 */
     
150. #exportNull, #importSuccess, #importFail, #importError, #deleteSuccess {
     
151.     color: #ffdddd;
     
152.     font-style: italic;
     
153.     background: rgba(100, 20, 20, 0.8);
     
154.     padding: 10px;
     
155.     border-radius: 5px;
     
156.     margin: 10px 0;
     
157. }
     
158. 
     
159. /* 自定义确认弹窗 */
     
160. #customConfirmModal {
     
161.     background: rgba(30, 30, 30, 0.9);
     
162.     border: 3px solid #6b4e18;
     
163.     color: #f3eacb;
     
164.     padding: 20px;
     
165.     text-align: center;
     
166.     position: fixed;
     
167.     top: 30%;
     
168.     left: 50%;
     
169.     transform: translate(-50%, -50%);
     
170.     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
     
171. }
     
172. 
     
173. #confirmYes, #confirmNo {
     
174.     margin: 10px;
     
175.     padding: 10px 15px;
     
176.     background: #6b4e18;
     
177.     color: #f3eacb;
     
178.     border: 2px solid #3b2d12;
     
179.     border-radius: 5px;
     
180.     font-weight: bold;
     
181.     font-family: '微软雅黑', sans-serif;
     
182.     cursor: pointer;
     
183.     transition: all 0.3s;
     
184. }
     
185. 
     
186. #confirmYes:hover, #confirmNo:hover {
     
187.     background: #8a613a;
     
188.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
     
189. }

复制代码

mc皮肤也有了哇，风格更多样化哩
期待有大佬做一款能自主更换皮肤的版本噜

好强大惹，MC主题皮肤感觉很好看啊

脚本的美化都已经有几个了，可以体验不同的风格

这个皮肤的效果很棒惹

这个主题面板，看起来很豪华呢。

用着这个皮肤更有收集的感觉了XD
喜欢捏

好看的要命用过后每次打开都像查看我的宝箱一样

好棒！现在账本都有各种各样的皮肤了呢

好看的皮肤越来越多了

喔⊙ω⊙还能做皮肤了咩～快进到furry版～

MC是我的世界吗，可能要有玩过才会有共鸣了

哇哦，这个也有皮肤惹？！看起来有点好看捏，像古书籍背景色的感觉

找半天找不到那个数字符号在哪里替换

之前才看见一个美化界面的，现在都向个性化发展了嘛

哇哦，这素什么黄昏下燃起壁炉火光的酒馆的界面惹~~很有氛围感噢~~~

挺好看的主题，颜色很舒服

MC主题啊，虽然没玩过但是这个配色看起来也不错

这个不错，但我很久没玩mc了

还没用过皮肤的脚本呢，试一试，幸苦楼主啦