"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7312/css/_variables.scss" (1 Jun 2023, 6107 Bytes) of package /linux/misc/jitsi-meet-7312.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_8319_vs_jitsi-meet_8615.

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