• 注册
  • 知识区 知识区 关注:10 内容:59

    尤萌UI优化

  • 查看作者
  • 打赏作者
  • 四級術士

    背景:在逛u站的时候,逛多了总感觉有些地方的UI看起来不太舒服,所以就弄了…

    效果展示

    尤萌UI优化尤萌UI优化尤萌UI优化尤萌UI优化

    源码

    // ==UserScript==

    // @name         尤萌优化UI

    // @namespace    链接

    // @version      0.1

    // @description  只是优化UI

    // @author       木兮妍诗

    // @match        *acgu.net*

    // @icon         https://acgu.net/wp-content/uploads/2023/09/e63e0afccc3f78f7edecff9ab6cb932e.png

    // @grant        none

    // ==/UserScript==


    (function () {

        'use strict'

        repairUI()

        window.addEventListener('DOMContentLoaded', repairUI)

        window.addEventListener('load', repairUI)


        function repairUI(){

            console.log('成功加载 尤萌深夜网页端 脚本')


    var all_style_waterfall_first_li = document.querySelector('.jinsom-post-list > li')

    var all_style_waterfall_first_li_style = window.getComputedStyle(all_style_waterfall_first_li, null)

    var all_style_waterfall_first_li_style_marginLeft = all_style_waterfall_first_li_style.marginLeft

    // console.log(all_style_waterfall_first_li_style_marginLeft);


        let repairstyle = `

    div.jinsom-post-list, .ls-wd-a-user {

        background-color: transparent !important;

    }


    /* #jinsom-view-find-1 > div:nth-of-type(3) > div:nth-of-type(2) > .ls-rw-a {

        background-image: none;

    } */


    li.waterfall {

        margin-top: ${all_style_waterfall_first_li_style_marginLeft} !important;

    }


    div.jinsom-post-list {

        margin-bottom: ${all_style_waterfall_first_li_style_marginLeft} !important;

    }


    .ls-wd-a-user > li:nth-of-type(3) > y, .ls-wd-a-user > li:nth-of-type(4) > em {

        color: var(–font-color) !important;

    }


    .ls-wd-a-user > li:nth-of-type(3) > .jinsom-vip {

        color: var(–jinsom-color) !important;

    }


    .jinsom-chat-notice > li > a > p {

        box-shadow: none !important;

    }


    .zsw-bb > span > span > span {

        padding: 0 10px;

        text-shadow: none !important;

        color: var(–white-color) !important;

        background-color: var(–jinsom-color) !important;

        border-radius: 1.5vw !important;

        box-shadow: 0.5vw 0.5vw 2vw 0px #8084f7 !important;

    }


    .zsw-list p {

        margin-top: 10px !important;

    }

        `

        let body = document.body

        let stylerepairDom = document.createElement('style');

        stylerepairDom.id = 'dark-umeng'

        stylerepairDom.innerHTML = repairstyle

        body.appendChild(stylerepairDom)

        }

    })()

    四級術士
    @御主 看看? [s-3]
    回复

    请登录之后再进行评论

    登录
  • 发布
  • 帖子间隔 侧栏位置: