Skip to content

Commit 811e949

Browse files
actions-userclaude
andcommitted
Increase max-width to 960px, style scrollbar for dark theme
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 8d5c570 commit 811e949

1 file changed

Lines changed: 26 additions & 1 deletion

File tree

‎css/style.css‎

Lines changed: 26 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
--font: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
3030

3131
/* Layout */
32-
--max-width: 680px;
32+
--max-width: 960px;
3333
--nav-height: 65px;
3434
--footer-height: 50px;
3535
}
@@ -627,6 +627,31 @@ main.container {
627627
color: var(--on-surface-dim) !important;
628628
}
629629

630+
/* ============================================
631+
Scrollbar — dark theme
632+
============================================ */
633+
634+
/* Firefox */
635+
main.container {
636+
scrollbar-width: thin;
637+
scrollbar-color: var(--surface-high) var(--surface);
638+
}
639+
640+
/* Chrome / Safari / Edge */
641+
main.container::-webkit-scrollbar {
642+
width: 6px;
643+
}
644+
main.container::-webkit-scrollbar-track {
645+
background: var(--surface);
646+
}
647+
main.container::-webkit-scrollbar-thumb {
648+
background: var(--surface-high);
649+
border-radius: 0;
650+
}
651+
main.container::-webkit-scrollbar-thumb:hover {
652+
background: var(--outline);
653+
}
654+
630655
/* ============================================
631656
Accessibility
632657
============================================ */

0 commit comments

Comments
 (0)