From fd545fb2a83a404803a0877da1f4f16479a7d001 Mon Sep 17 00:00:00 2001
From: LucasDLTG <lucas.deletang.legravier@gmail.com>
Date: Sat, 12 Sep 2026 14:14:47 +0200
Subject: [PATCH] feat: prevent text selection on main pages

---
 src/components/Button/Button.css                     |  5 +++++
 src/components/Sidebar/Sidebar.css                   |  3 +++
 src/components/Topbar/Topbar.css                     |  3 +++
 .../ConnectionSection/ConnectionSection.css          |  3 +++
 src/pages/CreditsPage/CreditsPage.css                | 12 ++++++++++++
 src/pages/CreditsPage/CreditsPage.tsx                |  2 +-
 6 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/components/Button/Button.css b/src/components/Button/Button.css
index 11275db..bd18a9d 100644
--- a/src/components/Button/Button.css
+++ b/src/components/Button/Button.css
@@ -50,6 +50,11 @@
 /* Hover                                                              */
 /* ------------------------------------------------------------------ */
 
+.btn-primary:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--accent-brand) 95%, white);
+  color: var(--text-primary);
+}
+
 .btn-ghost:hover:not(:disabled),
 .btn-toggle:hover:not(:disabled) {
   background: var(--bg-raised);
diff --git a/src/components/Sidebar/Sidebar.css b/src/components/Sidebar/Sidebar.css
index 5c8757d..88b5107 100644
--- a/src/components/Sidebar/Sidebar.css
+++ b/src/components/Sidebar/Sidebar.css
@@ -18,6 +18,9 @@
   overflow: visible;
 
   transition: width var(--dur-base) var(--ease-standard);
+
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 .sidebar-rail--expanded {
diff --git a/src/components/Topbar/Topbar.css b/src/components/Topbar/Topbar.css
index 1f725d6..46e2446 100644
--- a/src/components/Topbar/Topbar.css
+++ b/src/components/Topbar/Topbar.css
@@ -150,6 +150,9 @@
     (var(--space-3) * 2) + (var(--tab-height) * 0.5) + (var(--space-2) * 2) + 4ch +
       var(--tab-close-size)
   );
+
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 .tab:hover {
diff --git a/src/features/dsp408/components/ConnectionSection/ConnectionSection.css b/src/features/dsp408/components/ConnectionSection/ConnectionSection.css
index a888b51..e6595bf 100644
--- a/src/features/dsp408/components/ConnectionSection/ConnectionSection.css
+++ b/src/features/dsp408/components/ConnectionSection/ConnectionSection.css
@@ -5,6 +5,9 @@
   display: flex;
   justify-content: center;
   align-items: center;
+
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 .connection-panel {
diff --git a/src/pages/CreditsPage/CreditsPage.css b/src/pages/CreditsPage/CreditsPage.css
index 0b34e92..4f6c234 100644
--- a/src/pages/CreditsPage/CreditsPage.css
+++ b/src/pages/CreditsPage/CreditsPage.css
@@ -24,3 +24,15 @@
 
   margin-top: var(--space-2);
 }
+
+.credits-page {
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.credits-page input,
+.credits-page select,
+.credits-page textarea {
+  user-select: text;
+  -webkit-user-select: text;
+}
\ No newline at end of file
diff --git a/src/pages/CreditsPage/CreditsPage.tsx b/src/pages/CreditsPage/CreditsPage.tsx
index a03590d..1bb732b 100644
--- a/src/pages/CreditsPage/CreditsPage.tsx
+++ b/src/pages/CreditsPage/CreditsPage.tsx
@@ -5,7 +5,7 @@ import './CreditsPage.css';
 
 function CreditsPage() {
   return (
-    <Card>
+    <Card className="credits-page">
       <div className="credits-page__header">
         <h1 className="credits-page__title">Credits</h1>
         <p className="credits-page__subtitle">