feat: lot more things

matter-labs · Dec 19, 2023 · 66b39c4 · 66b39c4
1 parent b85e2c8
commit 66b39c4
Show file tree

Hide file tree

Showing 44 changed files with 576 additions and 1,043 deletions.
diff --git a/assets/css/_mixins.scss b/assets/css/_mixins.scss
@@ -0,0 +1,7 @@
+@mixin interactiveStyles {
+  &:enabled,
+  &[interactive="true"]:not([aria-disabled="true"]),
+  &:is(a, label):not([aria-disabled="true"]) {
+    @content;
+  }
+}
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -3,19 +3,9 @@ html.dark {
 }
 html,
 body {
-  @apply min-h-full w-full bg-gray font-sans antialiased dark:bg-black dark:text-white;
+  @apply min-h-full text-neutral-950 w-full bg-neutral-50 font-sans antialiased dark:bg-black dark:text-white;
   -webkit-text-size-adjust: 100%;
 
-  .link {
-    @apply font-medium text-primary-400 transition-colors dark:text-primary-200;
-    &:enabled,
-    &:is(a) {
-      &:not([aria-disabled="true"]) {
-        @apply hover:text-primary-300;
-      }
-    }
-  }
-
   .tippy-box {
     @apply rounded-lg text-sm;
     &[data-theme~="light"] {

diff --git a/components/address/AddressAvatar.vue b/components/address/AddressAvatar.vue
@@ -26,7 +26,7 @@ defineProps({
     @apply h-full w-full;
   }
   .address-avatar-icon {
-    @apply absolute -bottom-1 -right-1 aspect-square h-[60%] w-[60%] rounded-full bg-white bg-opacity-90 shadow backdrop-blur-sm;
+    @apply absolute -bottom-1 -right-1 aspect-square h-[60%] w-[60%] rounded-full bg-neutral-100 bg-opacity-90 shadow backdrop-blur-sm;
 
     img,
     svg {

diff --git a/components/animations/ProgressBlocks.vue b/components/animations/ProgressBlocks.vue
diff --git a/components/common/Alert.vue b/components/common/Alert.vue
@@ -40,15 +40,15 @@ defineProps({
   }
   &.variant- {
     &info {
-      @apply border bg-primary-100 text-primary-700;
-      @apply dark:border-primary-200/50 dark:bg-primary-200/10 dark:text-white;
+      @apply border bg-primary-300 text-primary-700;
+      @apply dark:border-primary-300/50 dark:bg-primary-300/10 dark:text-white;
 
       .alert-icon {
         @apply dark:text-primary-300;
       }
       .alert-body {
         .alert-link {
-          @apply hover:text-primary-600 dark:hover:text-primary-200;
+          @apply hover:text-primary-400 dark:hover:text-primary-300;
         }
       }
     }