tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Fix gallery floating buttons and text in light mode (#491)

Browse Source
This commit is contained in:
Prospector
2022-05-23 21:38:25 -07:00
committed by GitHub
parent ec87821bcd
commit d31a920eb7
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/styles/global.scss
View File

@@ -1,5 +1,7 @@
html {
@extend .light-mode;
--dark-color-text: #b0bac5;
--dark-color-text-dark: #ecf9fb;
}
.light-mode {
@@ -89,9 +91,9 @@ html {
.dark-mode {
--color-icon: #96a2b0;
--color-text: #b0bac5;
--color-text: var(--dark-color-text);
--color-text-inactive: #929aa3;
--color-text-dark: #ecf9fb;
--color-text-dark: var(--dark-color-text-dark);
--color-heading: #c4cfdd;
--color-bg: #16181c;
--color-raised-bg: #26292f;

4
pages/_type/_id/gallery.vue
View File

@@ -22,7 +22,7 @@
@click.stop=""
/>
<div class="floating">
<div class="floating" @click.stop="">
<div class="text">
<h2 v-if="expandedGalleryItem.title">
{{ expandedGalleryItem.title }}
@@ -532,12 +532,14 @@ export default {
gap: 0.5rem;
h2 {
color: var(--dark-color-text-dark);
font-size: 1.25rem;
text-align: center;
margin: 0;
}
p {
color: var(--dark-color-text);
margin: 0;
}
}