aril 0.0.2 → 0.0.4

package/theme/styles/theme/dark/blue/theme.scss

@@ -0,0 +1,14 @@
+$primaryColor: #60a5fa !default;
+$primaryLightColor: #93c5fd !default;
+$primaryLighterColor: #bfdbfe !default;
+$primaryLightestColor: rgba(96, 165, 250, .2) !default;
+$primaryTextColor: #030712 !default;
+$primary500: #3b82f6 !default;
+
+$highlightBg:rgba(96, 165, 250, .16) !default;
+$highlightTextColor: rgba(255, 255, 255, 0.87) !default;
+$highlightFocusBg: rgba($primaryColor, 0.24) !default;
+
+@import '../_variables';
+@import '../../base/_components';
+@import '../_extensions';

package/theme/styles/theme/dark/indigo/theme.scss

@@ -0,0 +1,14 @@
+$primaryColor: #3b82f6 !default;
+$primaryLightColor: #bfdbfe !default;
+$primaryDarkColor: #2563eb !default;
+$primaryDarkerColor: #1d4ed8 !default;
+$primaryTextColor: #ffffff !default;
+$primary500: #3b82f6 !default;
+
+$highlightBg: #eff6ff !default;
+$highlightTextColor: $primaryDarkerColor !default;
+$highlightFocusBg: rgba($primaryColor, 0.24) !default;
+
+@import '../_variables';
+@import '../../base/_components';
+@import '../_extensions';

package/theme/styles/theme/light/_extensions.scss

@@ -0,0 +1,102 @@
+@mixin focused-ring($ring-color) {
+    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 1.0);
+}
+
+@layer primevue {
+    .p-button-label {
+        font-weight: 500;
+    }
+    
+    .p-accordion {
+        .p-accordion-header {
+            .p-accordion-header-link {
+                transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+            }
+        }
+    }
+    
+    .p-tabview {
+        .p-tabview-nav {
+            li {
+                .p-tabview-nav-link {
+                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+                }
+            }
+        }
+    }
+    
+    .p-carousel {
+        .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+            background-color: $primaryColor;
+        }
+    }
+    
+    .p-galleria {
+        .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+            background-color: $primaryColor;
+        }
+    }
+    
+    .p-button {
+        &:focus {
+            @include focused-ring(scale-color($buttonBg, $lightness: 50%));
+        }
+    
+        &.p-button-secondary:enabled:focus {
+            @include focused-ring(scale-color($secondaryButtonBg, $lightness: 50%));
+        }
+    
+        &.p-button-success:enabled:focus {
+            @include focused-ring(scale-color($successButtonBg, $lightness: 50%));
+        }
+    
+        &.p-button-info:enabled:focus {
+            @include focused-ring(scale-color($infoButtonBg, $lightness: 50%));
+        }
+    
+        &.p-button-warning:enabled:focus {
+            @include focused-ring(scale-color($warningButtonBg, $lightness: 50%));
+        }
+    
+        &.p-button-help:enabled:focus {
+            @include focused-ring(scale-color($helpButtonBg, $lightness: 50%));
+        }
+    
+        &.p-button-danger:enabled:focus {
+            @include focused-ring(scale-color($dangerButtonBg, $lightness: 50%));
+        }
+    }
+    
+    .p-datatable {
+        .p-datatable-tbody {
+            > tr {
+                &.p-datatable-dragpoint-top > td {
+                    box-shadow: inset 0 2px 0 0 $primaryColor;
+                }
+    
+                &.p-datatable-dragpoint-bottom > td {
+                    box-shadow: inset 0 -2px 0 0 $primaryColor;
+                }
+            }
+        }
+    }
+    
+    .p-speeddial-item {
+        &.p-focus > .p-speeddial-action {
+            @include focused-ring(scale-color($buttonBg, $lightness: 50%));
+        }
+    }
+
+    .p-toast-message {
+        backdrop-filter: blur(10px);
+    }
+
+    .p-inline-message-text {
+        font-weight: 500;
+    }
+
+    .p-picklist-buttons .p-button,
+    .p-orderlist-controls .p-button {
+        transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+    }
+}