[plugin - themeSwitch] rm hardcoded css (#259)

* install themes istead of hardcoded css

* dynamically import css files

.prettierignore

@@ -7,5 +7,6 @@ yarn.lock
 # production
 dist
 
-# workflows
-.github
+# 3rd party
+# https://github.com/killhellokitty/stash-material-ize-theme/blob/main/stash-theme.css
+plugins/themeSwitch/assets/themes/materialize

plugins/TPBDMarkers/tpdbMarkers.py

@@ -119,8 +119,8 @@ def processAll():
         _id = json_input["args"]["hookContext"]["id"]
         _type = json_input["args"]["hookContext"]["type"]
         if _type == "Scene.Update.Post" and not settings["disableSceneMarkerHook"]:
-                scene = stash.find_scene(_id)
-                processScene(scene)
+            scene = stash.find_scene(_id)
+            processScene(scene)
 
 else:
     log.warning("The Porn DB endpoint not configured")

plugins/themeSwitch/assets/snippets/galleries/galleries-grid-view.css

@@ -0,0 +1,13 @@
+/* [Galleries tab] Grid view for galleries */
+
+.col.col-sm-6.mx-auto.table .d-none.d-sm-block {
+  display: none !important;
+}
+.col.col-sm-6.mx-auto.table .w-100.w-sm-auto {
+  width: 175px !important;
+  background-color: rgba(0, 0, 0, 0.45);
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
+}
+.col.col-sm-6.mx-auto.table tr {
+  display: inline-table;
+}

plugins/themeSwitch/assets/snippets/global/blur-nsfw-images.css

@@ -0,0 +1,42 @@
+/* [Global changes] Blur NSFW images */
+
+.scene-card-preview-video,
+.scene-card-preview-image,
+.image-card-preview-image,
+.image-thumbnail,
+.gallery-card-image,
+.performer-card-image,
+.tag-card-image,
+img.performer,
+.movie-card-image,
+.gallery .flexbin img,
+.wall-item-media,
+.scene-studio-overlay .image-thumbnail,
+.image-card-preview-image,
+#scene-details-container .text-input,
+#scene-details-container .scene-header,
+#scene-details-container .react-select__single-value,
+.scene-details .pre,
+#scene-tabs-tabpane-scene-file-info-panel span.col-8.text-truncate > a,
+.gallery .flexbin img,
+.movie-details .logo {
+  filter: blur(12px);
+}
+
+.scene-card-video {
+  filter: blur(13px);
+}
+
+.jw-video,
+.jw-preview,
+.jw-flag-floating,
+.image-container,
+.studio-logo,
+.scene-cover {
+  filter: blur(20px);
+}
+
+.movie-card .text-truncate,
+.scene-card .card-section {
+  filter: blur(4px);
+}

plugins/themeSwitch/assets/snippets/global/hide-donate-button.css

@@ -0,0 +1,5 @@
+/* [Global changes] Hide the Donate button */
+
+.btn-primary.btn.donate.minimal {
+  display: none;
+}

plugins/themeSwitch/assets/snippets/global/hide-o-count-badges.css

@@ -0,0 +1,4 @@
+/* [Global changes] Hide 0 count badges */
+span.badge[data-value="0"] {
+  display: none;
+}

plugins/themeSwitch/assets/snippets/global/sticky-tool-bar.css

@@ -0,0 +1,9 @@
+/* [Global changes] Make the Toolbar Sticky v 0.1*/
+
+.justify-content-center.btn-toolbar {
+  position: sticky;
+  top: 40px;
+  z-index: 100;
+  padding: 12px;
+  padding-bottom: 1px;
+}

plugins/themeSwitch/assets/snippets/global/unblur-nsfw-images-on-mouse-hover.css

@@ -0,0 +1,106 @@
+/* [Global changes] Blur NSFW images and unblur on mouse over */
+/* === MORE BLUR === */
+/* scene */
+.scene-card-preview,
+.vjs-poster,
+video,
+.scene-cover,
+.scrubber-item,
+
+/* image */
+.image-card-preview,
+.image-image,
+.gallery-image,
+
+/* movie */
+.movie-card-image,
+.movie-images,
+
+/* gallery */
+.gallery-card-image,
+table > tbody > tr > td > a > img.w-100,
+
+/* performer */
+.performer-card-image,
+img.performer,
+
+/* studio */
+.studio-card-image,
+
+/* tag */
+.tag-card-image {
+  filter: blur(30px);
+}
+
+/* === LESS BLUR === */
+/* common */
+.card-section-title,
+
+/* scene */
+.scene-studio-overlay,
+.scene-header > h3,
+h3.scene-header,
+.studio-logo,
+.image-thumbnail,
+
+/* image */
+h3.image-header,
+
+/* movie */
+.movie-details > div > h2,
+
+/* gallery */
+h3.gallery-header,
+
+/* studio */
+.studio-details .logo,
+.studio-details > div > h2,
+
+/* tag */
+.logo-container > .logo,
+.logo-container > h2 {
+  filter: blur(2px);
+}
+
+/* === UNBLUR ON HOVER === */
+/* common */
+.thumbnail-section:hover *,
+.card:hover .card-section-title,
+
+/* scene */
+.card:hover .scene-studio-overlay,
+.video-js:hover .vjs-poster,
+video:hover,
+.scene-header:hover > h3,
+div:hover > .scene-header,
+.studio-logo:hover,
+.scene-cover:hover,
+.image-thumbnail:hover,
+.scene-card-preview:hover,
+.scrubber-item:hover,
+
+/* image */
+.image-image:hover,
+div:hover > .image-header,
+.gallery-image:hover,
+
+/* movie */
+.movie-images:hover,
+.movie-details > div > h2:hover,
+
+/* gallery */
+div:hover > .gallery-header,
+table > tbody > tr > td:hover > a > img.w-100,
+
+/* performer */
+img.performer:hover,
+
+/* studio */ 
+.studio-details .logo:hover,
+.studio-details:hover > div > h2,
+
+/* tag */
+.logo-container > .logo:hover,
+.logo-container:hover > h2 {
+  filter: blur(0px);
+}

plugins/themeSwitch/assets/snippets/images/disable-lightbox-annimation.css

@@ -0,0 +1,5 @@
+/* [Images tab] Disable lightbox animation */
+
+.Lightbox-carousel {
+  transition: none;
+}

plugins/themeSwitch/assets/snippets/images/dont-crop-preview-thumbnails.css

@@ -0,0 +1,7 @@
+/* [Images tab] Don't crop preview thumbnails */
+
+.flexbin > * > img {
+  object-fit: inherit;
+  max-width: none;
+  min-width: initial;
+}

plugins/themeSwitch/assets/snippets/movies/desktop-better-layout-larger.css

@@ -0,0 +1,15 @@
+/* [Movies tab] Better Movie layout for desktops: Larger size poster */
+
+.movie-details.mb-3.col.col-xl-4.col-lg-6 {
+  flex-basis: 70%;
+}
+.col-xl-8.col-lg-6 {
+  flex-basis: 30%;
+}
+.movie-images {
+  flex-direction: column;
+  flex-wrap: wrap;
+}
+.movie-image-container {
+  flex: 1 1 700px;
+}

plugins/themeSwitch/assets/snippets/movies/desktop-better-layout-regular.css

@@ -0,0 +1,14 @@
+/* [Movies tab] Better Movie layout for desktops: Regular size poster */
+
+.movie-details.mb-3.col.col-xl-4.col-lg-6 {
+  flex-basis: 70%;
+}
+.col-xl-8.col-lg-6 {
+  flex-basis: 30%;
+}
+.movie-images {
+  flex-wrap: wrap;
+}
+.movie-image-container {
+  flex: 0 0 500px;
+}

plugins/themeSwitch/assets/snippets/performers/move-tag-field-to-top.css

@@ -0,0 +1,12 @@
+/* [Performers tab] Move the tags row in the Performer's edit panel to the second position (just after name).  */
+
+form#performer-edit {
+  display: flex;
+  flex-direction: column;
+}
+#performer-edit > .row:nth-child(24) {
+  order: -1;
+}
+#performer-edit > .row:first-child {
+  order: -2;
+}

plugins/themeSwitch/assets/snippets/performers/performer-image-as-backdrop.css

@@ -0,0 +1,35 @@
+/* [Performers tab] Place performer image in the background on performer page */
+
+.performer-image-container.col-md-4.text-center {
+  flex: 0 0 0%;
+  max-width: 0%;
+}
+
+#performer-page .performer-image-container .btn.btn-link {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  left: 0;
+  padding: 0;
+}
+
+#performer-page .performer-image-container .btn.btn-link:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(
+    to left,
+    rgba(0, 0, 0, 0) 0%,
+    rgb(0 0 0 / 75%) 100%
+  );
+  z-index: 1;
+}
+
+#performer-page .performer-image-container .performer {
+  max-height: none;
+  max-width: none;
+  width: 100%;
+}

plugins/themeSwitch/assets/snippets/performers/show-entire-performer-image.css

@@ -0,0 +1,5 @@
+/* [Performers tab] Show entire performer image in performer card */
+
+.performer.image {
+  background-size: contain !important;
+}

plugins/themeSwitch/assets/snippets/scenes/adjust-mouse-wall-mode.css

@@ -0,0 +1,11 @@
+/* [Scenes tab] Adjust the mouse over behaviour in wall mode */
+
+@media (min-width: 576px) {
+  .wall-item:hover::before {
+    opacity: 0;
+  }
+
+  .wall-item:hover .wall-item-container {
+    transform: scale(1.5);
+  }
+}

plugins/themeSwitch/assets/snippets/scenes/disable-zoom-wall-mode.css

@@ -0,0 +1,8 @@
+/* [Scenes tab] Disable zoom on hover in wall mode */
+
+.wall-item:hover .wall-item-container {
+  transform: none;
+}
+.wall-item:before {
+  opacity: 0 !important;
+}

plugins/themeSwitch/assets/snippets/scenes/hide-scene-Scrubber.css

@@ -0,0 +1,5 @@
+/* [Scenes tab] Hide the scene scrubber and max out the player's height */
+
+.scrubber-wrapper {
+  display: none;
+}

plugins/themeSwitch/assets/snippets/scenes/hide-scene-specs.css

@@ -0,0 +1,5 @@
+/* [Scenes tab] Hide scene specs (resolution, duration) from scene card */
+
+.scene-specs-overlay {
+  display: none;
+}

plugins/themeSwitch/assets/snippets/scenes/hide-studio-logo.css

@@ -0,0 +1,5 @@
+/* [Scenes tab] Hide studio logo/text from scene card */
+
+.scene-studio-overlay {
+  display: none;
+}

plugins/themeSwitch/assets/snippets/scenes/hide-truncated-text.css

@@ -0,0 +1,6 @@
+/*This will hide the truncated text that appears under the tile and date. */
+/* [Scenes Tab] - Hide the truncated text on scene card */
+
+.TruncatedText.scene-card__description {
+  display: none;
+}

plugins/themeSwitch/assets/snippets/scenes/longer-string-studio.css

@@ -0,0 +1,8 @@
+/* [Scenes tab] Allow for longer string when displaying "Studio as Text" on scene thumbnails */
+
+.scene-studio-overlay {
+  font-weight: 600 !important;
+  opacity: 1 !important;
+  width: 60% !important;
+  text-overflow: ellipsis !important;
+}

plugins/themeSwitch/assets/snippets/scenes/show-extra-info.css

@@ -0,0 +1,6 @@
+.extra-scene-info {
+  display: inline;
+}
+.file-path {
+  display: block;
+}

plugins/themeSwitch/assets/snippets/scenes/swap-studio-res-duration.css

@@ -0,0 +1,14 @@
+/* [Scenes tab] Swap studio and resolution/duration positions */
+
+.scene-studio-overlay {
+  bottom: 1rem;
+  right: 0.7rem;
+  height: inherit;
+  top: inherit;
+}
+
+.scene-specs-overlay {
+  right: 0.7rem;
+  top: 0.7rem;
+  bottom: inherit;
+}

plugins/themeSwitch/assets/snippets/scenes/tags-list-sess-width.css

@@ -0,0 +1,5 @@
+/* [Scenes tab] Make the list of tags take up less width */
+
+.bs-popover-bottom {
+  max-width: 500px;
+}