Fixed dark theme for heart icons and stash scene previews.

This commit is contained in:
DebaucheryLibrarian 2021-03-20 23:20:07 +01:00
parent 67f22a6e08
commit 819d53fc2b
4 changed files with 6 additions and 5 deletions

View File

@ -124,8 +124,6 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
@import 'theme';
.container { .container {
position: relative; position: relative;
height: 100%; height: 100%;

View File

@ -1,5 +1,8 @@
<template> <template>
<label class="toggle-container noselect"> <label
class="toggle-container noselect"
:class="{ light: $store.state.ui.theme === 'dark' }"
>
<input <input
:id="`toggle-${id}`" :id="`toggle-${id}`"
:checked="checked" :checked="checked"

View File

@ -409,7 +409,7 @@ export default {
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
padding: 0 1rem; padding: 0 1rem;
fill: var(--darken); fill: var(--shadow);
&.stashed { &.stashed {
fill: var(--primary); fill: var(--primary);

View File

@ -63,7 +63,7 @@ export default {
align-items: center; align-items: center;
position: absolute; position: absolute;
left: 0; left: 0;
background: var(--shadow-weak); background: var(--darken-weak);
color: var(--text-light); color: var(--text-light);
font-size: .7rem; font-size: .7rem;
font-weight: bold; font-weight: bold;