深色模式的洛谷
DarkLuogu by Myitian
Details
AuthorMyitian
LicenseCC-BY-NC-SA-4.0
Categoryluogu
Created
Updated
Size14 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
修改自深色模式的洛谷
原作者：Michael Zhang
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name DarkLuogu
@namespace net.myitian.style.dark_luogu
@author Michael Zhang, Myitian
@description 深色模式的洛谷
@version 20231030.23.30
@license CC-BY-NC-SA-4.0
==/UserStyle== */
@-moz-document regexp("(.*www\\.luogu\\.com\\.cn/|.*www\\.luogu\\.com\\.cn/[^b].*)") {
.forum-name {
color: #ccc !important;
}
.arrow {
color: rgba(255, 255, 255, .75) !important;
}
::placeholder,
.lfe-placeholder {
color: inherit !important;
}
.search-icon {
color: rgba(255, 255, 255, 0.25) !important;
}
section .title {
color: inherit !important;
}
.lfe-body {
background: #282828 !important;
}
div.wrapper.wrapped.lfe-body.header-layout.tiny {
background: #202020 !important;
}
.lg-article,
.card,
.am-panel,
.am-g.lg-table-bg0.lg-table-row,
button,
.am-pagination>li>a,
.am-pagination>li>span,
.drop,
.image-block,
.user-nav,
.mp-editor-container,
.inner-card,
.discuss,
.message-block>.message,
.list>.item,
.notice-card.notice-card {
background: rgba(255, 255, 255, 0.0512) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 8px !important;
color: #fff !important;
}
.notice-card.notice-card {
margin-bottom: 5px;
margin-top: 5px;
}
.card-row>.title {
margin-left: 10px !important;
color: #fff !important;
}
.dropdown {
background: rgb(61, 61, 61) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.26) !important;
border-radius: 8px !important;
color: #fff !important;
}
.test-case {
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 8px !important;
color: #fff !important;
}
.user-nav {
padding: 5px;
}
.am-pagination>.am-active>a,
.am-pagination>.am-active>a:focus,
.am-pagination>.am-active>a:hover,
.am-pagination>.am-active>span,
.am-pagination>.am-active>span:focus,
.am-pagination>.am-active>span:hover {
background: #0e90d2 !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 8px !important;
color: #fff !important;
}
.bottom.float-bottom,
.solution-article>.operations.float {
background: #383838 !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 8px !important;
color: #fff !important;
}
input.am-form-field,
textarea#feed-content,
input.lfe-form-sz-middle,
input.lfe-form-sz-small,
.swal2-input,
textarea.lfe-form-sz-middle {
background: rgba(255, 255, 255, 0.0605) !important;
border-radius: 5px !important;
border-color: rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.06) rgba(255, 255, 255, 0.5442) rgba(0, 0, 0, 0.06) !important;
border-width: 1px 1px 1px 1px !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04) !important;
color: #fff !important;
}
input.am-form-field:focus,
textarea#feed-content:focus,
input.lfe-form-sz-middle:focus,
input.lfe-form-sz-small:focus,
.swal2-input:focus,
textarea.lfe-form-sz-middle:focus {
background: rgba(255, 255, 255, 0.0605) !important;
border-radius: 5px !important;
border-color: rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.06) rgba(96, 205, 255, 1) rgba(0, 0, 0, 0.06) !important;
border-width: 1px 1px 2px 1px !important;
border-bottom-width: 2px !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04) !important;
color: #fff !important;
}
.svg-inline--fa,
tspan,
text {
fill: #fff !important;
}
.highcharts-axis-labels.highcharts-xaxis-labels>text {
fill: rgba(255, 255, 255, 0.5) !important;
}
.highcharts-grid-line,
.message::after,
.message::before {
display: none;
}
.highcharts-point.highcharts-color-1 {
fill: #fff !important;
stroke: #606060;
}
.highcharts-point.highcharts-color-0 {
fill: rgba(0, 120, 212) !important;
}
.highcharts-graph {
stroke: rgba(0, 120, 212) !important;
}
.highcharts-area {
fill: rgba(0, 120, 212, 0.5) !important;
}
.header-link,
.user-nav {
color: rgba(255, 255, 255, 0.8) !important;
}
.am-btn {
background: rgba(255, 255, 255, 0.0512) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 5px !important;
color: #fff !important;
}
.am-btn:hover {
background: rgba(255, 255, 255, 0.08) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 5px !important;
color: #fff !important;
}
.am-btn:focus {
background: rgba(255, 255, 255, 0.0512) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 5px !important;
color: #fff !important;
outline: 0 !important;
}
.am-btn.am-disabled {
background: rgba(255, 255, 255, 0.0512) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 5px !important;
color: #fff !important;
transition: background-color 100ms ease-out, border-color 100ms ease-out;
}
.am-btn.am-disabled:focus {
background: rgba(255, 255, 255, 0.0512) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 5px !important;
color: #fff !important;
transition: background-color 100ms ease-out, border-color 100ms ease-out;
}
select.am-form-field,
.text.lfe-form-sz-small,
.text.lfe-form-sz-middle {
background: rgba(255, 255, 255, 0.0512) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 8px !important;
color: #fff !important;
transition: background-color 100ms ease-out, border-color 100ms ease-out;
}
select.am-form-field:hover,
.text.lfe-form-sz-small:hover,
.text.lfe-form-sz-middle:hover {
background: rgba(255, 255, 255, 0.0512) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 8px !important;
color: #fff !important;
}
select.am-form-field:focus,
.text.lfe-form-sz-small:focus {
background: rgba(255, 255, 255, 0.0512) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 8px !important;
color: #fff !important;
outline: 0 !important;
}
.am-comment-main,
.am-comment-hd {
border-radius: 8px;
}
.am-comment-main {
border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.am-comment-bd {
background: rgba(255, 255, 255, 0.0512) !important;
color: #fff !important;
border-radius: 0px 0px 8px 8px;
}
.am-comment-actions,
.am-comment-meta,
.mp-editor-toolbar,
.cover-upload {
background: rgb(61 61 61) !important;
color: #fff !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 7px 7px 0px 0px;
}
.am-comment-main:before,
.am-comment-main:after {
display: none;
}
.am-comment-primary .am-comment-avatar {
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.lg-small,
.result-count,
.detail.lfe-caption,
.expand-tip>span,
.radio-group>*,
.meta,
.info-content,
.lfe-caption,
time.time {
color: rgba(255, 255, 255, 0.6) !important;
fill: rgba(255, 255, 255, 0.6) !important;
}
.light-black {
color: rgba(255, 255, 255, 0.9) !important;
}
.number,
#swal2-content,
.swal2-popup .swal2-title,
.section>.title,
p {
color: #fff !important;
}
.row:not(:last-child),
.header-wrap {
border-color: rgba(255, 255, 255, 0.4) !important;
}
.progress-frame {
background: rgb(61, 61, 61) !important;
border-color: rgb(61, 61, 61) !important;
}
strong,
.header>.right a {
color: rgb(255, 255, 255) !important;
}
.mp-dialog-container,
.swal2-popup,
.center {
background: rgb(51, 51, 51) !important;
border-color: rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
border-radius: 8px !important;
color: #fff !important;
}
.refined-input.input-wrap.frame {
background: none;
border: none;
}
.side>div {
border: non...