@import 'src/themes';

//modifiers
$modifier-item-hover: +30%;
$modifier-gradient-lightness: +50%;

$ui-background: #ffffff;
$ui-text: #000000;
$ui-gray-text: #8c8c8c;
$ui-foreground: #f4f4f4;
$ui-left-menu: rgba(255, 255, 255, 0.75);
$ui-right-content: rgba(255,255,255,0.35);
$ui-shadow: rgba(50, 50, 50, 0.1);
$ui-switch-backround: rgba(255, 255, 255, 0);
$ui-item-active: rgba(0,0,0,0.1);
$ui-secondary-accent: #715AB6;
$ui-primary-accent: #5f74ff;
$ui-secondary-accent-text: #ffffff;
$ui-border: rgba(0,0,0,0.25);
$ui-negative: #ff3939;
$ui-positive: #3ac52b;
$ui-warning: #fd8a09;
$ui-palette: #FD2B3B,#DA224E,#C11C89,#AD177A,#8338EC,#5F5FF6,#3A86FF,#0BA7FF,#54C4A2,#5FC454,#95D035,#FBA807,#FD8A09,#FB5607;
$ui-overlay: rgba(55, 55, 55, 0.35);
$ui-dark-overlay: rgba(0, 0, 0, 0.7);
$ui-black: #000000;

@mixin light {
  @include theme
}