/** * Style variables */ $baseFontFamily: 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif; $toolbarFontSize: 1.9em; $hangupFontSize: 2em; /** * Size variables. */ $defaultToolbarSize: 50px; // Video layout. $thumbnailIndicatorSize: 23px; $thumbnailIndicatorBorder: 0px; $thumbnailVideoMargin: 2px; $thumbnailToolbarHeight: 25px; /** * Color variables. */ $defaultColor: #F1F1F1; $defaultSideBarFontColor: #44A5FF; $defaultSemiDarkColor: #ACACAC; $defaultDarkColor: #2b3d5c; $defaultBackground: #474747; $tooltipBg: rgba(0,0,0, 0.7); // Toolbar $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; $audioLevelShadow: rgba(9, 36, 77, 0.9); $rateStarDefault: #ccc; $rateStarActivity: #165ecc; $rateStarLabelColor: #333; /** * Misc. */ $borderRadius: 4px; $defaultWatermarkLink: '../images/watermark.png'; $sidebarWidth: 200px; /** * Z-indexes. TODO: Replace this by a function. */ $tooltipsZ: 901; $toolbarZ: 900; $overlayZ: 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;