diff --git a/views/index.ejs b/views/index.ejs index 3612191..df6a578 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -1,5 +1,6 @@ +
@@ -11,40 +12,78 @@ color: white; font-family: 'Metal Mania', sans-serif; } + .card { background-color: #222; border: 1px solid #444; } + .btn-primary { background-color: #ff5500; border-color: #ff5500; } + .btn-primary:hover { background-color: #ff3300; } + + /* Custom slim dark mode scrollbar for webkit browsers (Chrome, Safari, Edge) */ + ::-webkit-scrollbar { + width: 8px; + /* Slim width for the scrollbar */ + } + + ::-webkit-scrollbar-track { + background: #1e1e1e; + /* Dark background for the scrollbar track */ + } + + ::-webkit-scrollbar-thumb { + background-color: #4a4a4a; + /* Slightly lighter thumb color */ + border-radius: 10px; + /* Rounded corners for the scrollbar */ + border: 2px solid #1e1e1e; + /* Matches the track background to create a gap effect */ + } + + ::-webkit-scrollbar-thumb:hover { + background-color: #555555; + /* Lighter on hover */ + } + + /* Scrollbar styling for Firefox */ + * { + scrollbar-width: thin; + scrollbar-color: #4a4a4a #1e1e1e; + } +