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

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

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