Resolve "Adjust color for bucket limits in dark mode"

Closes #140 (closed)

src/components/object-storage/BucketLimitProgressBar.vue

 <script setup lang="ts">
 import { computed } from "vue";
+import { useSettingsStore } from "@/stores/settings";
+
+const settingsStore = useSettingsStore();
 
 const props = defineProps<{
   currentVal: number;
@@ -20,8 +23,10 @@ const colorClass = computed(() => {
     return "text-bg-danger";
   } else if (percentage.value > 75) {
     return "text-bg-warning";
+  } else if (settingsStore.darkThemeActive) {
+    return "bg-success text-light";
   }
-  return "text-bg-success text-dark";
+  return "bg-success text-dark";
 });
 </script>
 
@@ -40,7 +45,7 @@ const colorClass = computed(() => {
       :style="{ width: cssWidth + '%' }"
     >
       <template v-if="label">{{ label }}</template>
-      <template v-else> {{ percentage.toFixed(2) }}% </template>
+      <template v-else> {{ percentage.toFixed(2) }}%</template>
     </div>
   </div>
 </template>