@esfaenza/core 15.2.41 → 15.2.42-beta2

package/theme/styles/_variables.scss

@@ -1,52 +1,24 @@
-@import "skins/blue";
+@import "skins/jace";
 
+/**** Base ****/
 $body-bg-color: #e9ebee;
 $text-color: #242424;
+
+/*** Utilizzati da Azimuth ***/
+$main-color: $primary-dual-color;
+$dark-color: $secondary-color;
+$default-color: $fill-color;
+
+/**** Bootstrap ****/
 $gray: #555;
 $gray-light: #ccc;
 
-/**** App roots ****/
-$assets-root: '/assets/';
+/**** Roots ****/
+$assets-root: '/dist/assets/';
 $images-root: $assets-root + 'img/';
 $fonts-root: $assets-root + 'fonts/';
 
 /**** General ****/
-$font-family: 'Roboto', sans-serif;
-
-/**** Navbar ****/
-$navbar-text-color: $default-color;
-$navbar-height: 60px;
-
-/**** Sidebar ****/
-$sidebar-width: 230px;
-
-/**** Progress ****/
-$progress-border-radius: 0;
-$progress-height: 20px;
-
-/**** Fonts ****/
-$font-thin: 100;
-$font-light: 300;
-$font-normal: 400;
-$font-bold: 500;
-$font-bolder: 700;
-$font-ultraBold: 900;
-
-/**** Social icons ****/
-$facebook-color: #3b5998;
-$twitter-color: #55acee;
-$instagram-color: #8a3ab9;
-$pinterest-color: #c92228;
-$google-color: #dd4b39;
-$linkedin-color: #0177B5;
-$github-color: #6b6b6b;
-$stackoverflow-color: #2F96E8;
-$dribble-color: #F26798;
-$behace-color: #0093FA;
-
-/**** Glyphicons ****/
-$glyphicons-halflings-class-prefix: glyphicon !default;
-$glyphicons-halflings-font-base-size: 12px !default;
-$glyphicons-halflings-include-bonus: false !default;
-/***tooltip arrow override ***/
-$tooltip-arrow-color: #842a30;
+@import url('https://fonts.googleapis.com/css2?family=Lato&family=Sora&display=swap');
+$font-fam-normal: 'Lato', sans-serif;
+$font-fam-important: 'Sora', sans-serif;

package/theme/styles/skins/enuma.scss

@@ -0,0 +1,60 @@
+/* PALETTE */
+$white-color: #FFFFFF;
+$gray-color: #F2F2F2;
+$black-color: black;
+
+$shade-tone: 5%;
+
+$primary-color: #01C38D;
+$primary-light-color: lighten($primary-color, $shade-tone);
+$primary-dark-color: darken($primary-color, $shade-tone);
+
+$primary-dual-color: #07adec;
+$primary-dual-light-color: lighten($primary-dual-color, $shade-tone);
+$primary-dual-dark-color: darken($primary-dual-color, $shade-tone);
+
+$secondary-color: #132D46;
+$secondary-light-color: lighten($secondary-color, $shade-tone);
+$secondary-dark-color: darken($secondary-color, $shade-tone);
+
+$fill-color: #191E29;
+$fill-light-color: lighten($fill-color, $shade-tone);
+$fill-dark-color: darken($fill-color, $shade-tone);
+
+/* SEMANTICA */
+$navbar-height: 60px;
+$navbar-color: $secondary-color;
+$navbar-light-color: $secondary-light-color;
+$navbar-dark-color: $secondary-dark-color;
+$navbar-border-color: $fill-color;
+$navbar-text-color: $white-color;
+$navbar-text-cta: $primary-color;
+
+$sidebar-width: 230px;
+$sidebar-color: $secondary-color;
+$sidebar-light-color: $secondary-light-color;
+$sidebar-dark-color: $secondary-dark-color;
+$sidebar-border-color: $fill-color;
+$sidebar-text-color: $white-color;
+
+$table-color: $gray-color;
+$table-light-color: lighten($table-color, $shade-tone);
+$table-dark-color: $secondary-dark-color;
+$table-border-color: $gray-color;
+$table-text-color: $black-color;
+
+$filters-bar-color: $secondary-color;
+$filters-bar-light-color: $secondary-light-color;
+$filters-bar-dark-color: $secondary-dark-color;
+$filters-bar-border-color: $fill-dark-color;
+$filters-bar-text-color: $white-color;
+
+/* SHADOW */
+$box-shadow-md: 0px 8px 6px rgba(19, 19, 19, 0.04), 0px 12px 16px rgba(19, 19, 19, 0.05);
+$backdrop-color: rgba(0, 0, 0, 0.6);
+
+/* STATES */
+$info-color: #248dad;
+$success-color: #84CC16;
+$warning-color: #FBBF24;
+$danger-color: #EF4444;

package/theme/styles/skins/etnograph.scss

@@ -0,0 +1,52 @@
+/* PALETTE */
+$white-color: #FFFFFF;
+$gray-color: #F2F2F2;
+$black-color: #36454F;
+
+$shade-tone: 5%;
+
+$primary-color: #5D47FF;
+$primary-light-color: lighten($primary-color, $shade-tone);
+$primary-dark-color: darken($primary-color, $shade-tone);
+
+$primary-dual-color: #5D47FF;
+$primary-dual-light-color: lighten($primary-dual-color, $shade-tone);
+$primary-dual-dark-color: darken($primary-dual-color, $shade-tone);
+
+$secondary-color: #EAEDF2;
+$secondary-light-color: lighten($secondary-color, $shade-tone);
+$secondary-dark-color: darken($secondary-color, $shade-tone);
+
+$fill-color: #191E29;
+$fill-light-color: lighten($fill-color, $shade-tone);
+$fill-dark-color: darken($fill-color, $shade-tone);
+
+/* SEMANTICA */
+$navbar-height: 60px;
+$navbar-color: lighten($secondary-color, $shade-tone);
+$navbar-light-color: #ededed;
+$navbar-dark-color: darken($navbar-color, $shade-tone);
+$navbar-border-color: $gray-color;
+$navbar-text-color: $black-color;
+
+$sidebar-width: 230px;
+$sidebar-color: lighten($secondary-color, $shade-tone);
+$sidebar-light-color: lighten($navbar-color, $shade-tone);
+$sidebar-dark-color: darken($sidebar-color, $shade-tone);
+$sidebar-border-color: $gray-color;
+$sidebar-text-color: $black-color;
+
+$table-color: $gray-color;
+$table-light-color: lighten($table-color, $shade-tone);
+$table-dark-color: $black-color;
+$table-border-color: $gray-color;
+$table-text-color: $black-color;
+
+/* SHADOW */
+$box-shadow-md: 0px 8px 6px rgba(19, 19, 19, 0.04), 0px 12px 16px rgba(19, 19, 19, 0.05);
+
+/* STATES */
+$info-color: #248dad;
+$success-color: #84CC16;
+$warning-color: #FBBF24;
+$danger-color: #EF4444;

package/theme/styles/skins/jace.scss

@@ -0,0 +1,63 @@
+/* PALETTE */
+$white-color: #FFFFFF;
+$gray-color: #F2F2F2;
+$black-color: black;
+
+$shade-tone: 5%;
+
+// Utilizzato per CTA su sfondo scuro (Link, Bottoni, Operazioni,...)
+$primary-color: #fffac2;
+$primary-light-color: lighten($primary-color, $shade-tone);
+$primary-dark-color: darken($primary-color, $shade-tone);
+
+// Utilizzato per CTA su sfondo chiaro (Link, Bottoni, Operazioni...)
+$primary-dual-color: #0056b3;
+$primary-dual-light-color: lighten($primary-dual-color, $shade-tone);
+$primary-dual-dark-color: darken($primary-dual-color, $shade-tone);
+
+$secondary-color: #344154;
+$secondary-light-color: lighten($secondary-color, $shade-tone);
+$secondary-dark-color: darken($secondary-color, $shade-tone);
+
+$fill-color: #191E29;
+$fill-light-color: lighten($fill-color, $shade-tone);
+$fill-dark-color: darken($fill-color, $shade-tone);
+
+/* SEMANTICA */
+$navbar-height: 60px;
+$navbar-color: darken($secondary-color, 5%);
+$navbar-light-color: $secondary-light-color;
+$navbar-dark-color: $secondary-dark-color;
+$navbar-border-color: $fill-color;
+$navbar-text-color: $white-color;
+$navbar-text-cta: $white-color;
+
+$sidebar-width: 230px;
+$sidebar-color: $secondary-color;
+$sidebar-light-color: $secondary-light-color;
+$sidebar-dark-color: $secondary-dark-color;
+$sidebar-border-color: lighten($secondary-light-color, 5%);
+$sidebar-text-color: $white-color;
+
+$table-color: $gray-color;
+$table-light-color: lighten($table-color, $shade-tone);
+$table-dark-color: $secondary-dark-color;
+$table-border-color: $gray-color;
+$table-text-color: $black-color;
+
+$filters-bar-color: $white-color;
+$filters-bar-light-color: $secondary-light-color;
+$filters-bar-dark-color: $secondary-color;
+$filters-bar-border-color: #eeeeee;
+$filters-bar-text-color: $black-color;
+$filters-bar-header-text-color: $white-color;
+
+/* SHADOW */
+$box-shadow-md: 0px 8px 6px rgba(19, 19, 19, 0.04), 0px 12px 16px rgba(19, 19, 19, 0.05);
+$backdrop-color: rgba(0, 0, 0, 0.6);
+
+/* STATES */
+$info-color: #248dad;
+$success-color: #84CC16;
+$warning-color: #FBBF24;
+$danger-color: #EF4444;