From ba548583baaaeb5e918bfe8391d8391225b814c5 Mon Sep 17 00:00:00 2001
From: Sirttas <sophiegaelle.calloch@gmail.com>
Date: Mon, 1 Jun 2026 23:05:23 +0200
Subject: [PATCH] ledger label system green

---
 src/ledger/LedgerLabel.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/ledger/LedgerLabel.vue b/src/ledger/LedgerLabel.vue
index c534846..d7fbede 100644
--- a/src/ledger/LedgerLabel.vue
+++ b/src/ledger/LedgerLabel.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 
-import {isCombined, Ledger} from "@/ledger/ledger.ts";
+import {isCombined, Ledger, systemLedger} from "@/ledger/ledger.ts";
 import {FolderOpenIcon} from '@heroicons/vue/24/outline';
 import {RouterLink} from "vue-router";
 import {routeNames} from "@/routes";
@@ -18,6 +18,14 @@ const props = defineProps<Props>();
     <FolderOpenIcon v-if="isCombined(ledger)" class="w-4 me-1" />
     <div v-else class="w-4 me-1"/>
     <RouterLink v-if="link" :to="{name: routeNames.viewLedger, params: {ledgerId: ledger.ledgerId}}">{{ ledger.name }}</RouterLink>
-    <span v-else>{{ ledger.name }}</span>
+    <span v-else :class="{'system-ledger': ledger === systemLedger}">{{ ledger.name }}</span>
   </div>
 </template>
+
+<style scoped>
+@reference "@/style.css";
+
+.system-ledger {
+  @apply text-emerald-400;
+}
+</style>