"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;