Enhance various elements styling with light theme On

This commit is contained in:
Bubka
2023-11-22 10:43:11 +01:00
parent a224436d0c
commit d58645f65a
4 changed files with 23 additions and 5 deletions

View File

@ -243,7 +243,9 @@
<div class="media">
<div class="media-left">
<figure class="image is-32x32">
<FontAwesomeIcon :icon="['fas', 'qrcode']" size="2x" class="has-text-grey-darker" />
<UseColorMode v-slot="{ mode }">
<FontAwesomeIcon :icon="['fas', 'qrcode']" size="2x" :class="mode == 'dark' ? 'has-text-grey-darker' : 'has-text-grey-lighter'" />
</UseColorMode>
</figure>
</div>
<div class="media-content">
@ -270,7 +272,9 @@
<div class="media">
<div class="media-left">
<figure class="image is-32x32">
<FontAwesomeIcon :icon="['fas', 'file-lines']" size="2x" class="has-text-grey-darker" />
<UseColorMode v-slot="{ mode }">
<FontAwesomeIcon :icon="['fas', 'file-lines']" size="2x" :class="mode == 'dark' ? 'has-text-grey-darker' : 'has-text-grey-lighter'" />
</UseColorMode>
</figure>
</div>
<div class="media-content">