From 87fcf5f3c844e25800c67b791bf61200e0922cb9 Mon Sep 17 00:00:00 2001
From: Frontesque <27463495+Frontesque@users.noreply.github.com>
Date: Thu, 6 Apr 2023 18:58:09 -0400
Subject: [PATCH] rework file manager and package manager buttons

---
 src/renderer/layouts/default.vue   | 7 ++++++-
 src/renderer/pages/tools/apps.vue  | 6 +++---
 src/renderer/pages/tools/files.vue | 3 +--
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/renderer/layouts/default.vue b/src/renderer/layouts/default.vue
index 586be36..284a8f6 100644
--- a/src/renderer/layouts/default.vue
+++ b/src/renderer/layouts/default.vue
@@ -45,6 +45,11 @@
 
 <style>
 /* :root { color-scheme: dark; } */ /* Basic Dark Theme */
+
+:root {
+  --primary: #8867c0;
+}
+
 body::-webkit-scrollbar {
   width: 0.25em;
 }
@@ -83,7 +88,7 @@ section {
   border: 2px solid rgba(255,255,255,0.1);
 }
 .primaryButton {
-  border: 2px solid #8867c0;
+  border: 2px solid var(--primary);
 }
 </style>
 
diff --git a/src/renderer/pages/tools/apps.vue b/src/renderer/pages/tools/apps.vue
index 4677a7b..ff9711c 100644
--- a/src/renderer/pages/tools/apps.vue
+++ b/src/renderer/pages/tools/apps.vue
@@ -9,7 +9,7 @@
             </v-card-title>
             <v-card-actions>
                 <div v-for="(item, i) in actions" :key="i" style="margin-right: 0.5em;">
-                    <v-btn rounded :color="item.color" @click="item.action()" :disabled="selected == null && item.requireSelected != false"><v-icon v-text="item.icon" style="margin-right: 0.5em;" />{{ item.name }}</v-btn>
+                    <v-btn :style="selected ? `border: 2px solid ${item.color};` : ''" rounded @click="item.action()" :disabled="selected == null && item.requireSelected != false"><v-icon v-text="item.icon" style="margin-right: 0.5em;" />{{ item.name }}</v-btn>
                 </div>
             </v-card-actions>
             <v-checkbox v-model="showSystem" label="Show System Apps" style="margin-left: 1em;" />
@@ -91,13 +91,13 @@ export default {
                 {
                     name: "Enable",
                     icon: "mdi-plus",
-                    color: "primary",
+                    color: "green",
                     action: this.enable,
                 },
                 {
                     name: "Disable",
                     icon: "mdi-minus",
-                    color: "primary",
+                    color: "yellow",
                     action: this.disable,
                 },
                 {
diff --git a/src/renderer/pages/tools/files.vue b/src/renderer/pages/tools/files.vue
index 50c5848..f39980c 100644
--- a/src/renderer/pages/tools/files.vue
+++ b/src/renderer/pages/tools/files.vue
@@ -10,7 +10,7 @@
             <v-text-field outlined rounded v-model="path" label="Path" style="margin: 0 1em -1.5em 1em" disabled />
             <v-card-actions>
                 <div v-for="(item, i) in actions" :key="i" style="margin-right: 0.5em;">
-                    <v-btn rounded :color="item.color" @click="item.action()" :disabled="selected == null && item.requireSelected != false"><v-icon v-text="item.icon" style="margin-right: 0.5em;" />{{ item.name }}</v-btn>
+                    <v-btn :style="selected ? `border: 2px solid ${item.color};` : ''" rounded @click="item.action()" :disabled="selected == null && item.requireSelected != false"><v-icon v-text="item.icon" style="margin-right: 0.5em;" />{{ item.name }}</v-btn>
                 </div>
             </v-card-actions>
             
@@ -83,7 +83,6 @@ export default {
                 {
                     name: "Back",
                     icon: "mdi-arrow-up",
-                    color: "primary",
                     action: this.back,
                     requireSelected: false,
                 },