From eeb4ef25e4e547ee25482316dc2e8870e5871e47 Mon Sep 17 00:00:00 2001
From: pfych <contact@pfy.ch>
Date: Sat, 18 Oct 2025 15:24:01 +1100
Subject: [PATCH] Fix theme transitions

---
 packages/site/assets/styles/old/base-layout.scss      | 7 +++++--
 packages/site/assets/styles/old/base-typeography.scss | 4 +++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/site/assets/styles/old/base-layout.scss b/packages/site/assets/styles/old/base-layout.scss
index 980ae17..0488c66 100644
--- a/packages/site/assets/styles/old/base-layout.scss
+++ b/packages/site/assets/styles/old/base-layout.scss
@@ -175,6 +175,8 @@ table {
   color: var(--colour-text);
   background: var(--colour-background);
   border: 1px solid var(--colour-text);
+  transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
+
 
   p {
     margin-bottom: unset;
@@ -368,7 +370,6 @@ $collapse: 450px;
     margin-bottom: 0.1em;
     padding-bottom: 0.1em;
     border-bottom: 1px solid var(--colour-background-sub);
-    transition: border-bottom 200ms ease-in-out;
   }
 
   .postListCategories {
@@ -380,6 +381,7 @@ $collapse: 450px;
     button,
     span {
       color: var(--colour-text);
+      transition: color 200ms ease-in-out;
       font-size: 0.75em;
     }
 
@@ -387,10 +389,11 @@ $collapse: 450px;
       padding: unset;
       text-decoration: underline;
       border: unset;
+      transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
 
       &:hover {
         color: var(--colour-text);
-        background: var(--colour-background);
+        background-color: var(--colour-background);
       }
 
       &:not(.active) {
diff --git a/packages/site/assets/styles/old/base-typeography.scss b/packages/site/assets/styles/old/base-typeography.scss
index ce00a51..8aa6446 100644
--- a/packages/site/assets/styles/old/base-typeography.scss
+++ b/packages/site/assets/styles/old/base-typeography.scss
@@ -21,6 +21,7 @@
   padding: 15px 0 0;
   font-size: 32px;
   border-bottom: 1px solid var(--colour-background-sub);
+  transition: border-bottom 200ms ease-in-out;
 
   .links {
     display: flex;
@@ -118,7 +119,8 @@ code {
   font-family: 'Source Serif Pro', sans-serif;
   transition:
     color 200ms ease-in-out,
-    background-color 200ms ease-in-out;
+    background-color 200ms ease-in-out,
+    border-bottom-color 200ms ease-in-out;
 }
 
 h1,
-- 
2.51.2