rework file manager and package manager buttons

Frontesque · Apr 6, 2023 · 87fcf5f · 87fcf5f
1 parent c03145d
commit 87fcf5f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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,
                 },