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