153 lines
3.1 KiB
SCSS
153 lines
3.1 KiB
SCSS
@import "themes/light";
|
|
|
|
/**
|
|
* Style variables
|
|
*/
|
|
$baseFontFamily: 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
$hangupColor: #bf2117;
|
|
$hangupFontSize: 2em;
|
|
|
|
/**
|
|
* Size variables.
|
|
*/
|
|
|
|
// Video layout.
|
|
$thumbnailToolbarHeight: 22px;
|
|
$thumbnailIndicatorBorder: 2px;
|
|
$thumbnailIndicatorSize: $thumbnailToolbarHeight;
|
|
$thumbnailVideoMargin: 2px;
|
|
$thumbnailsBorder: 2px;
|
|
$thumbnailVideoBorder: 2px;
|
|
$filmstripToggleButtonWidth: 17px;
|
|
|
|
|
|
/**
|
|
* Color variables.
|
|
*/
|
|
$defaultColor: #F1F1F1;
|
|
$defaultSideBarFontColor: #44A5FF;
|
|
$defaultSemiDarkColor: #ACACAC;
|
|
$defaultDarkColor: #2b3d5c;
|
|
|
|
/**
|
|
* Toolbar
|
|
*/
|
|
$alwaysOnTopToolbarFontSize: 1em;
|
|
$alwaysOnTopToolbarSize: 30px;
|
|
$defaultToolbarSize: 50px;
|
|
$defaultFilmStripOnlyToolbarSize: 37px;
|
|
$secToolbarFontSize: 1.9em;
|
|
$secToolbarLineHeight: 45px;
|
|
$toolbarAvatarPadding: 10px;
|
|
$toolbarAvatarSize: 40px;
|
|
$toolbarFontSize: 1.9em;
|
|
$toolbarTitleFontSize: 19px;
|
|
|
|
/**
|
|
* Main controls
|
|
* TODO: looks like we don't use it
|
|
*/
|
|
$inputSemiBackground: rgba(132, 132, 132, .8);
|
|
$inputLightBackground: #EBEBEB;
|
|
|
|
/**
|
|
* Video layout
|
|
*/
|
|
$videoThumbnailHovered: rgba(22, 94, 204, .4);
|
|
$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;
|
|
|
|
/**
|
|
* Modals
|
|
*/
|
|
$modalButtonFontSize: 14px;
|
|
$modalMockAKInputBackground: #fafbfc;
|
|
$modalMockAKInputBorder: 1px solid #f4f5f7;
|
|
$modalTextColor: #333;
|
|
|
|
/**
|
|
* Misc.
|
|
*/
|
|
$borderRadius: 4px;
|
|
$defaultWatermarkLink: '../images/watermark.png';
|
|
$sidebarWidth: 220px;
|
|
$popoverMenuPadding: 13px;
|
|
$happySoftwareBackground: transparent;
|
|
|
|
/**
|
|
* Z-indexes. TODO: Replace this by a function.
|
|
*/
|
|
$zindex0: 0;
|
|
$zindex1: 1;
|
|
$zindex2: 2;
|
|
$zindex3: 3;
|
|
$filmstripVideosZ: 5;
|
|
$zindex10: 10;
|
|
$reloadZ: 20;
|
|
$poweredByZ: 100;
|
|
$ringingZ: 300;
|
|
$sideToolbarContainerZ: 300;
|
|
$toolbarZ: 350;
|
|
$tooltipsZ: 401;
|
|
$dropdownMaskZ: 900;
|
|
$dropdownZ: 901;
|
|
$centeredVideoLabelZ: 1010;
|
|
$popoverZ: 1015;
|
|
$overlayZ: 1016;
|
|
|
|
|
|
/**
|
|
* Font Colors
|
|
*/
|
|
$defaultFontColor: #777;
|
|
$defaultLightFontColor: #F1F1F1;
|
|
$defaultDarkFontColor: #000;
|
|
|
|
/**
|
|
* Forms
|
|
*/
|
|
//inputs
|
|
$inputControlEmColor: #f29424;
|
|
//buttons
|
|
$linkFontColor: #489afe;
|
|
$linkHoverFontColor: #287ade;
|
|
$formPadding: 16px;
|
|
|
|
/**
|
|
* Unsupported browser
|
|
*/
|
|
$primaryUnsupportedBrowserButtonBgColor: #17a0db;
|
|
$unsupportedBrowserButtonBgColor: #ff9a00;
|
|
$unsupportedBrowserTextColor: #4a4a4a;
|
|
$unsupportedBrowserTextSmallFontSize: 17px;
|
|
$unsupportedBrowserTitleColor: #fff;
|
|
$unsupportedBrowserTitleFontSize: 24px;
|
|
$unsupportedDesktopBrowserTextColor: rgba(255, 255, 255, 0.7);
|
|
$unsupportedDesktopBrowserTextFontSize: 21px;
|
|
|
|
/**
|
|
* The size of the default watermark.
|
|
*/
|
|
$watermarkWidth: 186px;
|
|
$watermarkHeight: 74px; |