Orlandster / vue-page-transition

A lightweight Vue.js plugin for page / route transitions.

Home Page:https://orlandster.github.io/vue-page-transition

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Change transition color on overlay

corepay opened this issue · comments

Hello and thank you for your work here.

Would like to know if I can change the color on the overlay transition - Blue is not in my color scheme.

HI,
This is probably not the best solution, but it's works in my case:
in App.vue, add:

<style>
   .overlay-left,  .overlay-right,  .overlay-top,  .overlay-bottom   {
    background: #ff0000 !important;
}
</style>

I think to, it's better to change this:

:root {
   --overlay-bg: #1867c0;
   --transition-duration: .35s;
 }

But I don't to do this.

I'm gonna add support for css variables, which will make it easier in the future!