You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_variables.scss 2.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. /**
  2. * Style variables
  3. */
  4. $baseFontFamily: 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  5. $toolbarFontSize: 1.9em;
  6. $hangupFontSize: 2em;
  7. /**
  8. * Size variables.
  9. */
  10. $defaultToolbarSize: 50px;
  11. // Video layout.
  12. $thumbnailToolbarHeight: 22px;
  13. $thumbnailIndicatorBorder: 0px;
  14. $thumbnailIndicatorSize: $thumbnailToolbarHeight;
  15. $thumbnailVideoMargin: 2px;
  16. /**
  17. * Color variables.
  18. */
  19. $defaultColor: #F1F1F1;
  20. $defaultSideBarFontColor: #44A5FF;
  21. $defaultSemiDarkColor: #ACACAC;
  22. $defaultDarkColor: #2b3d5c;
  23. $defaultBackground: #474747;
  24. $tooltipBg: rgba(0,0,0, 0.7);
  25. /**
  26. * Toolbar
  27. */
  28. $toolbarBackground: rgba(0, 0, 0, 0.5);
  29. $toolbarSelectBackground: rgba(0, 0, 0, .6);
  30. $toolbarBadgeBackground: #165ECC;
  31. $toolbarBadgeColor: #FFFFFF;
  32. $toolbarToggleBackground: #12499C;
  33. $splitterToolbarButtonLeftMargin: 0px;
  34. /*
  35. * Main controls
  36. */
  37. $inputSemiBackground: rgba(132, 132, 132, .8);
  38. $inputLightBackground: #EBEBEB;
  39. /*
  40. * Video layout
  41. */
  42. $videoThumbnailHovered: rgba(22, 94, 204, .4);
  43. $videoThumbnailSelected: #165ECC;
  44. $participantNameColor: #fff;
  45. $thumbnailPictogramColor: #fff;
  46. $dominantSpeakerBg: #165ecc;
  47. $raiseHandBg: #D6D61E;
  48. $audioLevelBg: #44A5FF;
  49. $connectionIndicatorBg: #165ecc;
  50. $audioLevelShadow: rgba(9, 36, 77, 0.9);
  51. $videoStateIndicatorColor: $defaultColor;
  52. $videoStateIndicatorBackground: $toolbarBackground;
  53. /**
  54. * Feedback Modal
  55. */
  56. $feedbackContentBg: #fff;
  57. $feedbackInputBg: #fff;
  58. $feedbackTextColor: #000;
  59. $feedbackInputTextColor: #333;
  60. $feedbackInputPlaceholderColor: #777;
  61. $rateStarLabelColor: #333;
  62. $rateStarDefault: #ccc;
  63. $rateStarActivity: #165ecc;
  64. $rateStarSize: 34px;
  65. $feedbackCancelFontColor: #333;
  66. /**
  67. * Notifications
  68. */
  69. $notificationFontSize: 13px;
  70. $notificationColor: #FFFFFF;
  71. $notificationBackground: $tooltipBg;
  72. $notificationTitleColor: $notificationColor;
  73. $notificationMessageColor: $notificationColor;
  74. $notificationLinkColor: $notificationColor;
  75. $notificationOpacity: 0.9;
  76. $notificationPadding: 15px 20px;
  77. $notificationBorderRadius: 4px;
  78. /**
  79. * Misc.
  80. */
  81. $borderRadius: 4px;
  82. $defaultWatermarkLink: '../images/watermark.png';
  83. $sidebarWidth: 200px;
  84. /**
  85. * Z-indexes. TODO: Replace this by a function.
  86. */
  87. $tooltipsZ: 901;
  88. $toolbarZ: 900;
  89. $overlayZ: 902;
  90. $notificationZ: 1012;
  91. $ringingZ: 800;
  92. $dropdownZ: 901;
  93. $dropdownMaskZ: 900;
  94. /**
  95. * Font Colors
  96. */
  97. $defaultFontColor: #777;
  98. $defaultLightFontColor: #F1F1F1;
  99. $defaultDarkFontColor: #000;
  100. /**
  101. * Forms
  102. */
  103. <<<<<<< 1291023cbed3044a9f3acc2b8c7d47ff05e5aee4
  104. $inputBg: $inputSemiBackground;
  105. $inputBgHover: $inputSemiBackground;
  106. $inputFontColor: $defaultDarkFontColor;
  107. =======
  108. //dropdown
  109. $selectFontColor: $defaultLightFontColor;
  110. $selectBg: $defaultBackground;
  111. $selectActiveBg: $defaultBackground;
  112. $selectActiveItemBg: $defaultDarkColor;
  113. //inputs
  114. $inputControlEmColor: #f29424;
  115. //buttons
  116. $linkFontColor: #489afe;
  117. $linkHoverFontColor: #287ade;
  118. // Main controls TODO: looks like we don't use it
  119. $inputSemiBackground: rgba(132, 132, 132, .8);
  120. $inputLightBackground: #EBEBEB;
  121. >>>>>>> dropdown styles fixes