Piped/src/App.vue

<template>
<nav class="uk-navbar-container uk-container-expand uk-light" style="background:#0b0e0f" uk-navbar>
    <div class="uk-navbar-left">
        <router-link class="uk-navbar-item uk-logo uk-text-bold" to="/">Piped</router-link>
    </div>
    <div class="uk-navbar-right">
        <ul class="uk-navbar-nav">
            <li>
                <router-link to="/login">Login</router-link>
            </li>
            <li>
                <router-link to="/feed">Feed</router-link>
            </li>
        </ul>
    </div>
</nav>

<div class="uk-container uk-container-expand uk-light" style="background:#0b0e0f">
    <router-view />
</div>
</template>

<script>
export default {
    data() {
        return {

        }
    }
}
</script>

<style>
#app {
    background: #0b0e0f;
}

::-webkit-scrollbar {
    background-color: #15191a;
    color: #c5bcae;
}

::-webkit-scrollbar-thumb {
    background-color: #4b4f52;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #5b6469;
}

::-webkit-scrollbar-thumb:active {
    background-color: #485053;
}

::-webkit-scrollbar-corner {
    background-color: #0b0e0f;
}

* {
    scrollbar-color: #15191a #444a4e;
}
</style>