github.com/Theta-Dev/Talon@v0.0.0-20211018130634-ff179e19fa9a/ui/menu/src/App.svelte (about) 1 <script lang="ts"> 2 import {closeModal, Modals} from "svelte-modals" 3 4 import Menu from "./components/Menu.svelte" 5 import {currentPage, isPresent} from "./util/talonData" 6 7 </script> 8 9 <style lang="sass"> 10 // Default theme 11 .wrapper 12 --talon-color: #7935df 13 14 .backdrop 15 position: fixed 16 top: 0 17 bottom: 0 18 right: 0 19 left: 0 20 background: rgba(0, 0, 0, 0.6) 21 </style> 22 23 <div class="wrapper" style={`--talon-color: ${currentPage.color}`}> 24 {#if isPresent} 25 <Menu /> 26 {/if} 27 28 <Modals> 29 <div class="backdrop" slot="backdrop" on:click={closeModal} /> 30 </Modals> 31 </div>