From a7a4c0b078963c7145fa816e0a3c4bd736b083e9 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sun, 13 Sep 2026 10:22:21 +0300
Subject: [PATCH 1/8] Defer load Bootstrap JS

---
 _layouts/default.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 353c87d..9aa833b 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -6,7 +6,7 @@
         {%- if site.subtitle %}
         <meta name="description" content="{{ site.subtitle }}">
         {%- endif %}
-        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
         <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
         <link rel="icon" href="{{ site.baseurl }}/images/logo-square.svg" type="image/svg+xml">
 
@@ -59,7 +59,7 @@
             </div>
         </div>
 
-        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
+        <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
         <script>
             // Add copy buttons to code blocks
             var codeBlocks = document.querySelectorAll('div.highlighter-rouge');

From 9c6e8003420171a694463fb88866556ba24fec0b Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sun, 13 Sep 2026 11:07:55 +0300
Subject: [PATCH 2/8] Update gems

---
 Gemfile.lock | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/Gemfile.lock b/Gemfile.lock
index 7bbe733..994685b 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -15,10 +15,10 @@ GEM
     ffi (1.17.4-x64-mingw-ucrt)
     ffi (1.17.4-x86_64-linux-gnu)
     forwardable-extended (2.6.0)
-    google-protobuf (4.36.0-x64-mingw-ucrt)
+    google-protobuf (4.36.1-x64-mingw-ucrt)
       bigdecimal
       rake (~> 13.3)
-    google-protobuf (4.36.0-x86_64-linux-gnu)
+    google-protobuf (4.36.1-x86_64-linux-gnu)
       bigdecimal
       rake (~> 13.3)
     http_parser.rb (0.8.1)
@@ -77,15 +77,15 @@ GEM
     rexml (3.4.4)
     rouge (4.7.0)
     safe_yaml (1.0.5)
-    sass-embedded (1.103.1-x64-mingw-ucrt)
+    sass-embedded (1.104.1-x64-mingw-ucrt)
       google-protobuf (~> 4.31)
-    sass-embedded (1.103.1-x86_64-linux-gnu)
+    sass-embedded (1.104.1-x86_64-linux-gnu)
       google-protobuf (~> 4.31)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    tzinfo-data (1.2026.3)
+    tzinfo-data (1.2026.4)
       tzinfo (>= 1.0.0)
     unicode-display_width (2.6.0)
     wdm (0.2.0)
@@ -116,8 +116,8 @@ CHECKSUMS
   ffi (1.17.4-x64-mingw-ucrt) sha256=f6ff9618cfccc494138bddade27aa06c74c6c7bc367a1ea1103d80c2fcb9ed35
   ffi (1.17.4-x86_64-linux-gnu) sha256=9d3db14c2eae074b382fa9c083fe95aec6e0a1451da249eab096c34002bc752d
   forwardable-extended (2.6.0) sha256=1bec948c469bbddfadeb3bd90eb8c85f6e627a412a3e852acfd7eaedbac3ec97
-  google-protobuf (4.36.0-x64-mingw-ucrt) sha256=268789f35dc9ce14ae1ea463909d6399ed8cab8f21becd7d8dce20866090574d
-  google-protobuf (4.36.0-x86_64-linux-gnu) sha256=8c253f7cb7647cdf1f54fc3f215e151206b5159e03d74fe29b8599264903de2b
+  google-protobuf (4.36.1-x64-mingw-ucrt) sha256=1ac6ce359ed6c40dcb06c2a5f7814fb8b8b44353c419be72d4ec09d97a903636
+  google-protobuf (4.36.1-x86_64-linux-gnu) sha256=e735a3f3d6596b1010013c2030778bc030770e659106fe7e4ae0f07631b551cb
   http_parser.rb (0.8.1) sha256=9ae8df145b39aa5398b2f90090d651c67bd8e2ebfe4507c966579f641e11097a
   i18n (1.15.2) sha256=00f9eb62412fe593b2a65a97daa75300d37abb8f7202ec748e94b6d46a9dd1b5
   jekyll (4.4.1) sha256=4c1144d857a5b2b80d45b8cf5138289579a9f8136aadfa6dd684b31fe2bc18c1
@@ -142,14 +142,14 @@ CHECKSUMS
   rexml (3.4.4) sha256=19e0a2c3425dfbf2d4fc1189747bdb2f849b6c5e74180401b15734bc97b5d142
   rouge (4.7.0) sha256=dba5896715c0325c362e895460a6d350803dbf6427454f49a47500f3193ea739
   safe_yaml (1.0.5) sha256=a6ac2d64b7eb027bdeeca1851fe7e7af0d668e133e8a88066a0c6f7087d9f848
-  sass-embedded (1.103.1-x64-mingw-ucrt) sha256=1f6bc232d8d9f29b6e9923e8dbe8ef6a5da9b603c9d346307ef369bd2e84c251
-  sass-embedded (1.103.1-x86_64-linux-gnu) sha256=1056cb8031fbceee992a3d07c39e9118864aa280e1ba03d85bc5397bd4479333
+  sass-embedded (1.104.1-x64-mingw-ucrt) sha256=b859211fa221e40a67da0463b258a6e7c54f4973621d2bad4b7f932c4a9a0bce
+  sass-embedded (1.104.1-x86_64-linux-gnu) sha256=a9223bd34c4f5616412f4affbc8c450e5c547f69940ce42c92d23fca9111ea87
   terminal-table (3.0.2) sha256=f951b6af5f3e00203fb290a669e0a85c5dd5b051b3b023392ccfd67ba5abae91
   tzinfo (2.0.6) sha256=8daf828cc77bcf7d63b0e3bdb6caa47e2272dcfaf4fbfe46f8c3a9df087a829b
-  tzinfo-data (1.2026.3) sha256=478fbc5356f13c1004cf8372b1336f3dad4055c96340fc4c881a3738da8cf7f9
+  tzinfo-data (1.2026.4) sha256=22f5f02608f14938ab8b78513a70a22f0b0277614a07273d3bedb3ea45ece104
   unicode-display_width (2.6.0) sha256=12279874bba6d5e4d2728cef814b19197dbb10d7a7837a869bab65da943b7f5a
   wdm (0.2.0) sha256=c46d9dcb6d375199ca07465bc67669ee8f041aeaa55dd7dafe6de4dd97b27647
   webrick (1.9.2) sha256=beb4a15fc474defed24a3bda4ffd88a490d517c9e4e6118c3edce59e45864131
 
 BUNDLED WITH
-  4.0.19
+  4.0.20

From e814276f97db69fa2668502a8acaff9d90a2f7c6 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sun, 13 Sep 2026 11:16:13 +0300
Subject: [PATCH 3/8] Regenerate _syntax.scss with rouge

bundle exec rougify style pastie > _sass/_syntax.scss
---
 _sass/_syntax.scss | 215 ++++++++++++++++++++++++++++++++-------------
 1 file changed, 154 insertions(+), 61 deletions(-)

diff --git a/_sass/_syntax.scss b/_sass/_syntax.scss
index 4877e41..1ec7a0c 100644
--- a/_sass/_syntax.scss
+++ b/_sass/_syntax.scss
@@ -1,61 +1,154 @@
-.highlight .hll { background-color: #ffffcc }
-.highlight  { background: #ffffff; }
-.highlight .c { color: #888888 } /* Comment */
-.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { color: #008800; font-weight: bold } /* Keyword */
-.highlight .cm { color: #888888 } /* Comment.Multiline */
-.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
-.highlight .c1 { color: #888888 } /* Comment.Single */
-.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
-.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #333333 } /* Generic.Heading */
-.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.highlight .go { color: #888888 } /* Generic.Output */
-.highlight .gp { color: #555555 } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #666666 } /* Generic.Subheading */
-.highlight .gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
-.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
-.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
-.highlight .kp { color: #008800 } /* Keyword.Pseudo */
-.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
-.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
-.highlight .na { color: #336699 } /* Name.Attribute */
-.highlight .nb { color: #003388 } /* Name.Builtin */
-.highlight .nc { color: #bb0066; font-weight: bold } /* Name.Class */
-.highlight .no { color: #003366; font-weight: bold } /* Name.Constant */
-.highlight .nd { color: #555555 } /* Name.Decorator */
-.highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */
-.highlight .nl { color: #336699; font-style: italic } /* Name.Label */
-.highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
-.highlight .py { color: #336699; font-weight: bold } /* Name.Property */
-.highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
-.highlight .nv { color: #336699 } /* Name.Variable */
-.highlight .ow { color: #008800 } /* Operator.Word */
-.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
-.highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
-.highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
-.highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
-.highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
-.highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */
-.highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
-.highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */
-.highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */
-.highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */
-.highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */
-.highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */
-.highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */
-.highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */
-.highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */
-.highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #336699 } /* Name.Variable.Class */
-.highlight .vg { color: #dd7700 } /* Name.Variable.Global */
-.highlight .vi { color: #3333bb } /* Name.Variable.Instance */
-.highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1 {
+  color: #888888;
+}
+.highlight .cp {
+  color: #cc0000;
+  font-weight: bold;
+}
+.highlight .cs {
+  color: #cc0000;
+  background-color: #fff0f0;
+  font-weight: bold;
+}
+.highlight .err {
+  color: #a61717;
+  background-color: #e3d2d2;
+}
+.highlight .gr {
+  color: #aa0000;
+}
+.highlight .gh {
+  color: #333333;
+}
+.highlight .gu {
+  color: #666666;
+}
+.highlight .gd {
+  color: #000000;
+  background-color: #ffdddd;
+}
+.highlight .gi {
+  color: #000000;
+  background-color: #ddffdd;
+}
+.highlight .ge {
+  font-style: italic;
+}
+.highlight .ges {
+  font-weight: bold;
+  font-style: italic;
+}
+.highlight .gs {
+  font-weight: bold;
+}
+.highlight .gl {
+  color: #888888;
+}
+.highlight .go {
+  color: #888888;
+}
+.highlight .gp {
+  color: #555555;
+}
+.highlight .gt {
+  color: #aa0000;
+}
+.highlight .k, .highlight .kc, .highlight .kd, .highlight .kn, .highlight .kr, .highlight .kv {
+  color: #008800;
+  font-weight: bold;
+}
+.highlight .kp {
+  color: #008800;
+}
+.highlight .kt {
+  color: #888888;
+  font-weight: bold;
+}
+.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
+  color: #0000dd;
+  font-weight: bold;
+}
+.highlight .s, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .s1 {
+  color: #dd2200;
+  background-color: #fff0f0;
+}
+.highlight .sa {
+  color: #008800;
+  font-weight: bold;
+}
+.highlight .se {
+  color: #0044dd;
+  background-color: #fff0f0;
+}
+.highlight .si {
+  color: #3333bb;
+  background-color: #fff0f0;
+}
+.highlight .sx {
+  color: #22bb22;
+  background-color: #f0fff0;
+}
+.highlight .sr {
+  color: #008800;
+}
+.highlight .ss {
+  color: #aa6600;
+  background-color: #fff0f0;
+}
+.highlight .na {
+  color: #336699;
+}
+.highlight .nb, .highlight .bp {
+  color: #003388;
+}
+.highlight .nc {
+  color: #bb0066;
+  font-weight: bold;
+}
+.highlight .no {
+  color: #003366;
+  font-weight: bold;
+}
+.highlight .nd {
+  color: #555555;
+}
+.highlight .ne {
+  color: #bb0066;
+  font-weight: bold;
+}
+.highlight .nf, .highlight .fm {
+  color: #0066bb;
+  font-weight: bold;
+}
+.highlight .nl {
+  color: #336699;
+}
+.highlight .nn {
+  color: #bb0066;
+  font-weight: bold;
+}
+.highlight .py {
+  color: #336699;
+  font-weight: bold;
+}
+.highlight .nt {
+  color: #bb0066;
+  font-weight: bold;
+}
+.highlight .nv, .highlight .vc, .highlight .vm {
+  color: #336699;
+}
+.highlight .vg {
+  color: #dd7700;
+}
+.highlight .vi {
+  color: #3333bb;
+}
+.highlight .ow {
+  color: #008800;
+}
+.highlight .w {
+  color: #bbbbbb;
+}

From 5207fbd67f1b8672fb5ebf58256b5bc765200fa7 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sun, 13 Sep 2026 11:18:07 +0300
Subject: [PATCH 4/8] Remove `$` from one line commands

---
 _posts/2015-09-30-install-on-linux.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_posts/2015-09-30-install-on-linux.md b/_posts/2015-09-30-install-on-linux.md
index 8282ae2..bfe54cc 100644
--- a/_posts/2015-09-30-install-on-linux.md
+++ b/_posts/2015-09-30-install-on-linux.md
@@ -105,13 +105,13 @@ This makes it easier to verify the signatures.
 To verify a .deb file.
 
 ```sh
-$ debsigs --verify bleachbit_5.0.2-0_all_ubuntu2504.deb
+debsigs --verify bleachbit_5.0.2-0_all_ubuntu2504.deb
 ```
 
 To verify a .rpm file.
 
 ```sh
-$ rpm --checksig bleachbit-5.0.2-1.1.fc42.noarch.rpm
+rpm --checksig bleachbit-5.0.2-1.1.fc42.noarch.rpm
 ```
 
 ### Detatched signatures

From a417164f648209be09a1f3bd64756f2f4ba11f37 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sun, 13 Sep 2026 11:20:51 +0300
Subject: [PATCH 5/8] Fix console code blocks

---
 _posts/2015-09-30-install-on-linux.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/_posts/2015-09-30-install-on-linux.md b/_posts/2015-09-30-install-on-linux.md
index bfe54cc..721ef19 100644
--- a/_posts/2015-09-30-install-on-linux.md
+++ b/_posts/2015-09-30-install-on-linux.md
@@ -86,7 +86,7 @@ Older releases before BleachBit version 3.0 were signed with key 0x51416DE60E688
 ([Sourceforge](https://sourceforge.net/projects/bleachbit/files/public_key/andrew2009.key/download)).
 After downloading the key to a local file, import it into GnuPG like this:
 
-```sh
+```console?prompt=$
 $ gpg --import andrew2019.key
 gpg: key D6D447B02B4D4C9D: public key "Andrew Ziem <ahz001@gmail.com>" imported
 gpg: Total number processed: 1
@@ -122,7 +122,7 @@ without modifying the original file.
 
 There is one detached signature per download. Look in the [SourceForge release directory](https://sourceforge.net/projects/bleachbit/files/bleachbit/) for a folder called `detached_signatures`, and in the folder will be a file with the same name as the download plus the `.sig` extension. For example, the detached signature for `bleachbit_5.0.2-0_all_ubuntu2504.deb` is named `bleachbit_5.0.2-0_all_ubuntu2504.deb.sig`. Here is an example of how to verify it.
 
-```sh
+```console?prompt=$
 $ gpg --verify bleachbit_5.0.2-0_all_ubuntu2504.deb.sig bleachbit_5.0.2-0_all_ubuntu2504.deb
 gpg: Signature made Sat 26 Oct 2019 08:04:00 AM MDT
 gpg:                using RSA key A9E582E4054A159315EDC943D6D447B02B4D4C9D
@@ -146,7 +146,7 @@ Verification is a two-step process: first confirm the .asc file carries
 a valid signature, then use the checksums inside it to validate your
 downloaded file.
 
-```sh
+```console?prompt=$
 $ gpg --verify bleachbit-5.0.2-sha256sum.txt.asc
 gpg: Signature made Fri 07 Nov 2025 08:51:03 PM MST
 gpg:                using RSA key A9E582E4054A159315EDC943D6D447B02B4D4C9D
@@ -157,7 +157,7 @@ Watch for the "Good signature," and ignore the warning.
 
 Second, verify the checksums like this:
 
-```sh
+```console
 $ sha256sum -c bleachbit-5.0.2-sha256sum.txt.asc
 bleachbit_5.0.2-0_all_debian11.deb: OK
 bleachbit_5.0.2-0_all_debian12.deb: OK

From 3a853b8aa718990d58acecfc9b42a302aba64faf Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sun, 13 Sep 2026 11:30:21 +0300
Subject: [PATCH 6/8] _base.scss: remove unneeded overrides

Those are the same as Bootstrap's
---
 _sass/_base.scss | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/_sass/_base.scss b/_sass/_base.scss
index 8e5c7f7..e74ceb5 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -1,11 +1,8 @@
 /* ── Base typography ───────────────────────────────────────── */
 body {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-                 "Helvetica Neue", Arial, sans-serif;
     font-size: 15px;
     line-height: 1.75;
     color: #2c2c2c;
-    font-weight: 400;
 }
 
 img {
@@ -19,7 +16,6 @@ a {
 
 a:hover {
     color: #154e87;
-    text-decoration: underline;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -114,11 +110,9 @@ h2 {
 }
 
 .page-header .subtitle {
-    margin-top: 0;
     margin-bottom: 0;
     font-size: 1.2em;
     color: #555;
-    font-weight: 400;
 }
 
 #content > .page-header:first-child {
@@ -135,7 +129,6 @@ pre, code {
     border-radius: 4px;
     background-color: #f5f7fa;
     font-size: 0.85em;
-    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
 }
 
 pre {
@@ -143,7 +136,6 @@ pre {
     padding: 12px 15px;
     border-left: 3px solid #1f6db5;
     border-radius: 0 4px 4px 0;
-    overflow-x: auto;
 }
 
 code {
@@ -154,7 +146,6 @@ code {
 }
 
 pre code {
-    color: inherit;
     background-color: transparent;
     padding: 0;
     border-radius: 0;
@@ -164,14 +155,12 @@ pre code {
 table {
     width: 100%;
     margin-bottom: 1em;
-    border-collapse: collapse;
 }
 
 table th {
     background-color: #f0f4f9;
     border-bottom: 2px solid #c8d8ea;
     padding: 8px 12px;
-    text-align: left;
     font-weight: 600;
     color: #1a1a2e;
 }
@@ -196,7 +185,6 @@ blockquote {
     padding: 10px 16px;
     color: #444;
     border-radius: 0 4px 4px 0;
-    margin-left: 0;
 }
 
 blockquote p:last-child {
@@ -248,7 +236,6 @@ body.rtl ul, body.rtl ol {
     background-color: #fff;
     border: 1px solid #c8d8ea;
     border-radius: 4px;
-    cursor: pointer;
     opacity: 0;
     transition: opacity 0.2s ease-in-out, background-color 0.15s ease;
 }

From cb45df48c7a1a7da26952d13812aa63617e27885 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sun, 13 Sep 2026 11:32:25 +0300
Subject: [PATCH 7/8] _base.scss: use nesting

---
 _sass/_base.scss | 222 +++++++++++++++++++++++------------------------
 1 file changed, 111 insertions(+), 111 deletions(-)

diff --git a/_sass/_base.scss b/_sass/_base.scss
index e74ceb5..0138b5d 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -12,10 +12,10 @@ img {
 
 a {
     color: #1f6db5;
-}
 
-a:hover {
-    color: #154e87;
+    &:hover {
+        color: #154e87;
+    }
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -36,65 +36,65 @@ h2 {
     border-bottom: 2px solid #1f6db5;
     margin-bottom: 24px;
     padding-bottom: 10px;
-}
 
-#header .brand {
-    color: #1f6db5;
-    font-weight: 700;
-}
+    .brand {
+        color: #1f6db5;
+        font-weight: 700;
+    }
 
-#header a:hover {
-    text-decoration: none;
-}
+    a:hover {
+        text-decoration: none;
+    }
 
-#header p {
-    margin-bottom: 0;
-    font-size: 0.9em;
-    color: #555;
-}
+    p {
+        margin-bottom: 0;
+        font-size: 0.9em;
+        color: #555;
 
-#header p a {
-    color: #555;
-}
+        a {
+            color: #555;
 
-#header p a:hover {
-    color: #1f6db5;
+            &:hover {
+                color: #1f6db5;
+            }
+        }
+    }
 }
 
 /* ── Navigation ────────────────────────────────────────────── */
 #navigation {
     font-size: 0.88em;
-}
-
-#navigation .nav-list {
-    padding: 0;
-}
-
-#navigation .nav-list > li > a {
-    padding: 5px 10px;
-    border-radius: 4px;
-    color: #3a3a3a;
-    transition: background-color 0.15s ease, color 0.15s ease;
-}
-
-#navigation .nav-list > li > a:hover {
-    background-color: #e4eef9;
-    color: #1f6db5;
-    text-decoration: none;
-}
-
-#navigation .nav-list > li.active > a {
-    background-color: #1f6db5;
-    color: #fff;
-}
 
-#navigation .nav-header {
-    padding: 10px 10px 3px;
-    font-size: 0.75em;
-    font-weight: 700;
-    text-transform: uppercase;
-    letter-spacing: 0.07em;
-    color: #888;
+    .nav-list {
+        padding: 0;
+
+        > li > a {
+            padding: 5px 10px;
+            border-radius: 4px;
+            color: #3a3a3a;
+            transition: background-color 0.15s ease, color 0.15s ease;
+
+            &:hover {
+                background-color: #e4eef9;
+                color: #1f6db5;
+                text-decoration: none;
+            }
+        }
+
+        > li.active > a {
+            background-color: #1f6db5;
+            color: #fff;
+        }
+    }
+
+    .nav-header {
+        padding: 10px 10px 3px;
+        font-size: 0.75em;
+        font-weight: 700;
+        text-transform: uppercase;
+        letter-spacing: 0.07em;
+        color: #888;
+    }
 }
 
 /* ── Page header ───────────────────────────────────────────── */
@@ -102,25 +102,25 @@ h2 {
     border-bottom: 2px solid #1f6db5;
     margin-top: 0;
     padding-bottom: 10px;
-}
 
-.page-header h1 {
-    margin-top: 0;
-    margin-bottom: 0.1em;
-}
+    h1 {
+        margin-top: 0;
+        margin-bottom: 0.1em;
+    }
 
-.page-header .subtitle {
-    margin-bottom: 0;
-    font-size: 1.2em;
-    color: #555;
+    .subtitle {
+        margin-bottom: 0;
+        font-size: 1.2em;
+        color: #555;
+    }
 }
 
 #content > .page-header:first-child {
     margin-top: 0;
-}
 
-#content > .page-header:first-child h2 {
-    margin-top: 0;
+    h2 {
+        margin-top: 0;
+    }
 }
 
 /* ── Code ──────────────────────────────────────────────────── */
@@ -143,39 +143,39 @@ code {
     background-color: #fdf2f2;
     padding: 2px 5px;
     border-radius: 3px;
-}
 
-pre code {
-    background-color: transparent;
-    padding: 0;
-    border-radius: 0;
+    pre & {
+        background-color: transparent;
+        padding: 0;
+        border-radius: 0;
+    }
 }
 
 /* ── Tables ────────────────────────────────────────────────── */
 table {
     width: 100%;
     margin-bottom: 1em;
-}
 
-table th {
-    background-color: #f0f4f9;
-    border-bottom: 2px solid #c8d8ea;
-    padding: 8px 12px;
-    font-weight: 600;
-    color: #1a1a2e;
-}
+    th {
+        background-color: #f0f4f9;
+        border-bottom: 2px solid #c8d8ea;
+        padding: 8px 12px;
+        font-weight: 600;
+        color: #1a1a2e;
+    }
 
-table td {
-    padding: 7px 12px;
-    border-bottom: 1px solid #e8edf2;
-}
+    td {
+        padding: 7px 12px;
+        border-bottom: 1px solid #e8edf2;
+    }
 
-table tr:last-child td {
-    border-bottom: none;
-}
+    tr:last-child td {
+        border-bottom: none;
+    }
 
-table tr:hover td {
-    background-color: #f8fafc;
+    tr:hover td {
+        background-color: #f8fafc;
+    }
 }
 
 /* ── Blockquotes ───────────────────────────────────────────── */
@@ -185,10 +185,10 @@ blockquote {
     padding: 10px 16px;
     color: #444;
     border-radius: 0 4px 4px 0;
-}
 
-blockquote p:last-child {
-    margin-bottom: 0;
+    p:last-child {
+        margin-bottom: 0;
+    }
 }
 
 /* ── Footer ────────────────────────────────────────────────── */
@@ -204,25 +204,25 @@ blockquote p:last-child {
 /* ── RTL support ───────────────────────────────────────────── */
 body.rtl {
     direction: rtl;
-}
 
-body.rtl #header .brand {
-    float: right;
-    margin-left: 5px;
-}
+    #header .brand {
+        float: right;
+        margin-left: 5px;
+    }
 
-body.rtl .row-fluid [class*="span"] {
-    float: right !important;
-    margin-left: 0;
-    margin-right: 2.564102564102564%;
-}
+    .row-fluid [class*="span"] {
+        float: right !important;
+        margin-left: 0;
+        margin-right: 2.564102564102564%;
 
-body.rtl .row-fluid [class*="span"]:first-child {
-    margin-right: 0;
-}
+        &:first-child {
+            margin-right: 0;
+        }
+    }
 
-body.rtl ul, body.rtl ol {
-    margin: 0 25px 10px 0;
+    ul, ol {
+        margin: 0 25px 10px 0;
+    }
 }
 
 /* ── Copy button ───────────────────────────────────────────── */
@@ -238,14 +238,14 @@ body.rtl ul, body.rtl ol {
     border-radius: 4px;
     opacity: 0;
     transition: opacity 0.2s ease-in-out, background-color 0.15s ease;
-}
 
-div.highlighter-rouge:hover .copy-button {
-    opacity: 1;
-}
+    div.highlighter-rouge:hover & {
+        opacity: 1;
+    }
 
-.copy-button:hover {
-    background-color: #e4eef9;
-    border-color: #1f6db5;
-    color: #1f6db5;
+    &:hover {
+        background-color: #e4eef9;
+        border-color: #1f6db5;
+        color: #1f6db5;
+    }
 }

From a46958d216776463cbe13b70a17e2161fc504720 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sun, 13 Sep 2026 11:47:49 +0300
Subject: [PATCH 8/8] _base.scss: use CSS variables for most of the overrides

---
 _sass/_base.scss | 52 +++++++++++++++++++-----------------------------
 1 file changed, 21 insertions(+), 31 deletions(-)

diff --git a/_sass/_base.scss b/_sass/_base.scss
index 0138b5d..3131790 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -1,8 +1,14 @@
 /* ── Base typography ───────────────────────────────────────── */
-body {
-    font-size: 15px;
-    line-height: 1.75;
-    color: #2c2c2c;
+:root {
+    --bs-body-font-size: 15px;
+    --bs-body-line-height: 1.75;
+    --bs-body-color: #2c2c2c;
+    --bs-heading-color: #1a1a2e;
+    --bs-link-color: #1f6db5;
+    --bs-link-color-rgb: 31, 109, 181;
+    --bs-link-hover-color: #154e87;
+    --bs-link-hover-color-rgb: 21, 78, 135;
+    --bs-code-color: #c0392b;
 }
 
 img {
@@ -10,18 +16,9 @@ img {
     height: auto;
 }
 
-a {
-    color: #1f6db5;
-
-    &:hover {
-        color: #154e87;
-    }
-}
-
 h1, h2, h3, h4, h5, h6 {
     font-weight: 600;
     line-height: 1.3;
-    color: #1a1a2e;
     margin-top: 1.4em;
     margin-bottom: 0.4em;
 }
@@ -33,12 +30,12 @@ h2 {
 
 /* ── Header ────────────────────────────────────────────────── */
 #header {
-    border-bottom: 2px solid #1f6db5;
+    border-bottom: 2px solid var(--bs-link-color);
     margin-bottom: 24px;
     padding-bottom: 10px;
 
     .brand {
-        color: #1f6db5;
+        color: var(--bs-link-color);
         font-weight: 700;
     }
 
@@ -47,17 +44,11 @@ h2 {
     }
 
     p {
+        --bs-link-color-rgb: 85, 85, 85;
+        --bs-link-hover-color-rgb: 31, 109, 181;
         margin-bottom: 0;
         font-size: 0.9em;
         color: #555;
-
-        a {
-            color: #555;
-
-            &:hover {
-                color: #1f6db5;
-            }
-        }
     }
 }
 
@@ -76,13 +67,13 @@ h2 {
 
             &:hover {
                 background-color: #e4eef9;
-                color: #1f6db5;
+                color: var(--bs-link-color);
                 text-decoration: none;
             }
         }
 
         > li.active > a {
-            background-color: #1f6db5;
+            background-color: var(--bs-link-color);
             color: #fff;
         }
     }
@@ -99,7 +90,7 @@ h2 {
 
 /* ── Page header ───────────────────────────────────────────── */
 .page-header {
-    border-bottom: 2px solid #1f6db5;
+    border-bottom: 2px solid var(--bs-link-color);
     margin-top: 0;
     padding-bottom: 10px;
 
@@ -134,12 +125,11 @@ pre, code {
 pre {
     font-size: 0.9em;
     padding: 12px 15px;
-    border-left: 3px solid #1f6db5;
+    border-left: 3px solid var(--bs-link-color);
     border-radius: 0 4px 4px 0;
 }
 
 code {
-    color: #c0392b;
     background-color: #fdf2f2;
     padding: 2px 5px;
     border-radius: 3px;
@@ -180,7 +170,7 @@ table {
 
 /* ── Blockquotes ───────────────────────────────────────────── */
 blockquote {
-    border-left: 4px solid #1f6db5;
+    border-left: 4px solid var(--bs-link-color);
     background-color: #f0f5fc;
     padding: 10px 16px;
     color: #444;
@@ -245,7 +235,7 @@ body.rtl {
 
     &:hover {
         background-color: #e4eef9;
-        border-color: #1f6db5;
-        color: #1f6db5;
+        border-color: var(--bs-link-color);
+        color: var(--bs-link-color);
     }
 }