23 lines
455 B
Vue
23 lines
455 B
Vue
<template>
|
|
<div
|
|
class="dark:bg-[#18181c] dark:text-white dark:text-opacity-82 transition-all duration-300 ease-in-out"
|
|
:class="inverted ? 'bg-[#001428] text-white' : 'bg-white text-[#333639]'"
|
|
>
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineOptions({ name: 'DarkModeContainer' });
|
|
|
|
interface Props {
|
|
inverted?: boolean;
|
|
}
|
|
|
|
withDefaults(defineProps<Props>(), {
|
|
inverted: false
|
|
});
|
|
</script>
|
|
|
|
<style scoped></style>
|