From 4ad037a6ca20d63adc555e621e9fdd8aa3bd66aa Mon Sep 17 00:00:00 2001
From: pskfyi <patrick.keenan.fyi@gmail.com>
Date: Fri, 14 Jan 2022 22:03:41 -0800
Subject: [PATCH] feat: dynamic screen border colors

---
 layouts/default.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 8a805f1..72957e4 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="container max-h-full h-full w-full mx-auto bg-gray-400 px-4">
+  <div
+    class="wrapper container max-h-full h-full w-full mx-auto px-4"
+    :class="`bg-${activeTab.darkColor}`"
+  >
     <main
       class="grid w-full h-full overflow-auto relative"
       :class="`bg-${activeTab.color}`"
@@ -132,6 +135,9 @@ html {
 </style>
 
 <style scoped>
+.wrapper {
+  transition: background-color 2000ms;
+}
 main {
   grid-template-rows: auto minmax(0, 2fr) auto minmax(0, 3fr);
   transition: background-color 2000ms;