app/javascript/styles/cybre-light.scss

@@ -16,10 +16,8 @@ $action-button-color: $icon-button-inactive-color;
 
 $about-page-text: $primary-text-color;
 
-@import 'application';
 @import 'cybre-base';
 
-
 $gold-star: #dd9d08;
 
 /* cybre-specific additions */
@@ -264,6 +262,10 @@ $gold-star: #dd9d08;
   }
 }
 
+.status-card, .status-card.compact {
+  border-color: $ui-highlight-color;
+}
+
 // selectivity -- needs to override .column-header > button
 .column-header .column-header__back-button {
   background: $header-color;

app/javascript/styles/fullwidth-media.scss

@@ -1,16 +1,14 @@
 
-/* Use 100% of the viewport width always*/
 .detailed-status > .media-spoiler,
 .status > .media-spoiler,
 .status .video-player,
 .media-gallery,
-.status .status-card {
-  margin-top:20px;
-  margin-left:-68px;
+.status .status-card.interactive {
+  margin-top: 20px;
+  margin-left: -68px;
   width: calc(100% + 80px);
 }
 
-/* Unset max-width for spoilers and the video player */
 .detailed-status > .media-spoiler,
 .status > .media-spoiler,
 .video-player {
@@ -25,16 +23,13 @@
   margin-top: 40px;
 }
 
-/* Undo transforms on videos inside the video player */
 .status__video-player-video {
-  transform:unset;
-  top:unset;
+  transform: unset;
+  top: unset;
 }
 
-
-/* Adjust offset and width for detail view */
 .detailed-status .media-gallery {
-  margin-left:-10px;
+  margin-left: -10px;
   width: calc(100% + 22px);
 }
 
@@ -46,7 +41,7 @@
   .video-player,
   .media-gallery,
   .status-card {
-    margin-top:20px;
+    margin-top: 20px;
     width: calc(100% + 94px);
     margin-left: -78px;
   }

app/javascript/styles/mastodon/components.scss

@@ -2578,10 +2578,6 @@ a.status-card {
     width: 100%;
   }
 
-  .status-card__image-image {
-    border-radius: 4px 4px 0 0;
-  }
-
   .status-card__title {
     white-space: inherit;
   }
@@ -2613,7 +2609,6 @@ a.status-card.compact:hover {
 }
 
 .status-card__image-image {
-  border-radius: 4px 0 0 4px;
   display: block;
   margin: 0;
   width: 100%;