diff --git a/assets/styles/global.scss b/assets/styles/global.scss
index 763dfb88e..002a4cf58 100644
--- a/assets/styles/global.scss
+++ b/assets/styles/global.scss
@@ -1,5 +1,7 @@
 html {
   @extend .light-mode;
+  --dark-color-text: #b0bac5;
+  --dark-color-text-dark: #ecf9fb;
 }
 
 .light-mode {
@@ -89,9 +91,9 @@ html {
 
 .dark-mode {
   --color-icon: #96a2b0;
-  --color-text: #b0bac5;
+  --color-text: var(--dark-color-text);
   --color-text-inactive: #929aa3;
-  --color-text-dark: #ecf9fb;
+  --color-text-dark: var(--dark-color-text-dark);
   --color-heading: #c4cfdd;
   --color-bg: #16181c;
   --color-raised-bg: #26292f;
diff --git a/pages/_type/_id/gallery.vue b/pages/_type/_id/gallery.vue
index 0791e3128..935de3fae 100644
--- a/pages/_type/_id/gallery.vue
+++ b/pages/_type/_id/gallery.vue
@@ -22,7 +22,7 @@
           @click.stop=""
         />
 
-        <div class="floating">
+        <div class="floating" @click.stop="">
           <div class="text">
             <h2 v-if="expandedGalleryItem.title">
               {{ expandedGalleryItem.title }}
@@ -532,12 +532,14 @@ export default {
         gap: 0.5rem;
 
         h2 {
+          color: var(--dark-color-text-dark);
           font-size: 1.25rem;
           text-align: center;
           margin: 0;
         }
 
         p {
+          color: var(--dark-color-text);
           margin: 0;
         }
       }