Make the view of the all pages consistent with new Themes (#1184)

* enhanced titles and colors ,font size * update spaces * update statistics * update landing page size * fix RP issue * updates * fix all PR
threefoldtech · Oct 11, 2023 · 55027d4 · 55027d4
1 parent 4790228
commit 55027d4
Show file tree

Hide file tree

Showing 14 changed files with 348 additions and 341 deletions.
diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue
@@ -26,7 +26,7 @@
                     :key="item.route"
                     :value="item.route"
                     @click="clickHandler(item)"
-                    color="primary"
+                    color="secondary"
                     :active="$route.path === item.route"
                   >
                     <template v-slot:prepend v-if="item.icon">
@@ -49,7 +49,7 @@
                   :key="item.route"
                   :value="item.route"
                   @click="clickHandler(item)"
-                  color="primary"
+                  color="secondary"
                   :active="$route.path === item.route"
                 >
                   <template v-slot:prepend v-if="item.icon">
@@ -72,7 +72,7 @@
 
         <template v-if="version">
           <div class="version">
-            <v-chip color="primary">
+            <v-chip color="secondary">
               {{ version }}
             </v-chip>
           </div>
@@ -106,7 +106,7 @@
           <v-container fluid :style="{ paddingBottom: '100px' }">
             <div class="d-flex align-center">
               <v-btn
-                color="primary"
+                color="secondary"
                 @click="openSidebar = true"
                 icon="mdi-menu"
                 variant="tonal"
@@ -393,6 +393,10 @@ a {
   width: 35px !important;
 }
 
+.v-list-item-title {
+  font-size: 0.875rem;
+}
+
 .v-list-item--density-default.v-list-item--one-line {
   min-height: 40px;
 }