mirror/nginx-ui
1
0
Fork 0
mirror of https://github.com/0xJacky/nginx-ui.git synced 2026-06-19 07:36:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add custom scrollbar styles for dark mode #1442

Browse Source
This commit is contained in:
0xJacky
2025-11-24 04:06:49 +00:00
parent 545cddeac9
commit 3355d7d74d
1 changed files with 62 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/App.vue
+62
View File
@@ -95,6 +95,68 @@ loadTranslations(route)
padding-bottom: 0;
}
}
// 暗夜模式滚动条样式
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #1a1a1a;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: #3a3a3a;
border-radius: 4px;
transition: background 0.3s ease;
&:hover {
background: #4a4a4a;
}
&:active {
background: #555555;
}
}
// Firefox 滚动条样式
* {
scrollbar-width: thin;
scrollbar-color: #3a3a3a #1a1a1a;
}
}
// 浅色模式滚动条样式
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #f0f0f0;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: #d0d0d0;
border-radius: 4px;
transition: background 0.3s ease;
&:hover {
background: #b0b0b0;
}
&:active {
background: #909090;
}
}
// Firefox 滚动条样式
* {
scrollbar-width: thin;
scrollbar-color: #d0d0d0 #f0f0f0;
}
.ant-layout-header {