From 8a268fddb2380daf427706be85dbf6425121944c Mon Sep 17 00:00:00 2001 From: changjun <52chinaweb@gmail.com> Date: Sun, 14 May 2023 10:44:13 +0800 Subject: [PATCH] feat: font setting --- .vscode/settings.json | 4 +++- Elegant.nnwtheme/stylesheet.css | 6 +++--- config.ts | 4 ++++ uno.config.ts | 2 -- 4 files changed, 10 insertions(+), 6 deletions(-) create mode 100644 config.ts diff --git a/.vscode/settings.json b/.vscode/settings.json index 2476617..5aeba07 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -22,6 +22,8 @@ "Neue", "Noto", "Roboto", - "Segoe" + "Segoe", + "wenkai", + "Windi" ] } diff --git a/Elegant.nnwtheme/stylesheet.css b/Elegant.nnwtheme/stylesheet.css index d040075..3559121 100644 --- a/Elegant.nnwtheme/stylesheet.css +++ b/Elegant.nnwtheme/stylesheet.css @@ -6,9 +6,9 @@ /* layer: typography */ .prose :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.prose :where(a):not(:where(.not-prose,.not-prose *)){color:var(--c-prose-links);text-decoration:none;font-weight:500;border-bottom:1px dashed currentColor;padding-bottom:2px;}.prose :where(a code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);}.prose :where(p,ul,ol,pre):not(:where(.not-prose,.not-prose *)){margin:1em 0;line-height:1.75;}.prose :where(blockquote):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding-left:1em;font-style:none;border-left:.2em solid var(--c-prose-borders);color:var(--c-blockquote);}.prose :where(h1):not(:where(.not-prose,.not-prose *)){margin:1rem 0;font-size:2.25em;color:var(--c-text-base);}.prose :where(h2):not(:where(.not-prose,.not-prose *)){margin:1.75em 0 .5em;font-size:1.75em;}.prose :where(h3):not(:where(.not-prose,.not-prose *)){margin:1.5em 0 .5em;font-size:1.375em;}.prose :where(h4):not(:where(.not-prose,.not-prose *)){margin:1em 0;font-size:1.125em;}.prose :where(img,video):not(:where(.not-prose,.not-prose *)){max-width:100%;border-radius:.6rem;height:auto;}.prose :where(figure,picture):not(:where(.not-prose,.not-prose *)){margin:1em 0;}.prose :where(figcaption):not(:where(.not-prose,.not-prose *)){color:var(--c-blockquote);font-size:.875em;margin-top:.8em;}.prose :where(code):not(:where(.not-prose,.not-prose *)){color:var(--c-prose-code);font-size:.875em;font-weight:400;font-family:var(--un-prose-font-mono);background:var(--c-prose-inline-bg-color) !important;padding:0.2rem 0.375rem;border-radius:0.25rem;}.prose :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::before,.prose :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::after{content:;}.prose :where(pre):not(:where(.not-prose,.not-prose *)){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;border:1px solid var(--c-prose-pre-border);background:var(--c-prose-pre-bg);}.prose :where(pre,code):not(:where(.not-prose,.not-prose *)){white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;background:var(--c-prose-pre-bg);}.prose :where(pre code):not(:where(.not-prose,.not-prose *)){font-weight:inherit;}.prose :where(ol,ul):not(:where(.not-prose,.not-prose *)){padding-left:1.25em;}.prose :where(ol):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}.prose :where(ol[type="A"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}.prose :where(ol[type="a"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}.prose :where(ol[type="A" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}.prose :where(ol[type="a" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}.prose :where(ol[type="I"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}.prose :where(ol[type="i"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}.prose :where(ol[type="I" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}.prose :where(ol[type="i" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}.prose :where(ol[type="1"]):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}.prose :where(ul):not(:where(.not-prose,.not-prose *)){list-style-type:disc;}.prose :where(ol > li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(ul > li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(summary):not(:where(.not-prose,.not-prose *))::marker{color:var(--un-prose-lists);}.prose :where(hr):not(:where(.not-prose,.not-prose *)){margin:2em auto;border:none;width:48px;height:2px;background:var(--c-prose-hr);border-radius:24px;opacity:0.5;}.prose :where(table):not(:where(.not-prose,.not-prose *)){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.prose :where(tr):not(:where(.not-prose,.not-prose *)):nth-child(2n){background:var(--un-prose-bg-soft);}.prose :where(td,th):not(:where(.not-prose,.not-prose *)){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.prose :where(abbr):not(:where(.not-prose,.not-prose *)){cursor:help;}.prose :where(kbd):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.prose :where(details):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.prose :where(summary):not(:where(.not-prose,.not-prose *)){cursor:pointer;font-weight:600;}.prose :where(a):not(:where(.not-prose,.not-prose *)):hover{color:var(--c-prose-primary);}.prose :where(pre > code):not(:where(.not-prose,.not-prose *)){background:transparent !important;} .prose{color:var(--un-prose-body);max-width:65ch;} -.prose-dark{--un-prose-body:#1b1b1b;--un-prose-headings:#0f0f0f;--un-prose-links:#0f0f0f;--un-prose-lists:#222222;--un-prose-hr:#323232;--un-prose-captions:#1f1f1f;--un-prose-code:#0f0f0f;--un-prose-borders:#323232;--un-prose-bg-soft:#3c3c3c;--un-prose-invert-body:#323232;--un-prose-invert-headings:#3c3c3c;--un-prose-invert-links:#3c3c3c;--un-prose-invert-lists:#1f1f1f;--un-prose-invert-hr:#1b1b1b;--un-prose-invert-captions:#222222;--un-prose-invert-code:#3c3c3c;--un-prose-invert-borders:#1b1b1b;--un-prose-invert-bg-soft:#181818;--un-prose-font-mono:JetBrainsMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} +.prose-dark{--un-prose-body:#1b1b1b;--un-prose-headings:#0f0f0f;--un-prose-links:#0f0f0f;--un-prose-lists:#222222;--un-prose-hr:#323232;--un-prose-captions:#1f1f1f;--un-prose-code:#0f0f0f;--un-prose-borders:#323232;--un-prose-bg-soft:#3c3c3c;--un-prose-invert-body:#323232;--un-prose-invert-headings:#3c3c3c;--un-prose-invert-links:#3c3c3c;--un-prose-invert-lists:#1f1f1f;--un-prose-invert-hr:#1b1b1b;--un-prose-invert-captions:#222222;--un-prose-invert-code:#3c3c3c;--un-prose-invert-borders:#1b1b1b;--un-prose-invert-bg-soft:#181818;--un-prose-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} @media (prefers-color-scheme: dark){ -.dark\:prose-light{--un-prose-body:#e9ecef;--un-prose-headings:#dde1e3;--un-prose-links:#dde1e3;--un-prose-lists:#f6f6f6;--un-prose-hr:#fafafa;--un-prose-captions:#f2f2f2;--un-prose-code:#dde1e3;--un-prose-borders:#fafafa;--un-prose-bg-soft:#fcfcfc;--un-prose-invert-body:#fafafa;--un-prose-invert-headings:#fcfcfc;--un-prose-invert-links:#fcfcfc;--un-prose-invert-lists:#f2f2f2;--un-prose-invert-hr:#e9ecef;--un-prose-invert-captions:#f6f6f6;--un-prose-invert-code:#fcfcfc;--un-prose-invert-borders:#e9ecef;--un-prose-invert-bg-soft:#dee2e6;--un-prose-font-mono:JetBrainsMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} +.dark\:prose-light{--un-prose-body:#e9ecef;--un-prose-headings:#dde1e3;--un-prose-links:#dde1e3;--un-prose-lists:#f6f6f6;--un-prose-hr:#fafafa;--un-prose-captions:#f2f2f2;--un-prose-code:#dde1e3;--un-prose-borders:#fafafa;--un-prose-bg-soft:#fcfcfc;--un-prose-invert-body:#fafafa;--un-prose-invert-headings:#fcfcfc;--un-prose-invert-links:#fcfcfc;--un-prose-invert-lists:#f2f2f2;--un-prose-invert-hr:#e9ecef;--un-prose-invert-captions:#f6f6f6;--un-prose-invert-code:#fcfcfc;--un-prose-invert-borders:#e9ecef;--un-prose-invert-bg-soft:#dee2e6;--un-prose-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} } /* layer: shortcuts */ .largeText{font-size:1.125rem;line-height:1.75rem;} @@ -46,7 +46,7 @@ .px-2{padding-left:0.5rem;padding-right:0.5rem;} .py-3{padding-top:0.75rem;padding-bottom:0.75rem;} .text-center{text-align:center;} -.font-sans{font-family:LXGWWenKaiGBScreen,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} +.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} .text-base{font-size:1rem;line-height:1.5rem;} .text-sm{font-size:0.875rem;line-height:1.25rem;} .text-xl{font-size:1.25rem;line-height:1.75rem;} diff --git a/config.ts b/config.ts new file mode 100644 index 0000000..c317563 --- /dev/null +++ b/config.ts @@ -0,0 +1,4 @@ +export default { + fontSans: ['LXGWWenKaiGBScreen'], + fontMono: ['JetBrainsMono-Regular'], +} diff --git a/uno.config.ts b/uno.config.ts index f9db726..2747fc0 100644 --- a/uno.config.ts +++ b/uno.config.ts @@ -31,11 +31,9 @@ export default defineConfig({ theme: { fontFamily: { sans: [ - 'LXGWWenKaiGBScreen', ...fontFamily.sans.split(','), ], mono: [ - 'JetBrainsMono-Regular', ...fontFamily.mono.split(','), ], },