HotPlate/discord-rpg-concept
1
0
Fork 0
forked from syntaxbullet/AuroraBot-discord
Code Pull Requests Activity

feat: (ui) settings drawers

Browse Source
This commit is contained in:
syntaxbullet
2026-01-09 19:28:14 +01:00
parent d870ef69d5
commit 0d923491b5
17 changed files with 1977 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
web/styles/globals.css
View File

@@ -94,6 +94,46 @@
--sidebar-ring: oklch(0.82 0.18 85 / 40%);
}
@layer base {
* {
border-color: var(--border);
}
body {
background-color: var(--background);
color: var(--foreground);
}
/* Global Scrollbar Styling */
html,
body {
scrollbar-width: thin;
scrollbar-color: var(--muted) transparent;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
width: 8px;
height: 8px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
background: transparent;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
background: var(--muted);
border-radius: 9999px;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
background: var(--primary);
}
}
@layer utilities {
.bg-aurora-page {
background: radial-gradient(circle at 50% -20%, oklch(0.25 0.1 50) 0%, var(--background) 70%);
@@ -114,26 +154,27 @@
box-shadow: 0 0 40px oklch(0.82 0.18 85 / 0.12);
}
/* Custom Scrollbar Global */
.custom-scrollbar::-webkit-scrollbar,
body::-webkit-scrollbar {
width: 6px;
height: 6px;
/* Custom Scrollbar Utility Class */
.custom-scrollbar {
scrollbar-width: thin;
scrollbar-color: var(--muted) transparent;
}
.custom-scrollbar::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
.custom-scrollbar::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
.custom-scrollbar::-webkit-scrollbar-thumb {
background: var(--muted);
border-radius: 9999px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: var(--primary);
}