jiti-meet/css/themes/_light.scss

106 lines
2.1 KiB
SCSS
Raw Normal View History

2016-10-19 17:34:20 +00:00
/**
* Base
*/
$baseLight: #FFFFFF;
/**
* Controls
*/
$controlBackground: $baseLight;
$controlColor: #333333;
$sliderTrackBackground: #474747;
$sliderThumbBackground: #3572b0;
2016-10-19 17:34:20 +00:00
/**
* Buttons
*/
$buttonBackground: #f5f5f5;
$buttonHoverBackground: #e9e9e9;
$buttonBorder: #ccc;
$buttonHoverBorder: #999;
$buttonColor: #333;
$buttonLightBackground: #f5f5f5;
$buttonLightHoverBackground: #e9e9e9;
$buttonLightBorder: #ccc;
$buttonLightHoverBorder: #999;
$buttonLinkBackground: transparent;
$buttonLinkColor: #0090e8;
$primaryButtonBackground: #3572b0;
$primaryButtonHoverBackground: #2a67a5;
2016-10-19 17:34:20 +00:00
$primaryButtonColor: $baseLight;
$primaryButtonFontWeight: 400;
$buttonShadowColor: #192d4f;
$overlayButtonBg: #0074E0;
2016-10-31 17:21:15 +00:00
/**
* Color variables
**/
$defaultBackground: #474747;
$filmstripOnlyOverlayBg: #000;
$reloadProgressBarBg: #0074E0;
2016-10-31 17:21:15 +00:00
2016-10-20 10:43:05 +00:00
/**
* Connection indicator
**/
$downloadConnectionIconColor: #4abd04;
$uploadConnectionIconColor: #ffa800;
/**
* Dialog colors
**/
$auiDialogColor: #333;
$auiDialogBg: #f5f5f5;
2016-10-19 17:34:20 +00:00
$auiDialogContentBg: $baseLight;
$auiBorderColor: #ccc;
$dialogTitleFontWeight: 400;
2016-11-15 14:37:09 +00:00
/**
* Inlay colors
**/
$inlayColorBg: lighten($defaultBackground, 20%);
$inlayBorderColor: lighten($auiDialogContentBg, 10%);
$inlayIconBg: #000;
$inlayIconColor: #fff;
$inlayFilmstripOnlyColor: #474747;
$inlayFilmstripOnlyBg: #fff;
2016-11-15 14:37:09 +00:00
// Main controls
2016-10-19 17:34:20 +00:00
$inputBackground: $controlBackground;
$inputBorderColor: #ccc;
2016-10-19 17:34:20 +00:00
$inputColor: $controlColor;
2016-10-18 16:57:38 +00:00
$placeHolderColor: #a7a7a7;
2016-10-18 19:27:16 +00:00
$readOnlyInputColor: #a7a7a7;
$defaultDarkSelectionColor: #ccc;
$buttonFontWeight: 400;
$labelFontWeight: 400;
$hintFontSize: em(13, 14);
$linkFontColor: #3572b0;
$linkHoverFontColor: darken(#3572b0, 10%);
2016-10-13 13:15:20 +00:00
$dropdownColor: #333;
2016-10-21 15:18:17 +00:00
$errorColor: #c61600;
2016-10-13 13:15:20 +00:00
2016-11-15 14:37:09 +00:00
// Feedback colors
$feedbackCancelFontColor: #333;
2016-10-13 13:15:20 +00:00
// Popover colors
2016-10-18 09:41:35 +00:00
$popoverBg: #000;
2016-10-20 12:32:08 +00:00
$popoverFontColor: #ffffff;
2016-11-01 15:59:57 +00:00
$popupMenuSelectedItemBackground: rgba(256, 256, 256, .2);
// Toolbar
2016-11-10 16:48:34 +00:00
$splitterColor: #ccc;
/**
* Forms
*/
//dropdown
2016-11-11 16:30:27 +00:00
$selectFontColor: $controlColor;
2016-11-10 16:48:34 +00:00
$selectBg: $controlBackground;
$selectActiveBg: darken($controlBackground, 5%);
2016-11-11 16:30:27 +00:00
$selectActiveItemBg: darken($controlBackground, 20%);