DebaucheryLibrarian/traxxx
2
1
Fork 1
Code Issues 39 Pull Requests 1 Releases Wiki Activity

Refined dark theme.

Browse Source
This commit is contained in:
DebaucheryLibrarian
2021-03-23 20:37:20 +01:00
parent 8ff5a8c5e1
commit b2105c8fb0
9 changed files with 44 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/components/actors/actors.vue
View File

@@ -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;

8
assets/components/actors/filter-range.vue
View File

@@ -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 {

8
assets/components/actors/gender.vue
View File

@@ -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>