"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5079/css/_variables.scss" (17 Jun 2021, 6867 Bytes) of package /linux/misc/jitsi-meet-5079.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) SASS/SCSS source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file. See also the last Fossies "Diffs" side-by-side code changes report for "_variables.scss": jitsi-meet_5870_vs_jitsi-meet_5963.

    1 @import "themes/light";
    2 
    3 /**
    4  * Style variables
    5  */
    6 $baseFontFamily: -apple-system, BlinkMacSystemFont, 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    7 $hangupColor:#DD3849;
    8 $hangupHoverColor: #F25363;
    9 $hangupFontSize: 2em;
   10 
   11 /**
   12  * Size variables.
   13  */
   14 
   15 // Video layout.
   16 $thumbnailToolbarHeight: 22px;
   17 $thumbnailIndicatorBorder: 2px;
   18 $thumbnailIndicatorSize: $thumbnailToolbarHeight;
   19 $thumbnailVideoMargin: 2px;
   20 $thumbnailsBorder: 2px;
   21 $thumbnailVideoBorder: 2px;
   22 $filmstripToggleButtonWidth: 17px;
   23 
   24 
   25 /**
   26  * Color variables.
   27  */
   28 $defaultColor: #F1F1F1;
   29 $defaultSideBarFontColor: #44A5FF;
   30 $defaultSemiDarkColor: #ACACAC;
   31 $defaultDarkColor: #2b3d5c;
   32 $defaultWarningColor: rgb(215, 121, 118);
   33 $participantsPaneBgColor: #141414;
   34 $presence-available: rgb(110, 176, 5);
   35 $presence-away: rgb(250, 201, 20);
   36 $presence-busy: rgb(233, 0, 27);
   37 $presence-idle: rgb(172, 172, 172);
   38 
   39 /**
   40  * Toolbar
   41  */
   42 $newToolbarBackgroundColor: #131519;
   43 $newToolbarButtonHoverColor: rgba(255, 255, 255, 0.2);
   44 $newToolbarButtonToggleColor: rgba(255, 255, 255, 0.15);
   45 $menuBG:#242528;
   46 $newToolbarFontSize: 24px;
   47 $newToolbarHangupFontSize: 32px;
   48 $newToolbarSize: 48px;
   49 $newToolbarSizeWithPadding: calc(#{$newToolbarSize} + 24px);
   50 $toolbarTitleFontSize: 19px;
   51 $overflowMenuItemColor: #fff;
   52 $overflowMenuItemBackground: #36383C;
   53 
   54 
   55 /**
   56  * Video layout
   57  */
   58 $videoThumbnailHovered: rgba(22, 94, 204, .4);
   59 $videoThumbnailSelected: #165ECC;
   60 $participantNameColor: #fff;
   61 $thumbnailPictogramColor: #fff;
   62 $dominantSpeakerBg: #165ecc;
   63 $raiseHandBg: #D6D61E;
   64 $audioLevelBg: #44A5FF;
   65 $connectionIndicatorBg: #165ecc;
   66 $audioLevelShadow: rgba(9, 36, 77, 0.9);
   67 $videoStateIndicatorColor: $defaultColor;
   68 $videoStateIndicatorBackground: $toolbarBackground;
   69 $videoStateIndicatorSize: 40px;
   70 $remoteVideoMenuIconMargin: initial;
   71 
   72 /**
   73  * Feedback Modal
   74  */
   75 $feedbackContentBg: #fff;
   76 $feedbackInputBg: #fff;
   77 $feedbackTextColor: #000;
   78 $feedbackInputTextColor: #333;
   79 $feedbackInputPlaceholderColor: #777;
   80 
   81 /**
   82  * Modals
   83  */
   84 $modalButtonFontSize: 14px;
   85 $modalMockAKInputBackground: #fafbfc;
   86 $modalMockAKInputBorder: 1px solid #f4f5f7;
   87 $modalTextColor: #333;
   88 
   89 /**
   90  * Chat
   91  */
   92 $chatActionsSeparatorColor: rgb(173, 105, 112);
   93 $chatBackgroundColor: #131519;
   94 $chatInputSeparatorColor: #A4B8D1;
   95 $chatLocalMessageBackgroundColor: #484A4F;
   96 $chatPrivateMessageBackgroundColor: rgb(153, 69, 77);
   97 $chatRemoteMessageBackgroundColor:  #242528;
   98 $sidebarWidth: 315px;
   99 
  100  /**
  101  * Misc.
  102  */
  103 $borderRadius: 4px;
  104 $popoverMenuPadding: 13px;
  105 $happySoftwareBackground: transparent;
  106 $desktopAppDragBarHeight: 25px;
  107 $scrollHeight: 7px;
  108 
  109 /**
  110  * Z-indexes. TODO: Replace this by a function.
  111  */
  112 $zindex0: 0;
  113 $zindex1: 1;
  114 $zindex2: 2;
  115 $zindex3: 3;
  116 $toolbarBackgroundZ: 4;
  117 $labelsZ: 5;
  118 $subtitlesZ: 7;
  119 $popoverZ: 8;
  120 $zindex10: 10;
  121 $reloadZ: 20;
  122 $poweredByZ: 100;
  123 $ringingZ: 300;
  124 $sideToolbarContainerZ: 200;
  125 $toolbarZ: 250;
  126 $drawerZ: 351;
  127 $tooltipsZ: 401;
  128 $dropdownMaskZ: 900;
  129 $dropdownZ: 901;
  130 $centeredVideoLabelZ: 1010;
  131 $overlayZ: 1016;
  132 // Place filmstrip videos over toolbar in order
  133 // to make connection info visible.
  134 $filmstripVideosZ: $toolbarZ + 1;
  135 
  136 
  137 /**
  138  * Font Colors
  139  */
  140 $defaultFontColor: #777;
  141 $defaultLightFontColor: #F1F1F1;
  142 $defaultDarkFontColor: #000;
  143 
  144 /**
  145  * Forms
  146  */
  147 //inputs
  148 $inputControlEmColor: #f29424;
  149 //buttons
  150 $linkFontColor: #489afe;
  151 $linkHoverFontColor: #287ade;
  152 $formPadding: 16px;
  153 
  154 /**
  155  * Unsupported browser
  156  */
  157 $primaryUnsupportedBrowserButtonBgColor: #0052CC;
  158 $unsupportedBrowserButtonBgColor: rgba(9, 30, 66, 0.04);
  159 $unsupportedBrowserTextColor: #4a4a4a;
  160 $unsupportedBrowserTextSmallFontSize: 17px;
  161 $unsupportedBrowserTitleColor: #fff;
  162 $unsupportedBrowserTitleFontSize: 24px;
  163 $unsupportedDesktopBrowserTextColor: rgba(255, 255, 255, 0.7);
  164 $unsupportedDesktopBrowserTextFontSize: 21px;
  165 
  166 /**
  167  * The size of the default watermark.
  168  */
  169 $watermarkWidth: 71px;
  170 $watermarkHeight: 32px;
  171 
  172 $welcomePageWatermarkWidth: 71px;
  173 $welcomePageWatermarkHeight: 32px;
  174 
  175 /**
  176  * Welcome page variables.
  177  */
  178 $welcomePageDescriptionColor: #fff;
  179 $welcomePageFontFamily: inherit;
  180 $welcomePageBackground: none;
  181 $welcomePageTitleColor: #fff;
  182 
  183 $welcomePageHeaderBackground: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/welcome-background.png');
  184 $welcomePageHeaderBackgroundPosition: center;
  185 $welcomePageHeaderBackgroundRepeat: none;
  186 $welcomePageHeaderBackgroundSize: cover;
  187 $welcomePageHeaderPaddingBottom: 0px;
  188 $welcomePageHeaderTitleMaxWidth: initial;
  189 $welcomePageHeaderTextAlign: center;
  190 
  191 $welcomePageHeaderContainerDisplay: flex;
  192 $welcomePageHeaderContainerMargin: 104px 32px 0 32px;
  193 
  194 $welcomePageHeaderTextTitleMarginBottom: 0;
  195 $welcomePageHeaderTextTitleFontSize: 42px;
  196 $welcomePageHeaderTextTitleFontWeight: normal;
  197 $welcomePageHeaderTextTitleLineHeight: 50px;
  198 $welcomePageHeaderTextTitleOpacity: 1;
  199 
  200 $welcomePageEnterRoomDisplay: flex;
  201 $welcomePageEnterRoomWidth: calc(100% - 32px);
  202 $welcomePageEnterRoomPadding: 4px;
  203 $welcomePageEnterRoomMargin: 0 auto;
  204 
  205 $welcomePageTabContainerDisplay: flex;
  206 $welcomePageTabContentDisplay: inherit;
  207 $welcomePageTabButtonsDisplay: flex;
  208 $welcomePageTabDisplay: block;
  209 
  210 /**
  211  * Deep-linking page variables.
  212  */
  213 $deepLinkingMobileLogoHeight: 40px;
  214 
  215 $deepLinkingMobileHeaderBackground: #f1f2f5;
  216 
  217 $deepLinkingMobileLinkColor: inherit;
  218 $deepLinkingMobileTextFontSize: inherit;
  219 $deepLinkingMobileTextLineHeight: inherit;
  220 
  221 $deepLinkingDialInConferenceIdMargin: 10px 0 10px 0;
  222 $deepLinkingDialInConferenceIdPadding: inherit;
  223 $deepLinkingDialInConferenceIdBackgroundColor: inherit;
  224 $deepLinkingDialInConferenceIdBorderRadius: inherit;
  225 
  226 $deepLinkingDialInConferenceNameFontSize: inherit;
  227 $deepLinkingDialInConferenceNameLineHeight: inherit;
  228 $deepLinkingDialInConferenceNameMarginBottom: none;
  229 $deepLinkingDialInConferenceNameFontWeight: inherit;
  230 
  231 $deepLinkingDialInConferenceDescriptionFontSize: 0.8em;
  232 $deepLinkingDialInConferenceDescriptionLineHeight: inherit;
  233 $deepLinkingDialInConferenceDescriptionMarginBottom: none;
  234 
  235 $deepLinkingDialInConferencePinFontSize: inherit;
  236 $deepLinkingDialInConferencePinLineHeight: inherit;
  237 
  238 $depLinkingMobileHrefLineHeight: 2.2857142857142856em;
  239 $deepLinkingMobileHrefFontWeight: bolder;
  240 $deepLinkingMobileHrefFontSize: inherit;
  241 
  242 $deepLinkingMobileButtonHeight: 2.2857142857142856em;
  243 $deepLinkingMobileButtonLineHeight: 2.2857142857142856em;
  244 $deepLinkingMobileButtonMargin: 18px auto 10px;
  245 $deepLinkingMobileButtonWidth: auto;
  246 $deepLinkingMobileButtonFontWeight: bold;
  247 $deepLinkingMobileButtonFontSize: inherit;
  248 
  249 $primaryDeepLinkingMobileButtonBorderRadius: inherit;
  250 
  251 /**
  252 * Chrome extension banner variables.
  253 */
  254 $chromeExtensionBannerDontShowAgainDisplay: flex;
  255 $chromeExtensionBannerHeight: 128px;
  256 $chromeExtensionBannerTop: 80px;
  257 $chromeExtensionBannerRight: 16px;
  258 $chromeExtensionBannerTopInMeeting: 10px;
  259 $chromeExtensionBannerRightInMeeeting: 10px;
  260 
  261 /**
  262 * media type thresholds
  263 */
  264 $smallScreen: 700px;
  265 $verySmallScreen: 500px;