1.190.6

assets/components/actors/actors.vue

@@ -516,7 +516,7 @@ export default {
 	display: flex;
 	justify-content: space-between;
 	padding: .75rem .5rem .5rem .5rem;
-	color: var(--darken);
+	color: var(--shadow);
 	font-weight: bold;
 	font-size: .9rem;
 
@@ -598,7 +598,7 @@ export default {
 	min-width: 1.5rem;
 	flex-shrink: 0;
 	padding: 0 .5rem;
-	color: var(--darken);
+	color: var(--shadow);
 	font-weight: bold;
 	font-size: .9rem;
 
@@ -607,7 +607,7 @@ export default {
 	}
 
 	.icon {
-		fill: var(--darken);
+		fill: var(--shadow);
 	}
 
 	&:hover {
@@ -637,7 +637,7 @@ export default {
 	height: 1.25rem;
 	appearance: none;
 	border-radius: 1rem;
-	background-color: var(--darken-hint);
+	background-color: var(--shadow-hint);
 	background-image: radial-gradient(circle, var(--shadow-weak) .3rem, transparent calc(.3rem + 1px));
 	cursor: pointer;
 

assets/components/actors/filter-range.vue

@@ -87,14 +87,14 @@ export default {
 .filter-section {
 	width: 15rem;
 	max-width: 100%;
-	border-bottom: solid 1px var(--darken-hint);
+	border-bottom: solid 1px var(--shadow-hint);
 }
 
 .filter-label {
 	display: flex;
 	justify-content: space-between;
 	padding: .75rem .5rem .5rem .5rem;
-	color: var(--darken);
+	color: var(--shadow);
 	font-weight: bold;
 	font-size: .9rem;
 
@@ -180,7 +180,7 @@ export default {
 	min-width: 1.5rem;
 	flex-shrink: 0;
 	padding: 0 .5rem;
-	color: var(--darken);
+	color: var(--shadow);
 	font-weight: bold;
 	font-size: .9rem;
 
@@ -189,7 +189,7 @@ export default {
 	}
 
 	.icon {
-		fill: var(--darken);
+		fill: var(--shadow);
 	}
 
 	&:hover {

assets/components/actors/gender.vue

@@ -23,19 +23,19 @@ export default {
 .gender {
     &.female .icon {
         fill: var(--female);
-        filter: drop-shadow(0 0 1px var(--shadow));
+        filter: drop-shadow(0 0 1px var(--darken));
     }
 
     &.male .icon {
         fill: var(--male);
-        filter: drop-shadow(0 0 1px var(--shadow));
+        filter: drop-shadow(0 0 1px var(--darken));
     }
 
     &.transsexual .icon {
-        fill: var(--text-contrast);
+        fill: var(--text-light);
         filter: drop-shadow(1px 0 0 var(--female)) drop-shadow(-1px 0 0 var(--female)) drop-shadow(0 1px 0 var(--female)) drop-shadow(0 -1px 0 var(--female))
             drop-shadow(1px 0 0 var(--male)) drop-shadow(-1px 0 0 var(--male)) drop-shadow(0 1px 0 var(--male)) drop-shadow(0 -1px 0 var(--male))
-            drop-shadow(0 0 1px var(--shadow))
+            drop-shadow(0 0 1px var(--darken))
     }
 }
 </style>

assets/components/container/warning.vue

@@ -129,18 +129,19 @@ export default {
 
 .button {
 	display: inline-flex;
+	flex-basis: 0;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	border: none;
-	font-size: 1.5rem;
 	padding: 0;
-	border: solid 2px transparent;
+	position: relative;
+	border-radius: 1rem;
 	color: var(--lighten-strong);
-	background: none;
 	cursor: pointer;
+	font-size: 1.5rem;
 	text-decoration: none;
-	flex-basis: 0;
+	transition: border .5s ease;
 
 	&.leave {
 		flex-direction: row;
@@ -158,12 +159,28 @@ export default {
 		flex-grow: 1;
 	}
 
-	&.straight {
-		border-color: var(--primary);
+	&.straight,
+	&.queer {
+		background: var(--darken-censor);
+
+		&:before {
+			content: '';
+			width: calc(100% + .3rem);
+			height: calc(100% + .25rem);
+			position: absolute;
+			z-index: -1;
+			border-radius: 1.1rem;
+			filter: blur(.5rem);
+			transition: filter .2s ease;
+		}
 	}
 
-	&.queer {
-		border-image: linear-gradient(90deg, #f00, #f80, #ff0, #0f0, #00f, #a0f, #fff, #f8f, #0ff) 1;
+	&.straight:before {
+		background: var(--primary);
+	}
+
+	&.queer:before {
+		background: linear-gradient(90deg, #f00, #f80, #ff0, #0f0, #00f, #a0f, #fff, #f8f, #0ff);
 	}
 
 	&:not(:last-child) {
@@ -180,6 +197,11 @@ export default {
 		.icon {
 			fill: var(--text-light);
 		}
+
+		&.straight:before,
+		&.queer:before {
+			filter: blur(0);
+		}
 	}
 }
 

assets/components/filters/filter-bar.vue

@@ -128,12 +128,17 @@ export default {
 
 .filter-mode {
 	width: 100%;
+	color: var(--shadow);
 	background: none;
 	padding: .75rem;
 	margin: 0 0 .5rem 0;
 	font-size: 1rem;
 	border: none;
 	border-bottom: solid 1px var(--shadow-hint);
+
+	option {
+		color: var(--text-dark);
+	}
 }
 
 .filter-clear {
@@ -141,25 +146,25 @@ export default {
 	align-items: center;
 	justify-content: space-between;
 	padding: .5rem 1rem;
-	color: var(--darken-weak);
+	color: var(--shadow-weak);
 	text-decoration: none;
 	cursor: default;
 
 	.icon {
-		fill: var(--darken-hint);
+		fill: var(--shadow-hint);
 		margin: 0 0 0 1rem;
 	}
 
 	&.active {
-		color: var(--darken);
+		color: var(--shadow);
 
 		.icon {
-			fill: var(--darken-weak);
+			fill: var(--shadow-weak);
 		}
 
 		&:hover {
 			color: var(--text);
-			background: var(--darken-hint);
+			background: var(--shadow-hint);
 			cursor: pointer;
 
 			.icon {
@@ -174,7 +179,7 @@ export default {
 	align-items: center;
 
 	&:hover {
-		background: var(--darken-hint);
+		background: var(--shadow-hint);
 		cursor: pointer;
 	}
 
@@ -202,7 +207,7 @@ export default {
 		width: 1rem;
 		height: 1rem;
 		padding: .5rem 1rem;
-		fill: var(--darken-hint);
+		fill: var(--shadow-hint);
 	}
 
 	.filter-remove {
@@ -226,7 +231,7 @@ export default {
 
 .filter-include:hover,
 .filter-name:hover {
-	background: var(--darken-hint);
+	background: var(--shadow-hint);
 }
 
 @media(max-width: $breakpoint-small) {
@@ -299,7 +304,6 @@ export default {
 	}
 }
 
-
 .filters {
 	flex-shrink: 0;
 }

assets/components/form/range.vue

@@ -163,6 +163,12 @@ export default {
 };
 </script>
 
+<style lang="scss">
+.dark .range-container .range {
+	--slider-range: var(--lighten-weak);
+}
+</style>
+
 <style lang="scss" scoped>
 @mixin thumb {
 	appearance: none;

assets/components/header/menu.vue

@@ -134,20 +134,20 @@ export default {
 .menu-item {
 	display: flex;
 	padding: .75rem 1rem .75rem .75rem;
-	color: inherit;
+	color: var(--text);
 	text-decoration: none;
 
 	.icon {
-		fill: var(--darken);
+		fill: var(--shadow);
 		margin: 0 1rem 0 0;
 	}
 
 	&.disabled {
-		color: var(--darken-weak);
+		color: var(--shadow-weak);
 		cursor: default;
 
 		.icon {
-			fill: var(--darken-weak);
+			fill: var(--shadow-weak);
 		}
 	}
 
@@ -164,10 +164,10 @@ export default {
 .menu-username {
 	display: block;
 	font-weight: bold;
-	color: var(--darken-strong);
+	color: var(--shadow-strong);
 	font-size: .9rem;
 	padding: .75rem 1rem;
-	border-bottom: solid 1px var(--darken-hint);
+	border-bottom: solid 1px var(--shadow-hint);
 	text-align: center;
 	text-decoration: none;
 }

assets/components/search/search.vue

@@ -5,7 +5,7 @@
 			class="summary"
 		>Searching...</span>
 
-		<template v-if="!loader && actors.length > 0">
+		<template v-if="actors.length > 0">
 			<span class="summary">Found {{ actors.length }} actors for '{{ query }}'</span>
 
 			<div class="tiles">
@@ -18,7 +18,7 @@
 			</div>
 		</template>
 
-		<template v-if="!loader && releases.length > 0">
+		<template v-if="releases.length > 0">
 			<span class="summary">Found {{ releases.length }} releases for '{{ query }}'</span>
 
 			<Releases

assets/components/tooltip/tooltip.vue

@@ -160,7 +160,7 @@ export default {
 
 .tooltip {
 	position: relative;
-	background: var(--background-light);
+	background: var(--background);
 }
 
 .tooltip-arrow {
@@ -172,7 +172,7 @@ export default {
 	left: calc(50% - .5rem);
 	border-left: .5rem solid transparent;
 	border-right: .5rem solid transparent;
-	border-bottom: .5rem solid var(--background-light);
+	border-bottom: .5rem solid var(--background);
 	margin: 0 auto;
 	filter: drop-shadow(0 0 3px var(--darken-weak));
 }

assets/components/users/stash.vue

@@ -139,7 +139,7 @@ export default {
 	min-width: 0;
 	height: 100%;
 	background: var(--background);
-	box-shadow: 0 0 3px var(--shadow-weak);
+	box-shadow: 0 0 3px var(--darken-weak);
 }
 
 .stash-section {

assets/css/_theme.scss

@@ -90,11 +90,11 @@ $breakpoint4: 1500px;
     --text: #fff;
     --text-contrast: #222;
 
-    --background: var(--background-dark);
-    --background-dim: #181818;
-    --background-soft: #111;
+    --background: #181818;
+    --background-dim: #111;
+    --background-soft: #000;
 
-    --profile: #000;
+    --profile: #0a0a0a;
     --tile: #2a2a2a;
 
     --link: #dd6688;

assets/js/ui/actions.js

@@ -1,7 +1,8 @@
 import { graphql } from '../api';
+import { releaseFields } from '../fragments';
 import { curateRelease, curateActor } from '../curate';
 
-function initUiActions(_store, _router) {
+function initUiActions(store, _router) {
 	function setTagFilter({ commit }, filter) {
 		const tagFilter = Array.from(new Set(filter));
 
@@ -33,6 +34,8 @@ function initUiActions(_store, _router) {
             query SearchReleases(
                 $query: String!
                 $limit: Int = 20
+				$hasAuth: Boolean!
+				$userId: Int
             ) {
                 results: searchReleases(
                     query: $query
@@ -45,57 +48,7 @@ function initUiActions(_store, _router) {
 					}
                 ) {
 					release {
-						id
-						title
-						slug
-						date
-						url
-						isNew
-						entity {
-							id
-							slug
-							name
-							url
-							type
-							independent
-							parent {
-								id
-								slug
-								name
-								url
-								type
-							}
-						}
-						actors: releasesActors {
-							actor {
-								id
-								slug
-								name
-							}
-						}
-						tags: releasesTags(orderBy: TAG_BY_TAG_ID__PRIORITY_DESC) {
-							tag {
-								id
-								name
-								slug
-							}
-						}
-						poster: releasesPosterByReleaseId {
-							media {
-								id
-								thumbnail
-								lazy
-								isS3
-							}
-						}
-						covers: releasesCovers {
-							media {
-								id
-								thumbnail
-								lazy
-								isS3
-							}
-						}
+						${releaseFields}
 					}
 					rank
                 }
@@ -168,6 +121,8 @@ function initUiActions(_store, _router) {
         `, {
 			query,
 			limit,
+			hasAuth: !!store.state.auth.user,
+			userId: store.state.auth.user?.id,
 		});
 
 		return {

package-lock.json

@@ -1,11 +1,11 @@
 {
     "name": "traxxx",
-    "version": "1.190.5",
+    "version": "1.190.6",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
-            "version": "1.190.5",
+            "version": "1.190.6",
             "license": "ISC",
             "dependencies": {
                 "@casl/ability": "^5.2.2",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.190.5",
+    "version": "1.190.6",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {