From f9d1e6b5992179d4a384bb31ef2bbef6b596d761 Mon Sep 17 00:00:00 2001
From: Tini Tran <tinit@stud.ntnu.no>
Date: Wed, 24 Apr 2024 08:31:41 +0200
Subject: [PATCH] changed color scheme for dark mode
---
src/components/economy/TransactionComponent.vue | 5 +++++
src/views/HomePage/EconomyView.vue | 5 +++++
2 files changed, 10 insertions(+)
diff --git a/src/components/economy/TransactionComponent.vue b/src/components/economy/TransactionComponent.vue
index c00de8c..a50e1d2 100644
--- a/src/components/economy/TransactionComponent.vue
+++ b/src/components/economy/TransactionComponent.vue
@@ -120,5 +120,10 @@ const toggleExpand = () => {
}
+@media (prefers-color-scheme: dark) {
+ .component{
+ background-color: var(--vt-c-Orange-Dark);
+ }
+}
</style>
diff --git a/src/views/HomePage/EconomyView.vue b/src/views/HomePage/EconomyView.vue
index 391edce..029ba27 100644
--- a/src/views/HomePage/EconomyView.vue
+++ b/src/views/HomePage/EconomyView.vue
@@ -355,4 +355,9 @@ h2 {
}
}
+@media (prefers-color-scheme: dark){
+ h2{
+ color: var(--vt-c-kellyGreen-Light);
+ }
+}
</style>
--
GitLab