From 61956f150f8fd72eb2a6e0aec1ef4b9f75d120b2 Mon Sep 17 00:00:00 2001
From: rca <nem@nem.x0.to>
Date: Mon, 22 Jul 2024 02:46:51 +0900
Subject: [PATCH] wip

---
 src/components/TaskListComponent.vue | 2 +-
 src/css/app.scss                     | 6 ++++++
 src/layouts/MainLayout.vue           | 7 +++++++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/TaskListComponent.vue b/src/components/TaskListComponent.vue
index 4bd4db4..e0d0a82 100644
--- a/src/components/TaskListComponent.vue
+++ b/src/components/TaskListComponent.vue
@@ -78,6 +78,6 @@ onMounted(() => {
 
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 
 </style>
diff --git a/src/css/app.scss b/src/css/app.scss
index ecac98f..0e61163 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -1 +1,7 @@
 // app global css in SCSS form
+
+// Text
+body {
+    color: $text-color;
+    background-color: $color-light-gray;
+}
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 1c38c54..bbdbbac 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -62,3 +62,10 @@ defineOptions({
 });
 
 </script>
+<style lang="scss">
+
+.q-toolbar {
+  background-color: darken($primary, 30%);
+}
+
+</style>