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