4 files changed, 10 insertions, 7 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index d408b5d92..20309b709 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -12,6 +12,7 @@
 	--bs-border-radius: $radius;
 	--bs-link-color: $link_colour;
 	--bs-link-hover-color: $link_hover_colour;
+	--bs-body-bg: $bgcolour;
 }
 
 .nav-tabs {
@@ -39,7 +40,7 @@ html {
 
 body {
 	font-size: 0.9rem;
-	background-color: $bgcolour;
+	background-color: var(--bs-body-bg);
 	background-image: url('$background_image');
 	background-attachment: fixed;
 	background-size: cover;
@@ -1263,7 +1264,7 @@ img.mail-conv-sender-photo {
 }
 
 .generic-content-wrapper-styled {
-	background-color: $bgcolour;
+	background-color: var(--bs-body-bg);
 	padding: 10px;
 	border-radius: var(--bs-border-radius);
 }
diff --git a/view/theme/redbasic/schema/dark.css b/view/theme/redbasic/schema/dark.css
index 806f0ff43..3a93a5c17 100644
--- a/view/theme/redbasic/schema/dark.css
+++ b/view/theme/redbasic/schema/dark.css
@@ -2,6 +2,8 @@
 :root {
   color-scheme: dark;
   --bs-dark-rgb: #e1e1e1;
+  --bs-border-color: rgba(250, 250, 250, 0.125);
+  --bs-body-bg: #111;
 }
 
 .widget,
@@ -10,16 +12,16 @@
 }
 
 .comment-edit-text {
-	border: 1px solid rgba(250, 250, 250, 0.125);
+	border: 1px solid var(--bs-border-color);
 }
 
 .generic-content-wrapper {
-	border: 1px solid rgba(250, 250, 250, 0.125);
+	border: 1px solid var(--bs-border-color);
 }
 
 #profile-jot-wrapper {
 	background-color: unset;
-	border: 1px solid rgba(250, 250, 250, 0.125);
+	border: 1px solid var(--bs-border-color);
 }
 
 .bootstrap-tagsinput {
@@ -30,4 +32,3 @@ a,
 .fakelink {
 	color: var(--bs-link-color);
 }
-
diff --git a/view/tpl/channel_activities_photos.tpl b/view/tpl/channel_activities_photos.tpl
index b0079f382..cba157627 100644
--- a/view/tpl/channel_activities_photos.tpl
+++ b/view/tpl/channel_activities_photos.tpl
@@ -5,7 +5,7 @@
 	{{foreach $items as $i}}
 	<a href="{{$i.url}}" title="{{$i.alt}}">
 		<img src="{{$i.src}}" width="{{$i.width}}" height="{{$i.height}}" alt="{{$i.alt}}">
-		<div class='jg-caption autotime' title="{{$i.edited}}"></div>
+		<div class='jg-caption rounded text-truncate autotime' title="{{$i.edited}}"></div>
 	</a>
 	{{/foreach}}
 </div>
diff --git a/view/tpl/photo_top.tpl b/view/tpl/photo_top.tpl
index 16862a8d6..1cfcc7aa3 100644
--- a/view/tpl/photo_top.tpl
+++ b/view/tpl/photo_top.tpl
@@ -1,4 +1,5 @@
 <a href="{{$photo.link}}" id="photo-top-photo-link-{{$photo.id}}" title="{{$photo.title}}">
 	<img src="{{$photo.src}}" alt="{{if $photo.album.name}}{{$photo.album.name}}{{elseif $photo.desc}}{{$photo.desc}}{{elseif $photo.alt}}{{$photo.alt}}{{else}}{{$photo.unknown}}{{/if}}" title="{{$photo.title}}" id="photo-top-photo-{{$photo.id}}" loading="lazy" />
+	<div class="jg-caption rounded text-truncate">{{if $photo.album.name}}{{$photo.album.name}}{{elseif $photo.desc}}{{$photo.desc}}{{elseif $photo.alt}}{{$photo.alt}}{{else}}{{$photo.unknown}}{{/if}}</div>
 </a>