FEAT: Azion selection color (#4)

src/azion-dark/_custom.scss

@@ -0,0 +1 @@
+@import './custom/selection'

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';
 }

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;
 }

src/azion-dark/custom/_selection.scss

@@ -0,0 +1,4 @@
+::selection {
+  color: var(--primary-color-text);
+  background-color: var(--bg-selection);
+}

src/azion-dark/theme.scss

@@ -4,4 +4,5 @@
   @import './_fonts';
   @import '../primevue-sass-theme/theme-base/components.scss';
   @import './_extensions';
+  @import './custom';
 }

src/azion-light/_custom.scss

@@ -0,0 +1 @@
+@import './custom/selection'

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';
 }

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;
 }

src/azion-light/custom/_selection.scss

@@ -0,0 +1,3 @@
+::selection {
+  background-color: var(--bg-selection);
+}

src/azion-light/theme.scss

@@ -4,4 +4,5 @@
   @import './_fonts';
   @import '../primevue-sass-theme/theme-base/components.scss';
   @import './_extensions';
+  @import './custom';
 }