美化暴力猴控制台|
目前为
// ==UserScript==
// @name 暴力猴控制台美化
// @namespace Violentmonkey Scripts
// @match https://greasyfork.org/zh-CN/users/*
// @grant none
// @version 0.1.3
// @author aliha
// @description 美化暴力猴控制台|
// @icon
// @run-at
// @license MIT
// ==/UserScript==
(function () {
'use strict';
const topHeight = 42;
const menuItems = [
{ className: 'script-list-sort', title: '脚本排序' },
{ className: 'script-list-filter', title: '生效过滤' },
{ className: 'script-language-filter', title: '编程语言' }
];
const userMenuTextMapping = {
"发布你编写的脚本": "发布脚本",
"发布你编写的样式": "发布样式",
"新建脚本收藏集": "新建收藏",
"设置 webhook": "Webhook",
"编辑账号信息": "账号信息",
"更改登录方式": "登录方式",
"编辑通知": "通知方式",
"退出": "退出登录"
};
// 设置脚本菜单小标题
function setScriptListTitle() {
const headerElement = document.querySelector("#user-script-list-section header");
const h3Element = headerElement.querySelector("h3");
const divElement = document.createElement("div");
divElement.textContent = h3Element.textContent;
headerElement.replaceChild(divElement, h3Element);
}
// 更改右侧菜单的标题
function ModifyScriptListTitle(className, titleName) {
const parentElement = document.getElementById(className);
const originalTextElement = parentElement.firstChild;
parentElement.removeChild(originalTextElement);
const titleDiv = document.createElement('div');
titleDiv.className = 'list-option-title';
titleDiv.textContent = titleName;
parentElement.insertBefore(titleDiv, parentElement.firstChild);
}
// 移动菜单
function moveMenu() {
const leftMenuDiv = document.createElement("div");
leftMenuDiv.className = "left-menu";
const sectionsToMove = [
"about-user",
"user-discussions-on-scripts-written",
"user-discussions",
"user-conversations",
"user-script-sets-section"
];
const sidebarred = document.querySelector(".sidebarred");
sidebarred.insertBefore(leftMenuDiv, sidebarred.firstChild);
sectionsToMove.forEach(sectionId => {
const section = document.getElementById(sectionId);
leftMenuDiv.appendChild(section);
});
const textContentElements = document.querySelectorAll('.text-content');
textContentElements.forEach(element => {
element.style.margin = '0';
element.style.border = 'none';
element.style.borderRadius = '0';
element.style.boxShadow = 'none';
});
const discussionsTitle = document.querySelector("#user-discussions-on-scripts-written h3");
const scriptSetsTitle = document.querySelector("#user-script-sets-section h3");
if (discussionsTitle) {
discussionsTitle.textContent = "相关讨论";
}
if (scriptSetsTitle) {
scriptSetsTitle.textContent = "脚本收藏";
}
const h3Elements = document.querySelectorAll("h3");
h3Elements.forEach(h3Element => {
const newDivElement = document.createElement("div");
newDivElement.textContent = h3Element.textContent;
newDivElement.className = "list-option-title";
h3Element.parentNode.replaceChild(newDivElement, h3Element);
});
}
// 修改用户菜单
function modifyUserMenu() {
const controlPanelLinks = document.querySelectorAll("#user-control-panel li a");
controlPanelLinks.forEach(link => {
const originalText = link.textContent.trim();
const newText = userMenuTextMapping[originalText];
if (newText) {
link.textContent = newText;
}
});
const aboutUserSection = document.getElementById("about-user");
const userDiscussions = document.getElementById("user-discussions");
const userConversations = document.getElementById("user-conversations");
const discussionsLink = userDiscussions.querySelector("ul a");
const userConversationsLink = userConversations.querySelector("P");
const reportLink = aboutUserSection.querySelector(".report-link");
const h2Element = aboutUserSection.querySelector("h2");
const right = document.querySelector('.sidebar.collapsed');
const elementToRemove = right.querySelector('.close-sidebar');
// 检查元素是否存在，然后将其删除
if (elementToRemove) {
elementToRemove.remove(); // 删除元素
}
if (discussionsLink) {
discussionsLink.remove();
}
if (userConversationsLink) {
userConversationsLink.remove();
}
if (reportLink) {
reportLink.remove();
}
if (h2Element) {
h2Element.remove();
}
}
// 添加 CSS 样式
function addCustomStyles() {
const style_css = document.createElement('style');
style_css.textContent = `
/* CSS 样式内容 */
/* 隐藏浏览器默认的滚动条 */
::-webkit-scrollbar {
width: 0px; /* 设置滚动条宽度 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
background-color: #f1f1f1; /* 设置滚动条轨道背景颜色 */
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background-color: #888; /* 设置滚动条滑块颜色 */
border-radius: 6px; /* 设置滑块边角的圆角 */
}
/* 当鼠标悬停在滑块上时 */
::-webkit-scrollbar-thumb:hover {
background-color: #555; /* 设置滚动条滑块的悬停颜色 */
}
html, body{
margin: 0;
padding: 0;
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
ul, ol{
list-style-type: none;
margin:0;
}
p {
margin-top:0;
margin-left:20px;
}
.width-constraint {
margin: 0;
height: 100%;
max-width: 100%;
}
#main-header {
background-color: #545c64;
box-shadow: none;
}
#main-header a {
text-decoration: none;
}
#site-name img {
display: none;
}
.sidebarred {
flex: 1;
height: 100%;
max-height:88vh;
}
.sidebar.collapsed, .sidebarred-main-content {
margin: 0;
padding: 0;
}
.sidebar {
width: 200px;
background-color: #6e767d;
}
.sidebarred-main-content {
border: none;
max-width: 100%;
background-color: #e9e9eb;
margin-left: auto;
height:100%
}
#about-user, .text-content {
margin: 0;
border: none;
border-radius: 0;
box-shadow: none;
padding:0;
}
#user-control-panel {
background-color: #dcdfe6;
}
a {
text-decoration: none;
}
.left-menu {
width:221px;
background-color:#6e767d;
}
/* 搜索选项 */
.close-sidebar, .list-option-title {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
cursor: pointer;
background-color: #545c64;
color: #fff;
height:21px;
}
/* 设置字体颜色为 #e7bf4b 并加粗 */
.close-sidebar div {
color: #e7bf4b;
font-weight: bold;
font-family: "黑体", sans-serif;
}
.close-sidebar .sidebar-title,
.close-sidebar div:nth-child(2) {
visibility: hidden;
}
/* 搜索选项 - 选项菜单 */
.list-option-groups {
justify-content: space-between;
align-items: center;
padding: 0px;
cursor: pointer;
background-color: #e9eef3;
}
.list-option-group {
padding: 0;
margin: 0;
}
.list-option-title {
background-color: #6e767d;
}
.list-option-group ul {
box-shadow: none;
border: none;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
background-color: #DCDFE6;
}
.list-option-group a {
text-decoration: none;
}
.list-option-group .list-current {
border-left: none;
box-shadow: none;
margin: 0;
padding: .4em 1em .4em calc(1em - 3px);
background: #F2F6FC;
}
/* 脚本列表 - 脚本list */
#user-script-list {
border: none;
padding-top: 0;
margin-top: 0;
background: none;
box-shadow: none;
overflow-y: auto;
max-height: 82vh;
}
#user-script-list-section {
margin: 0;
padding: 0;
}
#user-script-list-section li {
border-bottom: 1px solid #ccc;
border-radius: 2px;
margin-bottom: 2px;
list-style: none;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 4px;
margin: 5px;
padding: 15px;
display: flex;
flex-direction: column;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
#user-script-list-section li:hover {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* 增加阴影大小 */
background-color: #f0f0f0; /* 更改背景颜色 */
}
/* 脚本列表 - 脚本title */
#user-script-list-section header {
background-color: #545c64; /* 调整背景颜色 */
color: #fff; /* 调整文本颜色 */
padding: 0;
height: 41px;
display: flex;
justify-content: center;
}
#user-script-list-section header div {
display: flex;
align-items: center;
justify-content: space-around;
text-align: center;
width: calc(100% - 20px);
height: 100%;
color: #e7bf4b;
font-weight: bold;
font-family: "黑体", sans-serif;
}
/* ... */
`;
document.head.appendChild(style_css);
}
menuItems.forEach(menuItem => {
ModifyScriptListTitle(menuItem.className, menuItem.title);
});
setScriptListTitle();
moveMenu();
modifyUserMenu();
addCustomStyles();
})();