From d3c643631044e8708424b687fbd4b1d2d1e2483c Mon Sep 17 00:00:00 2001 From: Luis Igreja Date: Thu, 8 Feb 2024 16:39:04 -0300 Subject: [PATCH] FEAT: Azion selection color (#4) --- src/azion-dark/_custom.scss | 1 + src/azion-dark/_extensions.scss | 1 + src/azion-dark/_variables.scss | 2 ++ src/azion-dark/custom/_selection.scss | 4 ++++ src/azion-dark/theme.scss | 1 + src/azion-light/_custom.scss | 1 + src/azion-light/_extensions.scss | 1 + src/azion-light/_variables.scss | 1 + src/azion-light/custom/_selection.scss | 3 +++ src/azion-light/theme.scss | 1 + 10 files changed, 16 insertions(+) create mode 100644 src/azion-dark/_custom.scss create mode 100644 src/azion-dark/custom/_selection.scss create mode 100644 src/azion-light/_custom.scss create mode 100644 src/azion-light/custom/_selection.scss diff --git a/src/azion-dark/_custom.scss b/src/azion-dark/_custom.scss new file mode 100644 index 0000000..5ea336f --- /dev/null +++ b/src/azion-dark/_custom.scss @@ -0,0 +1 @@ +@import './custom/selection' diff --git a/src/azion-dark/_extensions.scss b/src/azion-dark/_extensions.scss index 40c8cab..91cda3b 100644 --- a/src/azion-dark/_extensions.scss +++ b/src/azion-dark/_extensions.scss @@ -26,4 +26,5 @@ @import '../azion-dark/extended-components/progressbar'; @import '../azion-dark/extended-components/dialog'; @import '../azion-dark/extended-components/multiselect'; + @import '../azion-dark/extended-components/selection'; } diff --git a/src/azion-dark/_variables.scss b/src/azion-dark/_variables.scss index 08bad6e..39ef4b8 100644 --- a/src/azion-dark/_variables.scss +++ b/src/azion-dark/_variables.scss @@ -106,5 +106,7 @@ $colors: ( --maskbg: #{$maskBg}; --highlight-bg: #{$highlightBg}; --highlight-text-color: #{$highlightTextColor}; + --bg-selection: #FAB99E; + color-scheme: dark; } diff --git a/src/azion-dark/custom/_selection.scss b/src/azion-dark/custom/_selection.scss new file mode 100644 index 0000000..f6c452d --- /dev/null +++ b/src/azion-dark/custom/_selection.scss @@ -0,0 +1,4 @@ +::selection { + color: var(--primary-color-text); + background-color: var(--bg-selection); +} diff --git a/src/azion-dark/theme.scss b/src/azion-dark/theme.scss index ce3f248..788d109 100644 --- a/src/azion-dark/theme.scss +++ b/src/azion-dark/theme.scss @@ -4,4 +4,5 @@ @import './_fonts'; @import '../primevue-sass-theme/theme-base/components.scss'; @import './_extensions'; + @import './custom'; } diff --git a/src/azion-light/_custom.scss b/src/azion-light/_custom.scss new file mode 100644 index 0000000..5ea336f --- /dev/null +++ b/src/azion-light/_custom.scss @@ -0,0 +1 @@ +@import './custom/selection' diff --git a/src/azion-light/_extensions.scss b/src/azion-light/_extensions.scss index 994d014..7645bc1 100644 --- a/src/azion-light/_extensions.scss +++ b/src/azion-light/_extensions.scss @@ -26,4 +26,5 @@ @import '../azion-light/extended-components/progressbar'; @import '../azion-light/extended-components/dialog'; @import '../azion-light/extended-components/multiselect'; + @import '../azion-light/extended-components/selection'; } diff --git a/src/azion-light/_variables.scss b/src/azion-light/_variables.scss index 70aedd7..f532c23 100644 --- a/src/azion-light/_variables.scss +++ b/src/azion-light/_variables.scss @@ -108,6 +108,7 @@ $colors: ( --maskbg: #{$maskBg}; --highlight-bg: #{$highlightBg}; --highlight-text-color: #{$highlightTextColor}; + --bg-selection: #F7966E; color-scheme: light; } diff --git a/src/azion-light/custom/_selection.scss b/src/azion-light/custom/_selection.scss new file mode 100644 index 0000000..36043a9 --- /dev/null +++ b/src/azion-light/custom/_selection.scss @@ -0,0 +1,3 @@ +::selection { + background-color: var(--bg-selection); +} diff --git a/src/azion-light/theme.scss b/src/azion-light/theme.scss index 2d7b974..6beda50 100644 --- a/src/azion-light/theme.scss +++ b/src/azion-light/theme.scss @@ -4,4 +4,5 @@ @import './_fonts'; @import '../primevue-sass-theme/theme-base/components.scss'; @import './_extensions'; + @import './custom'; }