ladas552.me
Site for my Nix docs
nix.ladas552.me
1/* Custom Prism enhancements - Font, Line Spacing, and Scrollbar */
2/* This file adds improvements without changing Catppuccin colors */
3
4/* Better line spacing and font - Terminal-like tight spacing */
5pre[class*="language-"] {
6 line-height: 1.2 !important;
7}
8
9pre>code[class*="language-"] {
10 font-family: "JetBrains Mono", "Fira Code", ui-monospace, monospace !important;
11 line-height: 1.2 !important;
12}
13
14/* Remove Tab navigation - code blocks shouldn't be focusable */
15pre[class*="language-"],
16code[class*="language-"] {
17 outline: none !important;
18}
19
20pre[class*="language-"]:focus,
21code[class*="language-"]:focus {
22 outline: none !important;
23}
24
25/* Prevent code blocks from being tabbable */
26pre[class*="language-"] {
27 -webkit-user-select: text;
28 -moz-user-select: text;
29 user-select: text;
30}
31
32/* Smaller, refined scrollbar for code blocks */
33pre[class*="language-"]::-webkit-scrollbar {
34 width: 6px;
35 height: 6px;
36}
37
38pre[class*="language-"]::-webkit-scrollbar-track {
39 background: transparent;
40 border-radius: 3px;
41}
42
43pre[class*="language-"]::-webkit-scrollbar-thumb {
44 background: rgba(0, 0, 0, 0.2);
45 border-radius: 3px;
46 transition: background-color 0.3s ease;
47}
48
49pre[class*="language-"]::-webkit-scrollbar-thumb:hover {
50 background: rgba(0, 0, 0, 0.35);
51}
52
53/* Dark theme scrollbar adjustments */
54html[class*="-dark"] pre[class*="language-"]::-webkit-scrollbar-thumb,
55html[class*="dark-"] pre[class*="language-"]::-webkit-scrollbar-thumb,
56.dark pre[class*="language-"]::-webkit-scrollbar-thumb {
57 background: rgba(255, 255, 255, 0.2);
58}
59
60html[class*="-dark"] pre[class*="language-"]::-webkit-scrollbar-thumb:hover,
61html[class*="dark-"] pre[class*="language-"]::-webkit-scrollbar-thumb:hover,
62.dark pre[class*="language-"]::-webkit-scrollbar-thumb:hover {
63 background: rgba(255, 255, 255, 0.35);
64}
65
66/* Firefox scrollbar styling */
67pre[class*="language-"] {
68 scrollbar-width: thin;
69 scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
70}
71
72html[class*="-dark"] pre[class*="language-"],
73html[class*="dark-"] pre[class*="language-"],
74.dark pre[class*="language-"] {
75 scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
76}