$grey-background-hover-color: #EFEFEF;
$grey-foreground-color: #585858;
$grey-foreground-hover-color: #303030;
+$grey-button-outline-color: scale-color($grey-foreground-color, $alpha: -95%);
-$orange-color: #F1680D;
-$orange-hover-color: #F97D46;
-
-$cyan-color: hsl(187, 77%, 34%);
+// Palette
+$main-color: hsl(24, 90%, 50%);
+$main-hover-color: lighten($main-color, 5%);
+$main-color-lighter: lighten($main-color, 10%);
+$main-color-lightest: lighten($main-color, 40%);
+$secondary-color: hsl(187, 77, 34);
+//
$support-button: inherit;
$support-button-heart: #e83e8c;
$input-placeholder-color: #898989;
$sub-menu-margin-bottom: 30px;
+$sub-menu-margin-bottom-small-view: 10px;
$activated-action-button-color: black;
+$focus-box-shadow-form: 0 0 0 .2rem;
+
/*** map theme ***/
// pass variables into a sass map,
// to be warned of non-existing variables
$variables: (
--mainColor: var(--mainColor),
+ --mainColorLighter: var(--mainColorLighter),
+ --mainColorLightest: var(--mainColorLightest),
--mainHoverColor: var(--mainHoverColor),
--mainBackgroundColor: var(--mainBackgroundColor),
--mainForegroundColor: var(--mainForegroundColor),
/*** z-index groups ***/
$zindex: (
+ miniature : 10,
+ privacymsg : 20,
+ typeahead : 30,
header : 1000,
- /* header context */
- headerLeft : 10,
menu : 11000,
dropdown : 12000,
- loadbar : 13000,
- modal : 14000,
- notification : 15000,
- hotkeys : 16000
+ popover : 13000,
+ tooltip : 14000,
+ loadbar : 15000,
+ modal : 16000,
+ help-popover : 17000,
+ notification : 18000,
+ hotkeys : 19000
);
@function z($label) {