@appscode/design-system 2.0.55 → 2.0.57-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "2.0.55",
+  "version": "2.0.57-alpha.1",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/styles/base/utilities/_global.scss

@@ -705,6 +705,12 @@ body:has(.has-info-content) {
   }
 }
 
+.tag {
+  a {
+    color: inherit;
+  }
+}
+
 em {
   background: $primary-95;
   padding: 2px 4px;

package/vue-components/styles/components/_terminal.scss

@@ -154,12 +154,12 @@
           top: 5px;
           left: 35px;
           position: absolute;
-          background: $primary-20;
+          background: $secondary-20;
           width: 150px;
           border-radius: 4px;
           box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
           z-index: 99;
-          border-color: $primary-20;
+          border-color: $secondary-30;
 
           .items-inner {
             border: none;
@@ -167,7 +167,7 @@
             li {
               border: none;
               border-right: none !important;
-              border-bottom: 1px solid $primary-30;
+              border-bottom: 1px solid $secondary-30;
               width: 100%;
 
               &:last-child {

package/vue-components/v3/table/table-cell/ObjectCell.vue

@@ -81,7 +81,7 @@ const indexOfCharacterLengthExceed = computed(() => {
       </tag>
 
       <tag
-        modifierClasses="is-info is-light"
+        modifierClasses="is-secondary is-light"
         v-if="indexOfCharacterLengthExceed !== printableStringObjs.length"
       >
         <a @click.prevent.stop="showFullData = true">