Stylus皮肤(1.5.33)
把下面的全部代码复制粘贴
/* ==UserStyle==
@name hmfpfbbflpffnnjkjndnjnokcbhpakjn - 2023/6/17 20:29:40
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("hmfpfbbflpffnnjkjndnjnokcbhpakjn") {
#filters,
#header-resizer,
#help-popup.wide,
#injection-order-button,
#lint .caption,
#manage-settings > div:first-child,
#manage-text,
#options-wrapper .options-column:nth-child(2),
#publish,
#search-replace-dialog [data-type=status],
#sections-list,
#sort-wrapper,
#update-check,
.applies-to.has-more a,
.colorpicker-palette,
.colorpicker-popup-mover,
.has-favicons .target img,
.oldUI .disabled h2:after,
.resize-grip,
.style-info[data-type=size],
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner,
[data-type=age],
.style-edit-link svg,
.oldUI #stylus-manage .applies-to {
display: none!important
}
#stylus[data-ui-theme=dark] {
--bg: #2d2d2d!important;
--accent-1: #54d8d8ab
}
#stylus[data-ui-theme=light] {
--bg: #f0f0f2;
--accent-1: #207878
}
#stylus {
--header-width: 310px!important
}
[data-ui-theme=dark] .CodeMirror-hints,
[data-ui-theme=dark] .CodeMirror-hints * {
background: #333;
color: #ccc;
font-size: 16px
}
[data-ui-theme=dark] .CodeMirror-hint:hover,
[data-ui-theme=dark] li.CodeMirror-hint-active {
background: #6986c9;
color: #fff
}
[data-ui-theme=light] .CodeMirror-hint:hover,
[data-ui-theme=light] li.CodeMirror-hint-active {
background: #3d6494;
color: #fff
}
@media (max-width:850px) {
#stylus-manage #installed {
margin-top: 0;
padding-left: 0!important
}
#header {
max-width: unset!important
}
#header,
#stylus-manage .entry {
width: 100%!important
}
#stylus-manage .applies-to {
left: 7px
}
}
.newUI,
.oldUI {
overflow-y: overlay
}
.style-name,
body {
font-size: 16px
}
button,
.split-btn-menu {
font-size: 14px
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
font-size: 18px
}
#stylus-manage .entry {
overflow: hidden;
margin: 10px 20px 5px 10px;
width: calc(50% - 30px);
height: 70px;
border: 1px solid var(--c60)!important;
background-color: hsla(0, 0%, 50.2%, .05);
flex-wrap: nowrap;
align-items: center;
}
.entry.highlight {
animation: unset
}
#stylus-manage .style-name {
position: absolute;
right: 1px;
padding: 0!important;
width: 100%;
max-width: unset;
min-width: unset
}
.style-name {
height: 100%;
line-height: 40px
}
#stylus-manage .entry .actions {
position: absolute;
right: 80px
}
.actions > * {
margin-bottom: 0
}
.oldUI #stylus-manage .entry .actions {
position: absolute;
top: 3px;
right: 5px
}
.oldUI #stylus-manage .entry {
padding: 0 .5em;
height: 60px
}
.oldUI .style-name {
line-height: 50px;
}
.oldUI #installed {
margin-top: 0.75rem
}
#header {
width: auto;
max-width: 340px;
box-shadow: none
}
#stylus-manage #installed {
padding-left: 265px
}
.add-applies-to,
.remove-applies-to {
box-sizing: border-box;
border: 1px solid var(--c60)
}
.remove-applies-to {
margin: 0 5px
}
.entry:nth-child(-n+10):before,
.entry:nth-child(11):before {
top: .4ex
}
html:not(.all-disabled) #disableAll-label:before {
position: relative;
bottom: 4px
}
#newStyleAsUsercss ~ div {
position: relative;
top: 2px
}
#lint .report,
#options-wrapper,
#options-wrapper .svg-icon {
margin-top: 5px!important
}
#options-wrapper input[type=checkbox] {
margin-top: 3px
}
.colorpicker-sliders {
padding: 10px 0 6px
}
#lint td[role=message] {
white-space: normal
}
#write-as .svg-icon.checked {
height: 14px
}
#search-replace-dialog {
top: 2px
}
#search-replace-dialog:not(:focus-within):not(:hover) {
opacity: 1
}
#search-replace-dialog > * {
height: 40px
}
#search-replace-dialog textarea {
margin: 4px 0 4px 4px;
line-height: 22px
}
:root {
--slider-pad: 8px;
--slider-pad2: calc(var(--slider-pad)*2);
--slider-width: 35px;
--slider-height: 21px;
--slider-knob: calc(var(--slider-height) - 4px);
--slider-hover-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8);
--name-padding-left: calc(var(--slider-pad)*3 + var(--slider-width))
}
#stylus-manage .entry .checkmate {
position: absolute;
right: 0;
z-index: 2;
display: block;
margin: 0;
padding: 0 var(--slider-pad) 0 var(--slider-pad2);
width: var(--slider-width);
height: 100%
}
#stylus-manage .entry .checkmate:after {
position: absolute;
top: 0;
bottom: 0;
margin: auto 2px;
width: var(--slider-knob);
height: var(--slider-knob);
border-radius: 1em;
background-color: #fff;
content: "";
cursor: pointer
}
#stylus-manage .entry.enabled .checkmate:after {
right: var(--slider-pad)
}
#stylus-manage .entry .checkmate input {
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
background-color: transparent;
cursor: pointer;
pointer-events: auto
}
#stylus-manage .entry .checkmate svg {
top: 0!important;
bottom: 0;
left: var(--slider-pad2)!important;
display: block;
margin: auto;
width: var(--slider-width);
height: var(--slider-height);
border-radius: 1em;
background-color: hsla(0, 0%, 50.2%, .8);
transition: box-shadow .25s;
pointer-events: none;
fill: none
}
#stylus-manage .entry .checkmate input:checked + svg {
background-color: rgba(51, 153, 153, .67)
}
#stylus[data-ui-theme=dark] #stylus-manage .entry .checkmate input:checked + svg {
background-color: rgba(84, 216, 216, .67)
}
#stylus[data-ui-theme=dark] #stylus-manage .entry .checkmate:after {
background-color: #2c2c2c
}
.style-name-link {
position: relative;
top: 0;
left: 25px;
width: 45px;
height: 100%;
white-space: nowrap
}
.oldUI .disabled h2::after,
.entry.usercss .style-name-link::after {
position: relative;
bottom: 1px
}
#stylus-manage .applies-to {
position: relative;
top: 15px;
z-index: 1;
overflow: hidden;
height: 18px
}
#stylus-manage .applies-to .targets {
height: 100%
}
#stylus-manage .applies-to .target {
max-width: 70%
}
.has-favicons .target {
padding-left: 0
}
#stylus[data-ui-theme=dark] button:not(:disabled):hover {
background-color: #454545
}
#stylus[data-ui-theme=dark] ::selection {
background-color: #6986c9;
color: #000
}
::selection {
background-color: #3d6494;
color: #f0f0f2
}
input[type=checkbox] {
border-radius: 0!important
}
#popup-options {
margin-top: 5px
}
#stylus-popup .entry {
min-height: 40px;
border: 1px solid var(--c60);
margin-top: 5px
}
.entry-content {
min-height: 40px;
height: 100%
}
#stylus-popup #installed {
padding: 8px;
max-height: 250px;
height: auto
}
#installed .style-name .checker,
#installed .style-name .svg-icon.checked {
top: 13px
}
#header.sticky {
box-shadow: none
}
.entry:nth-child(-n+10):before,
.entry:nth-child(11):before {
top: 10px
}
#stylus-edit {
padding-top: 0!important
}
.CodeMirror-focused {
border-color: #339999ab
}
#stylus-popup .style-edit-link {
background-size: 20px;
background-repeat: no-repeat;
width: 30px!important;
background-position: 50%;
transition: all .4s
}
#stylus-popup .style-edit-link:hover {
filter: brightness(.4)
}
#stylus[data-ui-theme=dark] #stylus-popup .style-edit-link {
filter: brightness(1.2)
}
#stylus[data-ui-theme=dark] #stylus-popup .style-edit-link:hover {
filter: brightness(2)
}
.CodeMirror-matchingbracket {
background-color: rgba(87, 230, 26, 0.3);
color: #000!important
}
#stylus[data-ui-theme=dark] .CodeMirror-matchingbracket {
color: rgb(255, 255, 0) !important;
}
#help-popup input[type=checkbox] {
margin-top: 4px
}
#help-popup .svg-icon.checked {
margin-top: 6px
}
::-webkit-scrollbar {
width: 16px;
height: 16px;
background: 0 0
}
::-webkit-scrollbar-thumb {
border: 6px solid transparent!important;
background: #909090!important;
background-clip: padding-box!important
}
::-webkit-scrollbar-thumb:hover {
border: 4px solid transparent!important
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
border: none!important;
background-color: transparent!important
}
}
