mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-16 03:32:51 +02:00
style: optimize colors and opacity, fix footnote symbol formatting
This commit is contained in:
parent
955db0e897
commit
c13f393015
5 changed files with 363 additions and 359 deletions
|
@ -237,7 +237,7 @@ X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
|||
|
||||
書籍是人類進步的<del>樓梯</del>階梯。
|
||||
|
||||
優秀的作者總是會仔細檢查<u title="拼">拚</u>寫錯誤。
|
||||
優秀的作家總是會仔細檢查<u title="拼寫">拚寫</u>問題。
|
||||
|
||||
按下 <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Delete</kbd> 以結束會話。
|
||||
|
||||
|
|
|
@ -237,7 +237,7 @@ X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
|||
|
||||
书籍是人类进步的<del>楼梯</del>阶梯。
|
||||
|
||||
优秀的作者总是会仔细检查<u title="拼">拚</u>写错误。
|
||||
优秀的作家总是会仔细检查<u title="拼写">拚写</u>问题。
|
||||
|
||||
按下 <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Delete</kbd> 以结束会话。
|
||||
|
||||
|
|
|
@ -107,7 +107,7 @@ html.dark .heti pre :where(span) {
|
|||
--at-apply: 'relative pl-8';
|
||||
}
|
||||
.heti :where(code) span.line::before {
|
||||
--at-apply: 'absolute left-0 w-4 leading-1.9em text-secondary/40';
|
||||
--at-apply: 'absolute left-0 w-4 leading-1.9em text-secondary/25';
|
||||
content: counter(line);
|
||||
counter-increment: line;
|
||||
direction: rtl;
|
||||
|
@ -115,7 +115,7 @@ html.dark .heti pre :where(span) {
|
|||
|
||||
/* Blockquotes */
|
||||
.heti :where(blockquote) {
|
||||
--at-apply: 'mt-3 mb-6 px-4 c-secondary/80 border-l-4 border-solid border-secondary/25';
|
||||
--at-apply: 'mt-3 mb-6 px-4 c-secondary/80 border-l-4 border-solid border-secondary/15';
|
||||
}
|
||||
|
||||
/* Tables */
|
||||
|
@ -127,7 +127,7 @@ html.dark .heti pre :where(span) {
|
|||
}
|
||||
.heti :where(th),
|
||||
.heti :where(td) {
|
||||
--at-apply: 'px-3 py-1.5 border border-solid border-secondary/40';
|
||||
--at-apply: 'px-3 py-1.5 border border-solid border-secondary/25';
|
||||
}
|
||||
.heti :where(th) {
|
||||
--at-apply: 'bg-secondary/5';
|
||||
|
@ -183,24 +183,24 @@ html.dark .heti pre :where(span) {
|
|||
|
||||
/* Wavy Underline */
|
||||
.heti :where(u) {
|
||||
--at-apply: 'underline underline-offset-0.25em decoration-wavy decoration-red';
|
||||
--at-apply: 'underline underline-offset-0.25em decoration-wavy decoration-red-400';
|
||||
}
|
||||
html.dark .heti :where(u) {
|
||||
--at-apply: 'decoration-#A14F50';
|
||||
--at-apply: 'decoration-red-400/50';
|
||||
}
|
||||
|
||||
/* Keyboard Input */
|
||||
.heti :where(kbd) {
|
||||
--at-apply: 'inline-block px-0.4em py-0.3em text-0.85em font-bold leading-none tracking-0 whitespace-nowrap';
|
||||
--at-apply: 'rounded border border-solid border-secondary/40 text-secondary';
|
||||
--at-apply: 'rounded border border-solid border-secondary/25 text-secondary';
|
||||
}
|
||||
|
||||
/* Highlighted Text */
|
||||
.heti :where(mark) {
|
||||
--at-apply: 'py-0.25 text-inherit bg-#fff700e0';
|
||||
--at-apply: 'py-0.25 text-inherit bg-[rgba(255,235,0,0.5)]';
|
||||
}
|
||||
html.dark .heti :where(mark) {
|
||||
--at-apply: 'bg-#4d4a00e0';
|
||||
--at-apply: 'text-background';
|
||||
}
|
||||
|
||||
/* Footnotes */
|
||||
|
@ -210,14 +210,14 @@ html.dark .heti :where(mark) {
|
|||
}
|
||||
.heti sup:target,
|
||||
.heti sup a:target {
|
||||
--at-apply: 'bg-#ff0';
|
||||
--at-apply: 'bg-[rgba(255,235,0,0.5)]';
|
||||
}
|
||||
html.dark .heti sup:target,
|
||||
html.dark .heti sup a:target {
|
||||
--at-apply: 'bg-#4d4a00e0';
|
||||
--at-apply: 'text-background';
|
||||
}
|
||||
.heti :where(.data-footnote-backref) {
|
||||
--at-apply: 'no-underline';
|
||||
--at-apply: 'no-underline font-serif';
|
||||
}
|
||||
|
||||
/* Bold */
|
||||
|
@ -242,7 +242,7 @@ html.dark .heti sup a:target {
|
|||
|
||||
/* Horizontal Rules */
|
||||
.heti :where(hr) {
|
||||
--at-apply: 'mt-6 mb-3 border-t-2 border-secondary/25';
|
||||
--at-apply: 'mt-6 mb-3 border-t-2 border-secondary/5';
|
||||
}
|
||||
|
||||
/* KaTeX Mathematical */
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue