From 049e0e994e89f9ae18fedc3a9378c6160bc81805 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Igor=20T=C3=A1mara?= Date: Sun, 2 Nov 2025 00:05:09 -0500 Subject: [PATCH 1/3] symbol: Add font symbol needed in palette --- assets/css/webfont.css | 3 +++ assets/fonts/SymbolsNerdFontMono-Regular.ttf | Bin 3152 -> 3376 bytes contrib/symbolnerdfontmonolist.txt | 1 + 3 files changed, 4 insertions(+) diff --git a/assets/css/webfont.css b/assets/css/webfont.css index 94212bf..681385e 100644 --- a/assets/css/webfont.css +++ b/assets/css/webfont.css @@ -46,3 +46,6 @@ .nf-fa-edit:before { content: "\f044"; } +.nf-fa-clipboard_list:before { + content: "\ed7b"; +} diff --git a/assets/fonts/SymbolsNerdFontMono-Regular.ttf b/assets/fonts/SymbolsNerdFontMono-Regular.ttf index e45ec1d0bc1eee1c098b42784bdd678fbaff1231..7bb8afddf8eb72e4b7abbc58757b5c3bcc627440 100644 GIT binary patch delta 538 zcmca0u|aBrSUuMn1_p+N85p>Afc%o=vJwRb7gj+ae*uuslAc&x@c%yp zGXn#!29VE@o>Q6j=c`{9kPXz&8I+Nlm?FQKXAJ`bR|HVZECVROm&y7L$X@~Et7PPs zRB+lex&rwVfPAr>{NzObARc)JV+Jk6{;5m2*F#$OYVZVLr96Ez_Eml0rL5n%2L=4{@^GM|N!YjPN;s$?uP6Z0|_ zMV1hjl|UacLa=PxwB?g0aGLQjGW`Du6p9B)Og_gs*E<2o6JZbl#tzGi&KK`r-FaL6 tcG24_@d|NaQFWnCp=6;X{=F06t;{sADLB|WjY;QxOH zW(Ecx4V;akbMToZOTYZOp)Krvxb3zvjr$-mH`yt%Vd2Aut$S*GW&%%%nbb!Xj6YrTfx3kV;VdR{w#-%Dci`kBOC-WN?M+QcqRv@;sU~-n+a diff --git a/contrib/symbolnerdfontmonolist.txt b/contrib/symbolnerdfontmonolist.txt index 591ac35..8ff709f 100644 --- a/contrib/symbolnerdfontmonolist.txt +++ b/contrib/symbolnerdfontmonolist.txt @@ -6,3 +6,4 @@ U+e889 U+eda4 U+e8ef U+f044 +U+ed7b From 664831ee3525eb911163ea5dba7d1ad5862c9b3f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Igor=20T=C3=A1mara?= Date: Sun, 2 Nov 2025 00:07:02 -0500 Subject: [PATCH 2/3] style: Add highlight rules with vars --- assets/css/highlight.css | 81 ++++++++++++++++++++++++++++++++++++ layouts/templates/base.shtml | 3 +- 2 files changed, 83 insertions(+), 1 deletion(-) create mode 100644 assets/css/highlight.css diff --git a/assets/css/highlight.css b/assets/css/highlight.css new file mode 100644 index 0000000..b80583a --- /dev/null +++ b/assets/css/highlight.css @@ -0,0 +1,81 @@ +:root { + --light-yellow: #e5c07b; + --dark-yellow: #d19a66; + --blue: #61afef; + --cyan: #56b6c2; + --light-red: #e06c75; + --dark-red: #be5046; + --comment-gray: #5c6370; + --green-light: #c678dd; + --comment-color: var(--comment-gray); + --string-color: var(--text-color); + --variable-color: var(--light-yellow); + --field-color: var(--light-yellow); + --keyword-function-color: var(--text-color-accent); + --keyword-color: var(--green-light); + --keyword-modifier-color: var(--light-red); + --punctuation-bracket-color: var(--cyan); + --type-color: var(--light-red); + --variable-parameter-color: var(--blue); + --function-call-color: var(--blue); + ---builtin-color: var(--green-light); + --operator-color: var(--light-red); + --qualifier-color: var(--light-red); + --attribute-color: var(--light-red); +} + +code .comment { + color: var(--comment-color); +} + +code.zig .string { + color: var(--string-color); +} + +code.zig .variable { + color: var(--variable-color); +} + +code.zig .variable.variable_parameter { + color: var(--variable-parameter-color); +} + +code.zig .field { + color: var(--field-color); +} + +code.zig .keyword_function { + color: var(--keyword-function-color); +} + +code.zig .keyword_modifier { + color: var(--keyword-modifier-color); +} + +code.zig .keyword { + color: var(--keyword-color); +} + +code.zig .punctuation_bracket { + color: var(--punctuation-bracket-color); +} + +code.zig .function_call { + color: var(--function-call-color); +} + +code.zig .builtin { + color: var(--builtin-color); +} + +code.zig .operator { + color: var(--operator-color); +} + +code.zig .qualifier { + color: var(--qualifier-color); +} + +code.zig .attribute { + color: var(--attribute-color); +} diff --git a/layouts/templates/base.shtml b/layouts/templates/base.shtml index 72799f2..f07632f 100644 --- a/layouts/templates/base.shtml +++ b/layouts/templates/base.shtml @@ -7,8 +7,9 @@ - + + From f88d957c1a93214774afdb8bb2b880f08d2733c0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Igor=20T=C3=A1mara?= Date: Sun, 2 Nov 2025 00:19:42 -0500 Subject: [PATCH 3/3] style: lsp recommenations and tweaks on spaces and titles * Nerd trimmed symbols as fallback * Explicit h2, h3, h4 font size * Add space on ul to improve visual before code LSP recommendations * Remove one line comments * Complete style removal on forms * Removed miplaced rule --- assets/css/index.css | 31 +++++++++++++++++-------------- 1 file changed, 17 insertions(+), 14 deletions(-) diff --git a/assets/css/index.css b/assets/css/index.css index 7e4136f..536d61a 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -10,15 +10,8 @@ } :root { - // --font-family: "Pixel Code", monospace; - // --font-family: "Maple Mono", monospace; - // --font-family: "JetBrains Mono", monospace; - --font-family: "Iosevka", monospace; - // --font-family-alt: "Pixel Code", monospace; - // --font-family-alt: "AcPlus IBM VGA 9x16", monospace; - --font-family-titles: "AcPlus IBM VGA 9x16", monospace; - // --font-family-titles: "Maple Mono", monospace; - // --font-family-titles: "Pixel Code", monospace; + --font-family: "Iosevka", "NerdFontsSymbols Nerd Font", monospace; + --font-family-titles: "AcPlus IBM VGA 9x16", "NerdFontsSymbols Nerd Font", monospace; --line-height: 2.00rem; --border-thickness: 2px; --text-color: #333; @@ -26,7 +19,6 @@ --text-color-accent: #000; --background-color: #fff; --background-color-alt: #eee; - // --transform: uppercase; --font-weight-normal: 500; --font-weight-medium: 600; @@ -106,13 +98,23 @@ h1 { font-weight: var(--font-weight-titles); } h2 { + font-size: 3rem; + font-family: var(--font-family-titles); + font-weight: var(--font-weight-titles); + text-transform: var(--transform); +} +h3 { font-size: 2rem; font-family: var(--font-family-titles); font-weight: var(--font-weight-titles); text-transform: var(--transform); - // margin-left: calc(var(--line-height) * 1); } - text-transform: var(--transform) +h4 { + font-size: 1.6rem; + font-family: var(--font-family-titles); + font-weight: var(--font-weight-titles); + text-transform: var(--transform); +} hr { position: relative; display: block; @@ -284,7 +286,7 @@ figcaption { ul, ol { padding: 0; - margin: 0 0 var(--line-height); + margin: var(--line-height) 0 var(--line-height); } ul { @@ -319,7 +321,7 @@ li::marker { } ::-webkit-scrollbar { - height: var(--line-height); + height: var(--line-height); } input, button, textarea { @@ -339,6 +341,7 @@ input, button, textarea { -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; + appearance: none; } input[type=checkbox] {