From 6a767ce5c4d61fc0bc5eaa76a5e23866a4be4931 Mon Sep 17 00:00:00 2001 From: natsoni Date: Mon, 22 Apr 2024 12:36:43 +0200 Subject: [PATCH] Make links color manageable with themes --- frontend/src/styles.scss | 9 +++++++++ frontend/src/theme-contrast.scss | 4 +++- frontend/src/theme-wiz.scss | 4 +++- 3 files changed, 15 insertions(+), 2 deletions(-) diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index d92a3ec36..1825bbe6a 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -72,6 +72,8 @@ $dropdown-link-active-bg: $active-bg; --tertiary: #{$tertiary}; --success: #{$success}; --info: #{$info}; + --link-color: #{$info}; + --link-hover-color: #{$link-hover-color}; --icon: #f1f1f1; --box-bg: #24273e; @@ -1276,4 +1278,11 @@ app-global-footer { .btn-secondary { background-color: var(--secondary); border-color: var(--secondary); +} + +a { + color: var(--link-color); + &:hover { + color: var(--link-hover-color); + } } \ No newline at end of file diff --git a/frontend/src/theme-contrast.scss b/frontend/src/theme-contrast.scss index 470bad2e9..9b8af4528 100644 --- a/frontend/src/theme-contrast.scss +++ b/frontend/src/theme-contrast.scss @@ -21,7 +21,7 @@ $primary: #007cfa; $secondary: #272f4e; $tertiary: #6225b2; $success: #0aab2f; -$info: #10e0ff; +$info: #00ddff; $h5-font-size: 1.15rem !default; @@ -69,6 +69,8 @@ $dropdown-link-active-bg: $active-bg; --tertiary: #{$tertiary}; --success: #{$success}; --info: #{$info}; + --link-color: #{$info}; + --link-hover-color: #{$link-hover-color}; --icon: #f1f1f1; --box-bg: #171c2a; diff --git a/frontend/src/theme-wiz.scss b/frontend/src/theme-wiz.scss index 470bad2e9..9b8af4528 100644 --- a/frontend/src/theme-wiz.scss +++ b/frontend/src/theme-wiz.scss @@ -21,7 +21,7 @@ $primary: #007cfa; $secondary: #272f4e; $tertiary: #6225b2; $success: #0aab2f; -$info: #10e0ff; +$info: #00ddff; $h5-font-size: 1.15rem !default; @@ -69,6 +69,8 @@ $dropdown-link-active-bg: $active-bg; --tertiary: #{$tertiary}; --success: #{$success}; --info: #{$info}; + --link-color: #{$info}; + --link-hover-color: #{$link-hover-color}; --icon: #f1f1f1; --box-bg: #171c2a;