首 页 › C O D E › PAUSE（EA版）MC主题操作界面皮肤

White_sky 发表于 2024-10-6 14:08:12

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

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


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



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

/* 设置整体背景为古老纸张或暗色的质感背景 */
body {
    background: url('https://i.imgur.com/vVb6TYs.png') repeat center center fixed;
    color: #f3eacb;
    font-family: '微软雅黑', sans-serif;
}

/* 容器通用样式 */
.main-container {
    display: grid;
    grid-template-columns: 1fr 3fr; /* 左边工具箱与右侧主内容的比例 */
    gap: 20px;
    height: 100vh;
    padding: 20px;
}

/* 工具箱部分 */
#fixedBox {
    grid-column: 1; /* 左侧第一列 */
    background: rgba(50, 50, 50, 0.9);
    color: #f3eacb;
    padding: 15px;
    border: 3px solid #6b4e18;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    height: fit-content;
    max-height: 90vh;
    overflow-y: auto;
}

/* 中间部分的汇总信息 */
.header-container {
    grid-column: 2; /* 在右侧第二列 */
    text-align: center; /* 居中对齐以适配按钮位置 */
    margin-bottom: 20px;
}

/* “显示/隐藏工具箱”按钮 */
#toggleToolBoxBtn {
    display: block;
    margin: 0 auto 10px auto;
    padding: 10px 15px;
    background: #6b4e18;
    color: #f3eacb;
    border: 2px solid #3b2d12;
    border-radius: 5px;
    font-weight: bold;
    font-family: '微软雅黑', sans-serif;
    cursor: pointer;
    transition: all 0.3s;
}

#toggleToolBoxBtn:hover {
    background: #8a613a;
    border: 2px solid #502d1a;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

/* 当前记录汇总部分 */
#summaryTable {
    grid-column: 2; /* 与按钮在同一列 */
    background: rgba(50, 50, 50, 0.9);
    color: #f3eacb;
    padding: 15px;
    border: 3px solid #6b4e18;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    font-size: 1.5em; /* 增大字号 */
    margin-top: 0; /* 紧跟着按钮显示 */
}

/* 右侧的数据表格部分 */
.data-container {
    grid-column: 2; /* 与按钮和记录汇总在同一列 */
    background: rgba(50, 50, 50, 0.8);
    padding: 15px;
    border: 3px solid #6b4e18;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    overflow-x: auto;
    margin-top: 10px; /* 增加与汇总的间距 */
}

/* 表格样式 */
#tableBox table, #summaryTable table {
    width: 100%;
    margin: 20px auto;
    border-collapse: collapse;
    background: #3b2d12;
    color: #f3eacb;
    font-family: '微软雅黑', sans-serif;
    border: 3px solid #6b4e18;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}

th, td {
    border: 2px solid #502d1a;
    padding: 10px;
    text-align: center;
}

th {
    background: #6b4e18;
    font-weight: bold;
}

/* 按钮样式 */
#exportBtn, #importBtn, #deleteBtn, #showAllBtn {
    display: block;
    margin: 10px auto;
    padding: 10px 15px;
    background: #6b4e18;
    color: #f3eacb;
    border: 2px solid #3b2d12;
    border-radius: 5px;
    font-weight: bold;
    font-family: '微软雅黑', sans-serif;
    cursor: pointer;
    transition: all 0.3s;
}

#exportBtn:hover, #importBtn:hover, #deleteBtn:hover, #showAllBtn:hover {
    background: #8a613a;
    border: 2px solid #502d1a;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

/* 勾选框和单选框风格 */
input, input {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* 筛选条件样式 */
fieldset {
    border: 2px solid #6b4e18;
    padding: 10px;
    margin-bottom: 20px;
}

legend {
    padding: 0 10px;
    font-weight: bold;
    color: #f3eacb;
    background: #6b4e18;
}

/* 提示文本和其他文字 */
#exportNull, #importSuccess, #importFail, #importError, #deleteSuccess {
    color: #ffdddd;
    font-style: italic;
    background: rgba(100, 20, 20, 0.8);
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0;
}

/* 自定义确认弹窗 */
#customConfirmModal {
    background: rgba(30, 30, 30, 0.9);
    border: 3px solid #6b4e18;
    color: #f3eacb;
    padding: 20px;
    text-align: center;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}

#confirmYes, #confirmNo {
    margin: 10px;
    padding: 10px 15px;
    background: #6b4e18;
    color: #f3eacb;
    border: 2px solid #3b2d12;
    border-radius: 5px;
    font-weight: bold;
    font-family: '微软雅黑', sans-serif;
    cursor: pointer;
    transition: all 0.3s;
}

#confirmYes:hover, #confirmNo:hover {
    background: #8a613a;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

前方无怪 发表于 2024-10-6 14:13:19

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

凯诺斯 发表于 2024-10-6 14:35:35

好强大惹，MC主题皮肤感觉很好看啊{:6_169:}

娱乐法师火布偶 发表于 2024-10-6 14:44:19

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

折木 发表于 2024-10-6 15:03:13

这个皮肤的效果很棒惹{:6_169:}

Burry 发表于 2024-10-6 15:15:35

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

2297988 发表于 2024-10-6 15:19:50

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

不是卖萌的基佬 发表于 2024-10-6 16:36:27

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

singto 发表于 2024-10-6 16:40:38

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

咸鱼鱼 发表于 2024-10-6 17:47:52

好看的皮肤越来越多了

毛茸茸兽兽 发表于 2024-10-6 17:55:04

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

黑达克 发表于 2024-10-6 18:03:05

MC是我的世界吗，可能要有玩过才会有共鸣了{:6_165:}

zzy159 发表于 2024-10-6 18:05:26

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

提尔特 发表于 2024-10-6 18:24:15

{:4_92:}找半天找不到那个数字符号在哪里替换

2667847524 发表于 2024-10-6 18:45:35

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

随心110 发表于 2024-10-6 19:26:21

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

PURO_ 发表于 2024-10-6 20:02:30

挺好看的主题，颜色很舒服{:6_200:}

tuxonstar 发表于 2024-10-6 23:32:33

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

饥渴难耐的G 发表于 2024-10-6 23:48:51

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

咕里奇 发表于 2024-10-7 00:07:59

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

查看完整版本: PAUSE（EA版）MC主题操作界面皮肤