From e6493cb21d65c4cdf75de7b943281e98fbbb8879 Mon Sep 17 00:00:00 2001
From: sylhare <sylhare@outlook.com>
Date: Mon, 27 Jul 2026 12:54:47 -0400
Subject: [PATCH 1/3] Fix bootstrap isolation

---
 _config.yml                 | 6 +-----
 _includes/default/head.html | 8 +++++---
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/_config.yml b/_config.yml
index 6eb08fc..2f79d36 100644
--- a/_config.yml
+++ b/_config.yml
@@ -25,11 +25,7 @@ plugins:
   - jekyll-feed
   - jekyll-remote-theme
 
-# keep below 2.5.0 b/c 2.5.1 removed bootstrap iso css
-# which either breaks the tabs from the download section
-# or the dark mode, see
-# https://github.com/sylhare/Type-on-Strap/pull/549
-remote_theme: sylhare/type-on-strap@v2.5.0
+remote_theme: sylhare/type-on-strap
 
 # Theme settings
 color_theme: auto
diff --git a/_includes/default/head.html b/_includes/default/head.html
index 4d01d24..5f6bc50 100644
--- a/_includes/default/head.html
+++ b/_includes/default/head.html
@@ -34,6 +34,11 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Source+Code+Pro:wght@400;600&family=JetBrains+Mono:wght@600;700&family=Raleway:wght@900&display=swap" rel="stylesheet">
 
+    {% if site.bootstrap %}
+    <!-- Bootstrap 4.6.2 CSS CDN - loaded in a @layer so theme styles always take precedence -->
+    <style>@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css") layer(bootstrap);</style>
+    {% endif %}
+
     <!-- CSS -->
     <link rel="stylesheet" href="{{ '/assets/css/main.css?v=' | append: site.site_version | relative_url }}">
 
@@ -44,9 +49,6 @@
     <link rel="alternate" type="application/rss+xml" title="{{ site.title | default: 'SuperCollider latests posts' }}" href="{{ 'feed.xml' | absolute_url }}"/>
 
     {% if site.bootstrap %}
-    <!-- Bootstrap-4.1.3 isolation CSS -->
-    <link rel="stylesheet" type="text/css" href="{{ '/assets/css/vendor/bootstrap-iso.min.css' | relative_url }}">
-
     <!-- see https://getbootstrap.com/docs/4.6/getting-started/introduction/#separate -->
     <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>

From 912ecf82ba9287c1790662ac0b8c2302b9949f9c Mon Sep 17 00:00:00 2001
From: sylhare <sylhare@outlook.com>
Date: Fri, 31 Jul 2026 09:03:22 -0400
Subject: [PATCH 2/3] Update .gitignore

---
 .gitignore | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.gitignore b/.gitignore
index 6c41f00..68ad721 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,5 @@ _site/
 vendor/
 _config-dev.yml
 .DS_Store
+.sass-cache
+_site_*

From be98f370866854fbbaf42b6da6b381b5771251b1 Mon Sep 17 00:00:00 2001
From: sylhare <sylhare@outlook.com>
Date: Fri, 31 Jul 2026 09:03:30 -0400
Subject: [PATCH 3/3] Add css layer

---
 _includes/default/head.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/_includes/default/head.html b/_includes/default/head.html
index 5f6bc50..79e3a2b 100644
--- a/_includes/default/head.html
+++ b/_includes/default/head.html
@@ -36,6 +36,7 @@
 
     {% if site.bootstrap %}
     <!-- Bootstrap 4.6.2 CSS CDN - loaded in a @layer so theme styles always take precedence -->
+    <style>@layer reset, bootstrap;</style>
     <style>@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css") layer(bootstrap);</style>
     {% endif %}