116 lines
2.7 KiB
SCSS
116 lines
2.7 KiB
SCSS
/**
|
|
* Style variables
|
|
*/
|
|
$baseFontFamily: 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
$toolbarFontSize: 1.9em;
|
|
$hangupFontSize: 2em;
|
|
|
|
/**
|
|
* Size variables.
|
|
*/
|
|
$defaultToolbarSize: 50px;
|
|
|
|
// Video layout.
|
|
$thumbnailToolbarHeight: 22px;
|
|
$thumbnailIndicatorBorder: 0px;
|
|
$thumbnailIndicatorSize: $thumbnailToolbarHeight;
|
|
$thumbnailVideoMargin: 2px;
|
|
|
|
/**
|
|
* Color variables.
|
|
*/
|
|
$defaultColor: #F1F1F1;
|
|
$defaultSideBarFontColor: #44A5FF;
|
|
$defaultSemiDarkColor: #ACACAC;
|
|
$defaultDarkColor: #2b3d5c;
|
|
$defaultBackground: #474747;
|
|
$tooltipBg: rgba(0,0,0, 0.7);
|
|
|
|
// Toolbar
|
|
$toolbarBackground: rgba(0, 0, 0, 0.5);
|
|
$toolbarSelectBackground: rgba(0, 0, 0, .6);
|
|
$toolbarBadgeBackground: #165ECC;
|
|
$toolbarBadgeColor: #FFFFFF;
|
|
$toolbarToggleBackground: #12499C;
|
|
$splitterToolbarButtonLeftMargin: 0px;
|
|
|
|
// Main controls
|
|
$inputSemiBackground: rgba(132, 132, 132, .8);
|
|
$inputLightBackground: #EBEBEB;
|
|
|
|
// Video layout.
|
|
$videoThumbnailHovered: #BFEBFF;
|
|
$videoThumbnailSelected: #165ECC;
|
|
$participantNameColor: #fff;
|
|
$thumbnailPictogramColor: #fff;
|
|
$dominantSpeakerBg: #165ecc;
|
|
$raiseHandBg: #D6D61E;
|
|
$audioLevelBg: #44A5FF;
|
|
$connectionIndicatorBg: #165ecc;
|
|
$audioLevelShadow: rgba(9, 36, 77, 0.9);
|
|
$videoStateIndicatorColor: $defaultColor;
|
|
$videoStateIndicatorBackground: $toolbarBackground;
|
|
|
|
/**
|
|
* Feedback Modal
|
|
*/
|
|
$feedbackContentBg: #fff;
|
|
$feedbackInputBg: #fff;
|
|
$feedbackTextColor: #000;
|
|
$feedbackInputTextColor: #333;
|
|
$feedbackInputPlaceholderColor: #777;
|
|
$rateStarLabelColor: #333;
|
|
$rateStarDefault: #ccc;
|
|
$rateStarActivity: #165ecc;
|
|
$rateStarSize: 34px;
|
|
$feedbackCancelFontColor: #333;
|
|
|
|
// Notifications
|
|
$notificationFontSize: 13px;
|
|
$notificationColor: #FFFFFF;
|
|
$notificationBackground: $tooltipBg;
|
|
$notificationTitleColor: $notificationColor;
|
|
$notificationMessageColor: $notificationColor;
|
|
$notificationLinkColor: $notificationColor;
|
|
$notificationOpacity: 0.9;
|
|
$notificationPadding: 15px 20px;
|
|
$notificationBorderRadius: 4px;
|
|
|
|
/**
|
|
* Misc.
|
|
*/
|
|
$borderRadius: 4px;
|
|
$defaultWatermarkLink: '../images/watermark.png';
|
|
$sidebarWidth: 200px;
|
|
|
|
/**
|
|
* Z-indexes. TODO: Replace this by a function.
|
|
*/
|
|
$tooltipsZ: 901;
|
|
$toolbarZ: 900;
|
|
$overlayZ: 902;
|
|
$notificationZ: 1012;
|
|
$ringingZ: 800;
|
|
|
|
/**
|
|
* Font Colors TODO: Change colors when general dialogs are implemented.
|
|
*/
|
|
$defaultFontColor: #777;
|
|
$defaultLightFontColor: #F1F1F1;
|
|
$defaultDarkFontColor: #000;
|
|
$buttonFontColor: #777;
|
|
$buttonHoverFontColor: #287ade;
|
|
$auiPrimaryButtonBg: #3572b0;
|
|
$auiPrimaryButtonHoverBg: #57647b;
|
|
$auiPrimaryButtonColor: #fff;
|
|
$auiIconColor: #707070;
|
|
$inputControlEmColor: #f29424;
|
|
$linkFontColor: #489afe;
|
|
$linkHoverFontColor: #287ade;
|
|
|
|
/**
|
|
* Forms
|
|
*/
|
|
$inputBg: $inputSemiBackground;
|
|
$inputBgHover: $inputSemiBackground;
|
|
$inputFontColor: $defaultDarkFontColor; |