vielle.dev / site-archive
[Archived] Archived WIP of vielle.dev
fork atom

Include --typo-code variable for inline code font colour

vielle.dev 79eefb8d f4b9c5a3

verified
+7 -6
+2
src/config.ts
··· 80 80 subheading: "#040710", 81 81 url: "#1f3e98", 82 82 visited: "#931f82", 83 + code: "#137B81", 83 84 }, 84 85 }, 85 86 ··· 95 96 subheading: "#ffe0ff", 96 97 url: "#a8a8ff", 97 98 visited: "#ff80ff", 99 + code: "#81c8be", 98 100 }, 99 101 }, 100 102
+5 -6
src/pages/blog/[id].astro
··· 424 424 425 425 /* Inline code */ 426 426 :not(pre) > code { 427 - color: var(--rainbow-3); 428 - background-color: var(--_dark-bg-secondary); 427 + color: var(--typo-code); 428 + background-color: var(--bg-code); 429 429 padding: 0.2rem; 430 430 border-radius: 0.5rem; 431 431 ··· 546 546 var(--_dark-typo-visited) 547 547 ); 548 548 549 - --typo-selection: light-dark( 550 - var(--_light-typo-selection), 551 - var(--_dark-typo-selection) 552 - ); 549 + --typo-code: light-dark(var(--_light-typo-code), var(--_dark-typo-code)); 553 550 } 554 551 555 552 header { ··· 648 645 --_light-typo-subheading: ${light.typography.subheading}; 649 646 --_light-typo-url: ${light.typography.url}; 650 647 --_light-typo-visited: ${light.typography.visited}; 648 + --_light-typo-code: ${light.typography.code}; 651 649 652 650 --_dark-bg-main: ${dark.background.main}; 653 651 --_dark-bg-secondary: ${dark.background.secondary}; ··· 657 655 --_dark-typo-subheading: ${dark.typography.subheading}; 658 656 --_dark-typo-url: ${dark.typography.url}; 659 657 --_dark-typo-visited: ${dark.typography.visited}; 658 + --_dark-typo-code: ${dark.typography.code}; 660 659 661 660 --rainbow-0: ${rainbow[0]}; 662 661 --rainbow-1: ${rainbow[1]};