From 894ff99112c16b482af68fa157a263a272eec26e Mon Sep 17 00:00:00 2001 From: larissa-kamily-brisa Date: Mon, 2 Dec 2024 13:10:00 -0300 Subject: [PATCH 1/2] style: adding dark theme styles in link --- projects/ion/src/lib/link/_link.theme.scss | 31 ++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/projects/ion/src/lib/link/_link.theme.scss b/projects/ion/src/lib/link/_link.theme.scss index ede7bf386..b539359c0 100644 --- a/projects/ion/src/lib/link/_link.theme.scss +++ b/projects/ion/src/lib/link/_link.theme.scss @@ -30,9 +30,40 @@ $default: ( focus-border-color: ion-theme(primary-5), ); +$dark: ( + size: ( + sm: ( + text-font-size: 14px, + text-line-height: 20px, + ), + md: ( + text-font-size: 16px, + text-line-height: 24px, + ), + ), + text-font-weight: 400, + bold-text-font-weight: 600, + color: ion-theme(primary-2), + hover: ( + color: ion-theme(primary-4), + border-color: ion-theme(primary-4), + ), + active: ( + color: ion-theme(primary-7), + border-color: ion-theme(primary-7), + ), + visited: ( + color: ion-theme(primary-3), + hover-border-color: ion-theme(primary-3), + ), + disabled-color: ion-theme(neutral-4), + focus-border-color: ion-theme(primary-5), +); + @include register-component( link, ( default: $default, + dark: $dark, ) ); From c0a2d3b396eebef732b5b48abd69e2278c685603 Mon Sep 17 00:00:00 2001 From: larissa-kamily-brisa Date: Mon, 2 Dec 2024 17:17:08 -0300 Subject: [PATCH 2/2] style: adding border to notification --- .../ion/src/lib/notification/component/_notification.theme.scss | 2 ++ .../src/lib/notification/component/notification.component.scss | 1 + 2 files changed, 3 insertions(+) diff --git a/projects/ion/src/lib/notification/component/_notification.theme.scss b/projects/ion/src/lib/notification/component/_notification.theme.scss index 41c452e11..6db44e037 100644 --- a/projects/ion/src/lib/notification/component/_notification.theme.scss +++ b/projects/ion/src/lib/notification/component/_notification.theme.scss @@ -24,6 +24,7 @@ $default: ( ), default-icon-color: ion-theme(neutral-6), close-icon-color: ion-theme(primary-6), + border-color: ion-theme(neutral-1), ); $dark: ( @@ -50,6 +51,7 @@ $dark: ( ), default-icon-color: ion-theme(neutral-3), close-icon-color: ion-theme(primary-3), + border-color: ion-theme(neutral-3), ); @include register-component( diff --git a/projects/ion/src/lib/notification/component/notification.component.scss b/projects/ion/src/lib/notification/component/notification.component.scss index e96c046a5..eda4d6ffb 100644 --- a/projects/ion/src/lib/notification/component/notification.component.scss +++ b/projects/ion/src/lib/notification/component/notification.component.scss @@ -25,6 +25,7 @@ background: ion-theme(notification-background-color); box-shadow: ion-theme(notification-shadow); border-radius: ion-theme(notification-border-radius); + border: 1px solid ion-theme(notification-border-color); font-family: 'Source Sans Pro', sans-serif; font-style: normal;