shared.css (1199B)
1 /* Nord palette — exact values from the V8 design source. */ 2 :root { 3 /* Polar Night */ 4 --base00: #242933; 5 --base01: #2e3440; 6 --base02: #3b4252; 7 --base03: #434c5e; 8 --base04: #4c566a; 9 10 /* Snow Storm */ 11 --base05: #d8dee9; 12 --base06: #e5e9f0; 13 --base07: #eceff4; 14 15 /* Frost */ 16 --base08: #8fbcbb; 17 --base09: #88c0d0; 18 --base0A: #81a1c1; 19 --base0B: #5e81ac; 20 21 /* Aurora */ 22 --base0C: #b48ead; 23 --base0D: #ebcb8b; 24 --base0E: #a3be8c; 25 --base0F: #d08770; 26 27 /* Soft hover surface — panel at ~60% so row-selection feels eased 28 instead of slamming to a fully different background. */ 29 --panel-soft: rgba(46, 52, 64, 0.6); 30 } 31 32 @import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:wght@400;500;700&display=swap"); 33 34 * { box-sizing: border-box; } 35 36 html, body { 37 height: 100%; 38 margin: 0; 39 padding: 0; 40 background: var(--base00); 41 font-family: "Atkinson Hyperlegible Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace; 42 font-feature-settings: "ss01", "ss02"; 43 -webkit-font-smoothing: antialiased; 44 text-rendering: optimizeLegibility; 45 } 46 47 a { color: inherit; } 48 49 ::selection { background: var(--base09); color: var(--base01); }