From f21f44ce2178ba3969a376f3655cf94d2bd7b456 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcell=20F=C3=BCl=C3=B6p?= <marekful@protonmail.com>
Date: Tue, 21 Jun 2022 19:22:01 +0000
Subject: [PATCH] :adhesive_bandage: Add back some styling

These weren't correctly updated afeter the style refactor
(Stats and PhpOpcache widgets).
---
 src/components/Widgets/NextcloudPhpOpcache.vue | 17 ++++++++++++++---
 src/components/Widgets/NextcloudStats.vue      |  3 ++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/Widgets/NextcloudPhpOpcache.vue b/src/components/Widgets/NextcloudPhpOpcache.vue
index 645cac07..f361d7b0 100644
--- a/src/components/Widgets/NextcloudPhpOpcache.vue
+++ b/src/components/Widgets/NextcloudPhpOpcache.vue
@@ -5,11 +5,11 @@
     <p v-tooltip="opcacheStartTimeTooltip()">
       <i class="fal fa-microchip"></i>
       <strong>PHP opcache</strong>&nbsp;
-      <em v-if="opcache.opcache_enabled" class="success">
+      <em v-if="opcache.opcache_enabled" class="oc-enabled">
         {{ tt('enabled') }}
       </em>
-      <em v-else class="disabled">{{ tt('disabled') }}</em>&nbsp;
-      <strong v-if="opcache.cache_full" class="danger">
+      <em v-else class="oc-disabled">{{ tt('disabled') }}</em>&nbsp;
+      <strong v-if="opcache.cache_full" class="oc-full">
         <i class="far fa-siren-on"></i>{{ tt('cache-full') }}
       </strong>
     </p>
@@ -200,4 +200,15 @@ export default {
 
 <style scoped lang="scss">
 @import '@/styles/widgets/nextcloud-shared.scss';
+.nextcloud-phpopcache-wrapper {
+  .oc-enabled {
+    color: var(--success);
+  }
+  .oc-disabled {
+    color: var(--neutral);
+  }
+  .oc-full {
+    color: var(--danger);
+  }
+}
 </style>
diff --git a/src/components/Widgets/NextcloudStats.vue b/src/components/Widgets/NextcloudStats.vue
index 5d43bc60..8860434f 100644
--- a/src/components/Widgets/NextcloudStats.vue
+++ b/src/components/Widgets/NextcloudStats.vue
@@ -18,7 +18,7 @@
         <i class="fal fa-browser"></i>
         <em v-html="formatNumber(apps.num_installed)"></em>
         <strong>{{ tt('applications') }}</strong>
-        <span v-if="apps.num_updates_available" class="success has-updates">
+        <span v-if="apps.num_updates_available" class="nc-updates">
           <i class="fal fa-download"></i><em>{{ apps.num_updates_available }}</em>
           <strong>
             {{ tt('updates-available',
@@ -192,6 +192,7 @@ export default {
 @import '@/styles/widgets/nextcloud-shared.scss';
 .nextcloud-stats-wrapper {
   div.server-info .nc-updates {
+    color: var(--success);
     margin-left: .5em;
   }
 }