theme-vars.css (969B)
1 :root { 2 --gap: 24px; 3 --content-gap: 20px; 4 --nav-width: 1024px; 5 --main-width: 720px; 6 --header-height: 60px; 7 --footer-height: 60px; 8 --radius: 8px; 9 --theme: rgb(255, 255, 255); 10 --entry: rgb(255, 255, 255); 11 --primary: rgb(30, 30, 30); 12 --secondary: rgb(108, 108, 108); 13 --tertiary: rgb(214, 214, 214); 14 --content: rgb(31, 31, 31); 15 --code-block-bg: rgb(28, 29, 33); 16 --code-bg: rgb(245, 245, 245); 17 --border: rgb(238, 238, 238); 18 color-scheme: light; 19 } 20 21 :root[data-theme="dark"] { 22 --theme: rgb(29, 30, 32); 23 --entry: rgb(46, 46, 51); 24 --primary: rgb(218, 218, 219); 25 --secondary: rgb(155, 156, 157); 26 --tertiary: rgb(65, 66, 68); 27 --content: rgb(196, 196, 197); 28 --code-block-bg: rgb(46, 46, 51); 29 --code-bg: rgb(55, 56, 62); 30 --border: rgb(51, 51, 51); 31 color-scheme: dark; 32 } 33 34 .list { 35 background: var(--code-bg); 36 } 37 38 [data-theme="dark"] .list { 39 background: var(--theme); 40 }