boiii
/
traxxx
forked from DebaucheryLibrarian/traxxx
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed dark theme for release tiles.

This commit is contained in:
ThePendulum 2020-05-09 02:43:06 +02:00
parent 70594156fd
commit 5a82e769c7
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
assets/components/tile/release.vue
View File

@ -176,13 +176,13 @@ export default {
@import 'theme'; @import 'theme';
.tile { .tile {
background: $background; background: var(--background);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
padding: 0 0 .5rem 0; padding: 0 0 .5rem 0;
overflow: hidden; overflow: hidden;
box-shadow: 0 0 3px $shadow-weak; box-shadow: 0 0 3px var(--darken-weak);
height: 100%; height: 100%;
} }
@ -192,7 +192,7 @@ export default {
} }
.covers { .covers {
background: $profile; background: var(--profile);
display: flex; display: flex;
.cover { .cover {
@ -209,9 +209,9 @@ export default {
object-fit: cover; object-fit: cover;
background-position: center; background-position: center;
background-size: cover; background-size: cover;
background-color: $shadow-hint; background-color: var(--shadow-hint);
color: $shadow; color: var(--shadow);
text-shadow: 1px 1px 0 $highlight; text-shadow: 1px 1px 0 var(--highlight);
} }
.row { .row {
@ -238,10 +238,10 @@ export default {
.site, .site,
.date { .date {
color: $text-contrast; color: var(--text-light);
display: flex; display: flex;
align-items: center; align-items: center;
background: $shadow; background: var(--darken);
position: relative; position: relative;
font-size: .8rem; font-size: .8rem;
padding: .25rem; padding: .25rem;
@ -251,7 +251,7 @@ export default {
.date { .date {
&.upcoming:before { &.upcoming:before {
content: ''; content: '';
background: $primary; background: var(--primary);
width: .5rem; width: .5rem;
display: inline-block; display: inline-block;
position: absolute; position: absolute;
@ -271,7 +271,7 @@ export default {
.site-link { .site-link {
display: flex; display: flex;
color: $text-contrast; color: var(--text-light);
text-decoration: none; text-decoration: none;
} }
@ -287,7 +287,7 @@ export default {
.title { .title {
margin: 0 .25rem .25rem 0; margin: 0 .25rem .25rem 0;
color: $text; color: var(--text);
max-height: 2.75rem; max-height: 2.75rem;
font-size: 1rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
@ -335,26 +335,26 @@ export default {
text-decoration: none; text-decoration: none;
&:hover { &:hover {
color: $primary; color: var(--primary);
} }
} }
.actor-link { .actor-link {
color: $link; color: var(--link);
} }
.tag-link { .tag-link {
color: $shadow; color: var(--shadow);
display: inline-block; display: inline-block;
padding: .25rem; padding: .25rem;
font-size: .75rem; font-size: .75rem;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
line-height: 1; line-height: 1;
border: solid 1px $shadow-hint; border: solid 1px var(--shadow-hint);
&:hover { &:hover {
color: $primary; color: var(--primary);
} }
} }
</style> </style>