jiti-meet/css/_variables.scss

130 lines
2.7 KiB
SCSS
Raw Normal View History

2016-10-31 17:21:15 +00:00
@import "themes/light";
2016-09-02 09:53:22 +00:00
/**
* Style variables
*/
2016-09-08 03:07:13 +00:00
$baseFontFamily: 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2016-09-12 04:36:15 +00:00
$toolbarFontSize: 1.9em;
$hangupFontSize: 2em;
/**
* Size variables.
*/
$defaultToolbarSize: 50px;
2016-09-15 02:20:54 +00:00
// Video layout.
2016-10-26 03:05:32 +00:00
$thumbnailToolbarHeight: 22px;
2017-01-09 21:32:25 +00:00
$thumbnailIndicatorBorder: 2px;
$thumbnailIndicatorSize: $thumbnailToolbarHeight;
$thumbnailVideoMargin: 5px;
2016-11-11 16:52:36 +00:00
$thumbnailsBorder: 2px;
$thumbnailVideoBorder: 2px;
$hideFilmstripButtonWidth: 17px;
2016-09-15 02:20:54 +00:00
2016-09-10 02:26:29 +00:00
/**
2016-09-11 21:54:32 +00:00
* Color variables.
2016-09-10 02:26:29 +00:00
*/
2016-09-12 04:36:15 +00:00
$defaultColor: #F1F1F1;
$defaultSideBarFontColor: #44A5FF;
$defaultSemiDarkColor: #ACACAC;
$defaultDarkColor: #2b3d5c;
2016-09-16 16:05:23 +00:00
$tooltipBg: rgba(0,0,0, 0.7);
2016-09-15 02:20:54 +00:00
2016-10-26 14:52:55 +00:00
/**
* Toolbar
*/
2016-10-19 17:34:20 +00:00
$toolbarTitleColor: #FFFFFF;
2016-11-10 16:48:34 +00:00
$toolbarTitleFontSize: 19px;
$toolbarBackground: rgba(0, 0, 0, 0.5);
$toolbarSelectBackground: rgba(0, 0, 0, .6);
$toolbarBadgeBackground: #165ECC;
$toolbarBadgeColor: #FFFFFF;
$toolbarToggleBackground: #12499C;
2016-11-01 15:59:57 +00:00
$splitterToolbarButtonMargin: 18px;
2017-01-15 18:09:02 +00:00
/**
2016-10-26 14:52:55 +00:00
* Main controls
2016-10-28 18:20:38 +00:00
* TODO: looks like we don't use it
2016-10-26 14:52:55 +00:00
*/
2016-09-12 04:36:15 +00:00
$inputSemiBackground: rgba(132, 132, 132, .8);
$inputLightBackground: #EBEBEB;
2016-09-11 21:54:32 +00:00
2017-01-15 18:09:02 +00:00
/**
2016-10-26 14:52:55 +00:00
* Video layout
*/
2016-10-28 17:53:50 +00:00
$videoThumbnailHovered: rgba(22, 94, 204, .4);
$videoThumbnailSelected: #165ECC;
2016-09-15 02:20:54 +00:00
$participantNameColor: #fff;
$thumbnailPictogramColor: #fff;
$dominantSpeakerBg: #165ecc;
$raiseHandBg: #D6D61E;
2016-09-28 21:31:40 +00:00
$audioLevelBg: #44A5FF;
$connectionIndicatorBg: #165ecc;
2016-09-29 05:22:05 +00:00
$audioLevelShadow: rgba(9, 36, 77, 0.9);
2016-10-19 12:31:13 +00:00
$videoStateIndicatorColor: $defaultColor;
$videoStateIndicatorBackground: $toolbarBackground;
2016-09-15 02:20:54 +00:00
2016-10-18 13:22:56 +00:00
/**
* Feedback Modal
*/
$feedbackContentBg: #fff;
$feedbackInputBg: #fff;
$feedbackTextColor: #000;
$feedbackInputTextColor: #333;
$feedbackInputPlaceholderColor: #777;
$rateStarLabelColor: #333;
2016-09-15 02:20:54 +00:00
$rateStarDefault: #ccc;
$rateStarActivity: #165ecc;
$rateStarSize: 34px;
2016-09-15 02:20:54 +00:00
2016-10-26 14:52:55 +00:00
/**
* Notifications
*/
$notificationFontSize: 13px;
$notificationColor: #FFFFFF;
$notificationBackground: $tooltipBg;
$notificationTitleColor: $notificationColor;
$notificationMessageColor: $notificationColor;
$notificationLinkColor: $notificationColor;
$notificationOpacity: 0.9;
$notificationPadding: 15px 20px;
$notificationBorderRadius: 4px;
2016-11-02 11:09:18 +00:00
$notificationWidth: 215px;
2016-09-11 21:54:32 +00:00
/**
* Misc.
*/
2017-01-09 21:32:25 +00:00
$borderRadius: 4px;
$defaultWatermarkLink: '../images/watermark.png';
2016-11-10 16:48:34 +00:00
$sidebarWidth: 220px;
2016-11-23 10:32:59 +00:00
$popoverMenuPadding: 13px;
$happySoftwareBackground: transparent;
/**
* Z-indexes. TODO: Replace this by a function.
*/
$tooltipsZ: 901;
$toolbarZ: 900;
$overlayZ: 902;
$notificationZ: 1012;
$ringingZ: 800;
2016-10-26 14:52:55 +00:00
$dropdownZ: 901;
$dropdownMaskZ: 900;
/**
2016-10-26 14:52:55 +00:00
* Font Colors
*/
$defaultFontColor: #777;
$defaultLightFontColor: #F1F1F1;
$defaultDarkFontColor: #000;
2016-09-20 07:59:12 +00:00
/**
* Forms
*/
2016-10-26 14:52:55 +00:00
//inputs
$inputControlEmColor: #f29424;
//buttons
$linkFontColor: #489afe;
2017-01-15 18:09:02 +00:00
$linkHoverFontColor: #287ade;