reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 11:41:17 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: optimize colors and opacity, fix footnote symbol formatting

Browse source
This commit is contained in:
radishzzz 2025-04-24 20:59:50 +01:00
parent 955db0e897
commit c13f393015
5 changed files with 363 additions and 359 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/styles/heti.css
View file

@ -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 */