"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-6193/css/themes/_light.scss" (20 May 2022, 2113 Bytes) of package /linux/misc/jitsi-meet-6193.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 "_light.scss": jitsi-meet_7001_vs_jitsi-meet_7210.

    1 /**
    2  * Base
    3  */
    4 $baseLight: #FFFFFF;
    5 
    6 /**
    7 * Controls
    8 */
    9 $controlBackground: $baseLight;
   10 $controlColor: #333333;
   11 $sliderTrackBackground: #474747;
   12 $sliderThumbBackground: #3572b0;
   13 
   14 /**
   15 * Buttons
   16 */
   17 $buttonBackground: #44A5FF;
   18 $buttonHoverBackground: #2c4062;
   19 $buttonBorder: transparent;
   20 $buttonHoverBorder: transparent;
   21 $buttonColor: #eceef1;
   22 
   23 $buttonLightBackground: #f5f5f5;
   24 $buttonLightHoverBackground: #e9e9e9;
   25 $buttonLightBorder: #ccc;
   26 $buttonLightHoverBorder: #999;
   27 
   28 $buttonLinkBackground: transparent;
   29 $buttonLinkColor: #0090e8;
   30 
   31 $primaryButtonBackground: #3572b0;
   32 $primaryButtonHoverBackground: #2a67a5;
   33 $primaryButtonColor: $baseLight;
   34 $primaryButtonFontWeight: 400;
   35 
   36 $buttonShadowColor: #192d4f;
   37 
   38 $overlayButtonBg: #0074E0;
   39 
   40 /**
   41 * Color variables
   42 **/
   43 $defaultBackground: #474747;
   44 $reloadProgressBarBg: #0074E0;
   45 
   46 /**
   47  * Dialog colors
   48  **/
   49 $dialogErrorText: #344563;
   50 
   51 /**
   52 * Inlay colors
   53 **/
   54 $inlayColorBg: lighten($defaultBackground, 20%);
   55 $inlayBorderColor: lighten($baseLight, 10%);
   56 
   57 // Main controls
   58 $placeHolderColor: #a7a7a7;
   59 $readOnlyInputColor: #a7a7a7;
   60 $defaultDarkSelectionColor: #ccc;
   61 $buttonFontWeight: 400;
   62 $labelFontWeight: 400;
   63 $hintFontSize: em(13, 14);
   64 $linkFontColor: #3572b0;
   65 $linkHoverFontColor: darken(#3572b0, 10%);
   66 $dropdownColor: #333;
   67 $errorColor: #c61600;
   68 
   69 // Feedback colors
   70 $feedbackCancelFontColor: #333;
   71 
   72 // Popover colors
   73 $popoverFontColor: #ffffff !important;
   74 $popupSliderColor: #0376da;
   75 
   76 // Toolbar
   77 $secondaryToolbarBg: rgba(0, 0, 0, 0.5);
   78 // TOFIX: Once moved to react rename to match the side panel class name.
   79 $sideToolbarContainerBg: rgba(0, 0, 0, 0.75);
   80 $toolbarBackground: rgba(0, 0, 0, 0.5);
   81 $toolbarBadgeBackground: #165ECC;
   82 $toolbarBadgeColor: #FFFFFF;
   83 $toolbarButtonColor: #FFFFFF;
   84 $toolbarSelectBackground: rgba(0, 0, 0, .6);
   85 $toolbarTitleColor: #FFFFFF;
   86 $toolbarToggleBackground: #12499C;
   87 
   88 
   89 /**
   90  * Forms
   91  */
   92 //dropdown
   93 $selectFontColor: $controlColor;
   94 $selectBg: $controlBackground;
   95 $selectActiveBg: darken($controlBackground, 5%);
   96 $selectActiveItemBg: darken($controlBackground, 20%);
   97 
   98 /**
   99  * TODO: Replace by themed component.
  100  */
  101 $videoQualityActive: #57A0ff;