"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-6316/css/_variables.scss" (5 Jul 2022, 6523 Bytes) of package /linux/misc/jitsi-meet-6316.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.

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