Buriburizaemon/nodewarden
1
0
Fork 0
mirror of https://github.com/shuaiplus/nodewarden.git synced 2026-06-21 05:10:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: refine styles for improved UI consistency and responsiveness across themes

Browse Source
This commit is contained in:
shuaiplus
2026-04-26 00:03:45 +08:00
parent 62f0aedc27
commit 3d2285e7af
9 changed files with 150 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/src/styles/base.css
+37
View File
@@ -11,6 +11,10 @@ body,
font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
}
html {
scroll-behavior: smooth;
}
body {
@apply relative antialiased;
transition: background-color var(--dur-medium) var(--ease-smooth), color var(--dur-medium) var(--ease-smooth);
@@ -20,3 +24,36 @@ body.dialog-open {
@apply overflow-hidden;
overscroll-behavior: contain;
}
::selection {
background: color-mix(in srgb, var(--primary) 20%, transparent);
color: var(--text);
}
:focus-visible {
outline: none;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);
}
/* --- custom scrollbar --- */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--muted) 30%, transparent);
border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
background: color-mix(in srgb, var(--muted) 50%, transparent);
}
::-webkit-scrollbar-corner {
background: transparent;
}