elninotech/uppload

/**
 * Dark theme
 */

$colorBlack: #000;
$colorWhite: #fff;
$colorLightGray: #222;
$colorDarkGray: #111;

/**
 * All variables
 */

$modalBackground: rgba(125, 125, 125, 0.25);
$modalElementBackground: $colorBlack;
$modalElementForeground: $colorWhite;
$modalElementBoxShadow: 0 5rem 10rem rgba(0, 0, 0, 0.3);
$linkColor: inherit;

$sidebarNavBackground: $colorDarkGray;
$sidebarNavForeground: $colorWhite;
$sidebarNavActiveBackground: $colorBlack;
$sidebarNavActiveForeground: $colorWhite;
$sidebarNavFocusBoxShadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

$errorBackground: #c33;
$errorForeground: $colorBlack;

$inputBorderColor: rgba(0, 0, 0, 0.3);
$buttonDefaultBackground: #333;
$buttonDefaultForeground: $colorWhite;

$effectsButtonBackground: $colorLightGray;
$effectsButtonForeground: $colorWhite;
$effectsCTAButtonBackground: #3498db;
$effectsCTAButtonForeground: $colorWhite;
$effectsNavBackground: $colorDarkGray;
$effectsNavForeground: $colorWhite;
$effectsNavActiveBackground: $colorBlack;
$effectsNavActiveForeground: $colorWhite;
$effectsNavItemIconColor: $colorWhite;
$effectsLabelBackground: $colorDarkGray;
$effectsLabelColor: inherit;

$HomeNavItemBackground: $colorLightGray;
$HomeNavItemForeground: $colorWhite;
$HomeNavItemHoverBackground: $colorDarkGray;
$HomeNavItemHoverForeground: $colorWhite;

$loaderColor: #333;
$dropAreaBorder: 3px dashed rgba(255, 255, 255, 0.1);
$dropAreaBackground: transparent;
$dropAreaColor: inherit;
$dropAreaActiveBorder: 3px dashed rgba(0, 0, 0, 0.25);
$dropAreaActiveBackground: $colorDarkGray;
$dropAreaActiveColor: inherit;

@import "./theme.scss";