Skip to content

初音洛谷 - 洛谷 Hatsune Design - Luogu Hatsune Design by hfoiskyjoy

Screenshot of 初音洛谷 - 洛谷 Hatsune Design - Luogu Hatsune Design
Write a review Install Get Stylus

Details

Authorhfoiskyjoy

LicenseNo License

Categoryluogu

Created

Updated

Size68 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

萌新魔改氩洛谷后整出的小项目，希望各位大佬能使用并提出宝贵的意见和建议。
联系本人最好使用洛谷私信（本人 uid178556 ）。我通常会在周末查看。大家也可以私信我添加 qq 后继续讨论。谢谢大家！

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         初音洛谷 - 洛谷 Hatsune Design - Luogu Hatsune Design
@version      20211005.02.28
@namespace    userstyles.world/user/hfoiskyjoy
@description  萌新魔改氩洛谷后整出的小项目，希望各位大佬能使用并提出宝贵的意见和建议。
联系本人最好使用洛谷私信（本人 uid178556 ）。我通常会在周末查看。大家也可以私信我添加 qq 后继续讨论。谢谢大家！
@author       hfoiskyjoy
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name           初音洛谷 - 洛谷 Hatsune Design - Luogu Hastune Design
@namespace      USO Archive
@author         Skyjoy
@description    `深度美化洛谷，使洛谷界面 Hatsune Design 化`
@version        20210924.1.0
@advanced dropdown backgroundImg "背景图片 (*永远不要*在此上传图片，会引起错乱，请使用图床)(设置背景图片后建议设为透明主题)" {
backgroundImg "默认背景图片*" <<<EOT https://cdn.luogu.com.cn/upload/image_hosting/1ih92xg2.png EOT;

	backgroundImg-custom-dropdown "Custom" <<<EOT /*[[backgroundImg-custom]]*\/ EOT;
}
@advanced text backgroundImg-custom "背景图片 (*永远不要*在此上传图片，会引起错乱，请使用图床)(设置背景图片后建议设为透明主题) (Custom)" "https://example.com/image.png"
@advanced dropdown themeCSSCode "主题(建议在设置背景后选择透明主题)(部分渐变来自uigradients.com)" {
Theme0 "渐变 - 默认 - Hatsune*" <<<EOT  EOT;
ThemeVijos "Vijos" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(90deg, rgb(57,197,187), rgb(207, 148, 187)) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #39c5bb !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #39c5bb !important;
}
a {
    transition: all .15s;
    color: #39c5bb;
}
#app > .lfe-body > .popup-button ,.card .color-default{
    color: #39c5bb !important;
}
.am-btn-primary, .am-btn-primary:hover, .am-btn-primary:active, .am-btn-primary:focus, a.am-btn-primary:visited {
    background-color: #39c5bb;
}
.am-progress-bar-secondary, .am-progress-bar, .progress-frame > div {
    background-color: #39c5bb !important;
} EOT;
Theme1 "渐变 - Argon*" <<<EOT  EOT;
ThemeVijos "Vijos" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(90deg, rgb(91, 165, 197), rgb(207, 148, 197)) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #5ba5c5 !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #5ba5c5 !important;
}
#app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer {
    background-image: url(https://i.loli.net/2019/08/01/5d42d1bb1b30749952.png), linear-gradient(90deg, rgb(91, 165, 197), rgb(207, 148, 197)) !important;
    background-size: cover !important;
}
a {
    transition: all .15s;
    color: #5ba5c5;
}
#app > .lfe-body > .popup-button ,.card .color-default{
    color: #5ba5c5 !important;
}
.am-btn-primary, .am-btn-primary:hover, .am-btn-primary:active, .am-btn-primary:focus, a.am-btn-primary:visited {
    background-color: #5ba5c5;
}
.am-progress-bar-secondary, .am-progress-bar, .progress-frame > div {
    background-color: #5ba5c5 !important;
} EOT;
Theme2 "渐变 - 恒星 (靛蓝-深天蓝)" <<<EOT #app > .main-container > .header-layout, .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#7474bf 0, #348ac7 100%) !important;
}
body #app > .lfe-body > a , body #app > .lfe-body > .popup-button{
    color: #7474bf !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #7474bf !important;
} EOT;
Theme3 "渐变 - 午夜 (浅黑-深灰)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#414345 0, #232526 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #414345 !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #414345 !important;
} EOT;
Theme4 "渐变 - 湖水 (墨绿-浅绿)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#134E5E 0, #71B280 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #134E5E !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #134E5E !important;
} EOT;
Theme5 "渐变 - 夕阳 (浅橙-深橙)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(255deg,#FFC837 0,#FF8008 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #FF8008 !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #FF8008 !important;
} EOT;
Theme6 "渐变 - 森林 (草绿-浅绿)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#1D976C 0, #93F9B9 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #1D976C !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #1D976C !important;
} EOT;
Theme7 "渐变 - 樱桃 (桃红-橙红)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#EB3349 0, #F45C43 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #EB3349 !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #EB3349 !important;
} EOT;
Theme8 "渐变 - 粉红 (深粉-浅粉)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#DD5E89 0, #F7BB97 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #DD5E89 !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #DD5E89 !important;
} EOT;
Theme9 "渐变 - 水鸭 (青色-浅青)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#4CB8C4 0, #3CD3AD 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #4CB8C4 !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #4CB8C4 !important;
} EOT;
Theme10 "渐变 - 茄子 (深紫-紫红)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#61045F 0, #AA076B 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #61045F !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #61045F !important;
} EOT;
Theme11 "渐变 - 沙漠 (黑紫-浅黄)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#403B4A 0, #E7E9BB 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #403B4A !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #403B4A !important;
} EOT;
Theme12 "渐变 - 绿水 (深水绿-浅水绿)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#02AAB0 0, #00CDAC 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #02AAB0 !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #02AAB0 !important;
} EOT;
Theme13 "渐变 - 深海 (深蓝灰-蓝灰)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#2c3e50 0, #4ca1af 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #2c3e50 !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #2c3e50 !important;
} EOT;
Theme14 "渐变 - 蓝天 (深天蓝-浅天蓝)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg,#0083b0 0, #00b4db 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #0083b0 !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #0083b0 !important;
} EOT;
ThemeExtra1 "渐变 - 氢 (浅紫-蓝-浅绿)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
    background: linear-gradient(87deg, #7F7FD5 0, #86A8E7 50%, #91EAE4 100%) !important;
}
body #app > .lfe-body > a , body #app-sidenav > .popup-button{
    color: #7F7FD5 !important;
}
body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
    background-color: #7F7FD5 !important;
} EOT;
Theme15 "透明 - 黑色 - 20%不透明度" <<<EOT #app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny{
    background: rgba(0,0,0,.2) !important;
}
body #app > .lfe-body > a , body #app > .lfe-body > .popup-button , html > body > #app > .main-container > .header-layout a.icon-btn i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout .link * , .header-layout.tiny .link-container a span {
    color: #fff !important;
}
body #app > .lf...

Reviews

No reviews yet.