v0.2.5 (#526)

Author: deuulc

themes/Theme-Minimal/README.md

@@ -17,6 +17,11 @@ For intended experience:
 
 ## Changelog
 
+### Version 0.2.5 - 2025-04-06
+
+- Theme tag card view.
+- Rework studio/tag card backgrounds.
+
 ### Version 0.2.4 - 2025-04-06
 
 - Increase contrast for settings toggles

themes/Theme-Minimal/Theme-Minimal.yml

@@ -1,6 +1,6 @@
 name: Theme - Minimal
 description: Minimal Theme for Stash
-version: 0.2.4
+version: 0.2.5
 ui:
   css:
     - index.css

themes/Theme-Minimal/scenes.css

@@ -7,12 +7,17 @@
   padding: 20px;
   margin: 8px;
 
+  border-radius: 10px;
+
+  transition: background-color 0.5s ease-out;
+  &:hover {
+    background-color: var(--primary-2);
+  }
+
   a .card-section-title {
     color: unset;
     text-decoration: none;
     font-size: var(--text-lg);
-    /* demo */
-    /* filter: blur(3px); */
   }
 
   .card-controls {
@@ -46,10 +51,17 @@
   }
 
   .thumbnail-section {
-    background-color: var(--primary-3);
     border-radius: 12px;
     overflow: hidden;
 
+    a.tag-card-header {
+      img {
+        border-radius: 12px;
+        overflow: hidden;
+        width: unset;
+      }
+    }
+
     .scene-card-preview {
       margin-bottom: 0;
     }
@@ -93,8 +105,8 @@
 
         white-space: nowrap;
         text-overflow: ellipsis;
-        overflow: hidden;
         width: 100%;
+        overflow: hidden;
       }
 
       a:has(> img) {
@@ -214,21 +226,26 @@
   }
 
   .card-section {
+    margin-bottom: 0;
+    padding: 1rem 0.75rem 0 0.75rem;
     .card-section-title {
       font-size: var(--text-base);
       color: var(--primary-12);
     }
 
-    .scene-card__details {
+    .scene-card__details,
+    .studio-card__details,
+    .tag-parent-tags,
+    .scene-marker-card__details,
+    .tag-sub-tags,
+    .tag-description {
       min-height: 0;
       margin-bottom: 0;
       height: auto;
 
-      .scene-card__date {
-        font-size: var(--text-xs);
-        color: var(--primary-11);
-        line-height: 1;
-      }
+      font-size: var(--text-xs);
+      color: var(--primary-11);
+      line-height: 1.5;
 
       .scene-card__description {
         display: none;
@@ -245,6 +262,7 @@
     display: flex;
     flex-wrap: wrap;
     justify-content: start;
+    margin-top: 10px;
     margin-bottom: 10px;
 
     .btn {
@@ -256,17 +274,6 @@
   }
 }
 
-.video-section {
-  position: relative;
-  border-radius: 1rem;
-  overflow: hidden;
-}
-
-.card-section {
-  margin-bottom: 0;
-  padding: 1rem 0.75rem 0 0.75rem;
-}
-
 .scene-table {
   table {
     border-collapse: separate;