"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-4420/css/themes/_light.scss" (18 Sep 2020, 2538 Bytes) of package /linux/misc/jitsi-meet-4420.tar.gz:

    1 /**
    2  * Base
    3  */
    4 $baseLight: #FFFFFF;
    5 
    6 /**
    7 * Controls
    8 */
    9 $controlBackground: $baseLight;
   10 $controlColor: #333333;
   11 $sliderTrackBackground: #474747;
   12 $sliderThumbBackground: #3572b0;
   13 
   14 /**
   15 * Buttons
   16 */
   17 $buttonBackground: #44A5FF;
   18 $buttonHoverBackground: #2c4062;
   19 $buttonBorder: transparent;
   20 $buttonHoverBorder: transparent;
   21 $buttonColor: #eceef1;
   22 
   23 $buttonLightBackground: #f5f5f5;
   24 $buttonLightHoverBackground: #e9e9e9;
   25 $buttonLightBorder: #ccc;
   26 $buttonLightHoverBorder: #999;
   27 
   28 $buttonLinkBackground: transparent;
   29 $buttonLinkColor: #0090e8;
   30 
   31 $primaryButtonBackground: #3572b0;
   32 $primaryButtonHoverBackground: #2a67a5;
   33 $primaryButtonColor: $baseLight;
   34 $primaryButtonFontWeight: 400;
   35 
   36 $buttonShadowColor: #192d4f;
   37 
   38 $overlayButtonBg: #0074E0;
   39 
   40 /**
   41 * Color variables
   42 **/
   43 $defaultBackground: #474747;
   44 $filmstripOnlyOverlayBg: #000;
   45 $reloadProgressBarBg: #0074E0;
   46 
   47 /**
   48  * Dialog colors
   49  **/
   50 $auiDialogColor: #eceef1;
   51 $auiDialogBg: #253858;
   52 $auiDialogContentBg: #344563;
   53 $auiBorderColor: #253858;
   54 $dialogTitleFontWeight: 400;
   55 $dialogErrorText: #344563;
   56 
   57 /**
   58 * Inlay colors
   59 **/
   60 $inlayColorBg: lighten($defaultBackground, 20%);
   61 $inlayBorderColor: lighten($baseLight, 10%);
   62 $inlayIconBg: #000;
   63 $inlayIconColor: #fff;
   64 $inlayFilmstripOnlyColor: #474747;
   65 $inlayFilmstripOnlyBg: #fff;
   66 
   67 // Main controls
   68 $placeHolderColor: #a7a7a7;
   69 $readOnlyInputColor: #a7a7a7;
   70 $defaultDarkSelectionColor: #ccc;
   71 $buttonFontWeight: 400;
   72 $labelFontWeight: 400;
   73 $hintFontSize: em(13, 14);
   74 $linkFontColor: #3572b0;
   75 $linkHoverFontColor: darken(#3572b0, 10%);
   76 $dropdownColor: #333;
   77 $errorColor: #c61600;
   78 
   79 // Feedback colors
   80 $feedbackCancelFontColor: #333;
   81 
   82 // Popover colors
   83 $popoverBg: initial;
   84 $popoverFontColor: #ffffff !important;
   85 $popupMenuColor: #ffffff !important;
   86 $popupMenuHoverColor: #ffffff !important;
   87 $popupMenuHoverBackground: rgba(255, 255, 255, 0.1);
   88 $popupSliderColor: #0376da;
   89 
   90 // Toolbar
   91 $secondaryToolbarBg: rgba(0, 0, 0, 0.5);
   92 // TOFIX: Once moved to react rename to match the side panel class name.
   93 $sideToolbarContainerBg: rgba(0, 0, 0, 0.75);
   94 $toolbarBackground: rgba(0, 0, 0, 0.5);
   95 $toolbarBadgeBackground: #165ECC;
   96 $toolbarBadgeColor: #FFFFFF;
   97 $toolbarButtonColor: #FFFFFF;
   98 $toolbarSelectBackground: rgba(0, 0, 0, .6);
   99 $toolbarTitleColor: #FFFFFF;
  100 $toolbarToggleBackground: #12499C;
  101 
  102 
  103 /**
  104  * Forms
  105  */
  106 //dropdown
  107 $selectFontColor: $controlColor;
  108 $selectBg: $controlBackground;
  109 $selectActiveBg: darken($controlBackground, 5%);
  110 $selectActiveItemBg: darken($controlBackground, 20%);
  111 
  112 /**
  113  * TODO: Replace by themed component.
  114  */
  115 $videoQualityActive: #4C9AFF;