mirror of
https://github.com/amir20/dozzle.git
synced 2026-01-04 12:05:07 +01:00
156c6abffc
* added support for toggling between new light theme and dark theme. * improved light theme colors * light-theme styles are now scoped and applied in each component/page Co-authored-by: Catalin MUNTEANU <cmunteanu@bitdefender.com>
31 lines
520 B
Vue
31 lines
520 B
Vue
<template>
|
|
<div class="hero is-fullheight is-dark">
|
|
<div class="hero-body">
|
|
<div class="container has-text-centered">
|
|
<h1 class="title">Please choose a container from the list to view the logs</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: [],
|
|
name: "Default",
|
|
};
|
|
</script>
|
|
<style scoped>
|
|
.hero.is-dark {
|
|
color: #ddd;
|
|
background-color: #111;
|
|
|
|
html.has-light-theme & {
|
|
background-color: #F8F8F8;
|
|
|
|
.title {
|
|
color: #555;
|
|
}
|
|
}
|
|
}
|
|
</style>
|